*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#f7f9fc;background:#06121e;font-family:Cairo,Arial,sans-serif}body[data-mode=light]{color:#10253a;background:#edf2f5}.wrap{width:min(1470px,92%);margin:auto}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.skip{position:absolute;top:-100px;z-index:100;background:#fff;color:#000;padding:10px}.skip:focus{top:2px}.topbar{height:82px;position:absolute;top:0;left:0;right:0;z-index:10;background:linear-gradient(#071525cb,transparent)}.head{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.identity{display:block;min-width:140px}.brand-logo{display:block;width:165px;height:66px;object-fit:contain;object-position:right center}nav{display:flex;gap:27px;align-items:center}nav a{font-size:13px;font-weight:700;color:#e1e5e9;transition:.25s}nav a:hover,nav a.active{color:#e0bb64}.head-actions{display:flex;align-items:center;gap:12px}.head-actions button{background:none;color:#fff;border:0;font-weight:800}.head-cta{padding:11px 21px;background:#d0a650;border-radius:9px;color:#071727;font-weight:800;font-size:13px}.head-cta span{margin-inline-start:14px}.hamb{display:none}.hero{height:min(760px,92vh);min-height:620px;position:relative;display:flex;align-items:center;overflow:hidden;background:#102a3a}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-gradient{position:absolute;inset:0;background:linear-gradient(90deg,#06121ead 0%,#09131a36 45%,#04111bbd 100%),linear-gradient(0deg,#06121e 0%,transparent 35%)}.hero-layout{z-index:1;display:flex;justify-content:space-between;gap:24px;align-items:center;position:relative;padding-top:95px}.hero-content{max-width:740px;animation:rise .8s both}.eyebrow,.overline{color:#dfb55c;font-size:13px;letter-spacing:1px;font-weight:900}.tick{display:inline-block;width:25px;border-top:2px solid #d5af5a;margin:0 10px 4px}.hero h1{font-size:clamp(37px,4.25vw,74px);line-height:1.3;letter-spacing:-2px;margin:17px 0 20px;text-shadow:0 5px 28px #0008;font-weight:900}.hero h1 em{color:#dbb364;font-style:normal}.hero-content>p{font-size:18px;line-height:2;color:#e3e9ed;max-width:640px}.actions{display:flex;gap:13px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:13px 24px;border-radius:10px;font-size:14px;font-weight:800;transition:transform .2s}.btn:hover{transform:translateY(-3px)}.btn.primary{background:#d1ac60;color:#081929}.btn.outline{border:1px solid #fff8;color:#fff;background:#091c2c69}.vision-glass{background:#061b27d9;backdrop-filter:blur(10px);border:1px solid #e4c47878;border-radius:17px;padding:21px 25px;align-self:flex-end;margin-bottom:40px;display:flex;align-items:center;gap:18px;min-width:280px}.vision-glass div{display:grid;gap:4px}.vision-glass small{font-size:12px}.vision-glass strong{font-size:22px}.vision-glass div span{font-size:11px;color:#dfc99f}.palm{font-size:48px;color:#d3ab54}.hero-bottom{position:absolute;z-index:2;bottom:20px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:12px;color:#e7e1d8}.hero-bottom span span{font-size:18px}.proof{background:#0d2333;border-block:1px solid #a7864340}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 0}.proof-grid>div{padding:0 30px;border-left:1px solid #82939b60;display:grid;gap:5px}.proof-grid>div:last-child{border:0}.proof b{font-size:18px}.proof small{color:#b5c4ca}.section{padding-top:95px;padding-bottom:95px}.section-header{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-header h2,.about h2,.vision h2,.contact h2{font-size:clamp(28px,3.3vw,52px);margin:7px 0 10px;line-height:1.4}.section-header h2 span,.about h2 span,.vision h2 span,.contact h2 span{color:#d3ae63}.section-header p,.about p,.vision p,.contact p{color:#aebdc9;line-height:2;font-size:14px}.text-link{color:#e1b967;font-size:14px;font-weight:700}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-card{height:335px;position:relative;overflow:hidden;border-radius:12px;border:1px solid #ffffff2b;background:#162c3a;display:flex;flex-direction:column;justify-content:space-between;padding:20px;transition:transform .35s,border-color .35s}.service-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(0deg,#05101a 0%,#06111bc2 36%,#081d273b 100%),var(--photo);background-size:cover;background-position:center;transition:transform .7s}.service-card:hover:before{transform:scale(1.08)}.service-card:hover{border-color:#d3ae63;transform:translateY(-5px)}.service-card>*{position:relative}.num{color:#e0c381;font-size:12px;letter-spacing:1px;direction:ltr;align-self:flex-start}.card-copy i{font-size:29px;color:#dfb763;font-style:normal}.card-copy h3{font-size:21px;line-height:1.4;margin:10px 0}.card-copy p{font-size:13px;color:#cfdae0;line-height:1.8;margin:0 0 13px}.card-copy>span{font-size:12px;color:#e7c781;font-weight:700}.about{background:#0b2030}.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-photo{position:relative}.about-photo img{width:100%;height:430px;object-fit:cover;border-radius:14px}.about-photo span{position:absolute;bottom:24px;right:24px;background:#d1ac60;color:#132332;padding:12px 20px;font-weight:900}.about-text p{max-width:590px;margin-bottom:28px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.project-tile{height:260px;position:relative;overflow:hidden;border-radius:12px;border:1px solid #ffffff33}.project-tile img{width:100%;height:100%;object-fit:cover;filter:brightness(.8);transition:.5s}.project-tile:hover img{transform:scale(1.07)}.project-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000d,transparent 70%)}.project-tile div{position:absolute;bottom:22px;right:20px;z-index:1}.project-tile small{color:#efce82}.project-tile h3{margin:5px 0}.vision{padding:95px 0;background:linear-gradient(110deg,#061727c7,#061727eb),url('/assets/hero.jpg.webp') center/cover}.vision-inner{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;align-items:center}.vision-mark{font-size:clamp(65px,12vw,155px);font-weight:900;line-height:1;color:#d9b36b;direction:ltr;text-align:center}.vision-mark span{font-size:17px;direction:rtl;display:block;color:#fff;margin-top:18px}.pillars{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.pillars span{padding:10px 18px;border:1px solid #cba76580;border-radius:50px;color:#e4c98b;font-size:12px}.contact{text-align:center}.contact p{margin-bottom:25px}.contact .btn{margin:auto}footer{background:#03101a;border-top:1px solid #bd995633}.footer{display:flex;align-items:center;justify-content:space-between;padding:22px 0;gap:28px}.footer>div{display:flex;gap:20px;font-size:12px}.footer>span{font-size:11px;color:#9aaab3}body[data-mode=light] .section-header p,body[data-mode=light] .contact p{color:#516577}body[data-mode=light] .section-header h2{color:#0a2339}body[data-mode=light] .services,body[data-mode=light] .projects,body[data-mode=light] .contact{background:#edf2f5}body[data-mode=light] .about{background:#d9e3e8;color:#10253a}body[data-mode=light] .about p{color:#516577}@keyframes rise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1120px){nav{gap:13px}nav a{font-size:11px}.service-grid{grid-template-columns:repeat(2,1fr)}.vision-glass{display:none}}@media(max-width:760px){.topbar{height:69px}.brand-logo{width:120px;height:56px}.head-cta{display:none}.hamb{display:block}.head nav{display:none;position:absolute;top:70px;left:0;right:0;padding:25px;background:#071827;flex-direction:column;align-items:flex-start}.head nav.show{display:flex}.hero{min-height:690px;height:88svh}.hero-layout{padding-top:60px}.hero h1{font-size:37px;letter-spacing:-1px}.hero-content>p{font-size:15px}.actions{flex-wrap:wrap}.proof-grid{grid-template-columns:repeat(2,1fr);gap:22px}.proof-grid>div{padding:0 10px}.service-grid,.project-grid,.about-inner,.vision-inner{grid-template-columns:1fr}.service-card{height:290px}.section{padding-block:60px}.section-header{align-items:start;flex-direction:column}.about-inner{gap:25px}.about-photo img{height:280px}.footer{flex-wrap:wrap}.footer>div{flex-wrap:wrap}.vision-mark{font-size:100px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}