:root{--navy:#061b31;--navy2:#0a2948;--blue:#0879d9;--gold:#d9a52a;--ink:#10253b;--muted:#66798c;--line:#dce5ec;--bg:#f5f8fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:white}a{color:inherit;text-decoration:none}.topbar{height:32px;background:#f5f7fa;display:flex;justify-content:flex-end;gap:26px;align-items:center;padding:0 4vw;font-size:12px;color:#3c5872}.topbar a{color:#123f68}header{height:78px;display:flex;align-items:center;padding:0 4vw;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:30;box-shadow:0 1px 12px #001c3614}.brand{display:flex;flex-direction:column}.brand img{width:250px;height:42px;object-fit:contain;object-position:left}.brand small{font-size:10px;letter-spacing:.08em;margin-left:55px;color:#4b6073}nav{display:flex;gap:24px;align-items:center;font-size:13px;font-weight:650}nav a:hover{color:var(--blue)}.navcta{border:1px solid #b8c7d5;padding:10px 16px;border-radius:4px}.menu{display:none}.hero{min-height:590px;background:url('assets/dubai-hero.jpg') center/cover no-repeat;position:relative;display:flex;align-items:center;padding:70px 5vw;color:#fff}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,17,33,.94) 0%,rgba(3,25,48,.78) 38%,rgba(4,30,55,.22) 72%,rgba(2,18,34,.62) 100%)}.hero-copy{position:relative;max-width:720px;z-index:2}.kicker,.head span,.dark .head span,.projects .head span,.about>div>span,.journey>span,.insight>div>span,.contact>div>span{font-size:12px;letter-spacing:.18em;font-weight:800;color:#42aaf5}.hero h1{font-size:68px;line-height:.98;margin:18px 0 24px;letter-spacing:-.045em}.hero h1 em{font-style:normal;color:#71c2ff}.hero-copy>p{font-size:20px;line-height:1.55;max-width:670px;color:#e5edf4}.buttons{display:flex;gap:12px;margin-top:32px}.btn{display:inline-block;padding:16px 22px;border-radius:4px;font-weight:750;font-size:14px}.blue{background:var(--blue)}.white{background:#fff;color:var(--ink)}.gold{background:var(--gold);color:#091a2b}.hero-side{position:absolute;right:5vw;bottom:70px;z-index:2;border-left:1px solid #ffffff66;padding-left:30px;display:grid;gap:20px}.hero-side div{display:flex;flex-direction:column}.hero-side b{font-size:18px}.hero-side span{font-size:13px;color:#c8d9e8;margin-top:3px}.dual{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px 2vw;background:#eef3f7}.dual article{min-height:285px;background-size:cover;background-position:center;padding:38px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;border-radius:4px;overflow:hidden}.dual span{font-size:11px;letter-spacing:.16em;color:#78c6ff;font-weight:800}.dual h2{font-size:32px;margin:10px 0}.dual p{max-width:540px;color:#d7e4ee}.dual a{font-weight:800;margin-top:10px;color:#fff}.iconstrip{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--line);padding:22px 3vw;background:#fff}.iconstrip div{text-align:center;border-right:1px solid var(--line);padding:5px 12px}.iconstrip div:last-child{border:0}.iconstrip i{display:block;color:var(--blue);font-size:26px;font-style:normal;margin-bottom:8px}.iconstrip b{font-size:12px}.section,.dark,.projects{padding:90px 5vw}.head{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:45px}.head h2{font-size:46px;line-height:1.05;margin:10px 0 0;letter-spacing:-.035em}.head p{font-size:17px;line-height:1.65;color:var(--muted)}.four{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.four article{padding:30px;border:1px solid var(--line);border-radius:6px;min-height:260px;background:linear-gradient(180deg,#fff,#f8fafc);transition:.25s}.four article:hover{transform:translateY(-5px);box-shadow:0 16px 40px #12314c18}.four strong{color:var(--blue);font-size:12px}.four h3{font-size:21px;margin:42px 0 12px}.four p{color:var(--muted);line-height:1.65;font-size:14px}.dark,.projects{background:linear-gradient(135deg,#061a2e,#0a3356);color:#fff}.light p{color:#c9d8e5}.solutioncards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.solutioncards article{border:1px solid #ffffff22;background:#ffffff0a;padding:28px;min-height:160px;border-radius:6px}.solutioncards b{font-size:19px}.solutioncards p{color:#bed0de;line-height:1.6}.visualgrid{display:grid;gap:18px}.visualgrid.three{grid-template-columns:repeat(3,1fr)}.visualgrid.two{grid-template-columns:repeat(2,1fr)}.visualgrid article{background:#fff;color:var(--ink);border-radius:6px;overflow:hidden;box-shadow:0 8px 30px #061b3115}.visualgrid img{width:100%;height:210px;object-fit:cover;display:block}.visualgrid article div{padding:24px}.visualgrid small{color:var(--blue);font-weight:800;letter-spacing:.13em}.visualgrid h3{font-size:26px;margin:8px 0}.visualgrid p{color:var(--muted);line-height:1.55}.chips{display:flex;flex-wrap:wrap;gap:10px}.chips span{padding:13px 16px;border:1px solid #cbd8e3;background:#f7fafc;border-radius:3px;font-size:13px}.journey{padding:90px 5vw;background:#eef4f8}.journey h2{font-size:46px;margin:12px 0 40px}.journey>div{display:grid;grid-template-columns:repeat(4,1fr)}.journey article{padding:28px;border-top:3px solid var(--blue);background:#fff;margin-right:1px}.journey article b{color:var(--blue)}.journey article h3{font-size:23px}.journey article p{color:var(--muted);line-height:1.6}.about{padding:90px 5vw;display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.about h2{font-size:46px;margin:12px 0 24px}.about p{font-size:17px;line-height:1.75;color:var(--muted)}blockquote{margin:0;background:var(--navy);color:#fff;padding:50px;font-size:27px;line-height:1.4;border-radius:6px;box-shadow:18px 18px 0 #e9f0f5}blockquote small{display:block;margin-top:30px;color:#7fc7ff;font-size:13px}.insight{padding:70px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:50px;background:#f5f8fb}.insight h2{font-size:38px;margin:10px 0}.insight article{background:#fff;border-left:4px solid var(--gold);padding:30px}.insight article small{color:var(--blue);font-weight:800}.insight article h3{font-size:25px}.contact{padding:80px 5vw;background:#071b2e;color:#fff;display:grid;grid-template-columns:.75fr 1.25fr;gap:60px}.contact h2{font-size:44px;line-height:1.05}.locations{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.locations article{border:1px solid #ffffff20;padding:22px;background:#ffffff08}.locations b{color:#7fc7ff}.locations p{color:#c7d6e2;line-height:1.55;font-size:14px}.locations a{color:#fff;font-weight:700}footer{padding:28px 5vw;display:flex;justify-content:space-between;align-items:center;background:#fff;color:#637587;font-size:12px}footer>div{display:flex;align-items:center;gap:18px}footer img{width:190px;height:42px;object-fit:contain}.projects .head p{color:#c9d8e5}@media(max-width:900px){.topbar{display:none}header{height:70px}.brand img{width:190px}.brand small{display:none}.menu{display:block;border:0;background:none;font-size:24px}nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:20px;flex-direction:column;align-items:flex-start}nav.open{display:flex}.hero{min-height:600px}.hero h1{font-size:48px}.hero-side{display:none}.dual,.head,.about,.contact,.insight{grid-template-columns:1fr}.iconstrip{grid-template-columns:repeat(2,1fr)}.four,.solutioncards,.journey>div{grid-template-columns:1fr 1fr}.visualgrid.three,.visualgrid.two{grid-template-columns:1fr}.locations{grid-template-columns:1fr}.head{gap:10px}.section,.dark,.projects,.about,.journey{padding:65px 6vw}}@media(max-width:560px){.hero h1{font-size:40px}.hero-copy>p{font-size:17px}.buttons{flex-direction:column}.dual{grid-template-columns:1fr}.four,.solutioncards,.journey>div{grid-template-columns:1fr}.head h2,.journey h2,.about h2{font-size:36px}.iconstrip{display:none}}

/* V5 brand-led premium refinement */
:root{--navy:#07182b;--navy2:#102c49;--blue:#1577c8;--blue2:#54a9e4;--steel:#778999;--silver:#e7edf2;--ice:#f4f8fb;--gold:#c9a35a;--ink:#12283d;--muted:#687b8d;--line:#d8e2e9;--bg:#f4f8fb}
.topbar{height:38px;background:linear-gradient(90deg,#f7fafc,#eef4f8);border-bottom:1px solid #dfe7ed;padding:0 4.5vw;color:#4e6477}
header{height:108px;padding:0 4.5vw;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);box-shadow:0 8px 30px rgba(7,24,43,.08);border-bottom:1px solid rgba(20,91,145,.12)}
.brand{min-width:330px;justify-content:center}.brand img{width:330px;height:67px;object-fit:contain;object-position:left center}.brand small{font-size:11px;letter-spacing:.16em;margin-left:73px;margin-top:-4px;color:#577084;font-weight:650}
nav{gap:26px;font-size:12.5px;letter-spacing:.025em}nav a{position:relative;padding:44px 0 39px}nav a:not(.navcta):after{content:"";position:absolute;left:0;right:100%;bottom:27px;height:2px;background:linear-gradient(90deg,var(--blue),var(--blue2));transition:.25s}nav a:hover:after{right:0}.navcta{padding:12px 18px;border:1px solid #8eafc7;border-radius:2px;background:linear-gradient(135deg,#fafdff,#edf5fa)}
.hero{min-height:650px;padding:86px 5vw 92px;background-position:center 48%}.shade{background:linear-gradient(90deg,rgba(5,22,39,.95) 0%,rgba(8,35,59,.82) 37%,rgba(10,48,78,.24) 70%,rgba(4,22,39,.65) 100%)}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,#177bc8 0 28%,#6aaed9 28% 50%,#9aa8b3 50% 68%,#d8e1e7 68%)}
.kicker{color:#7fc7f2}.hero h1{font-size:72px}.hero h1 em{background:linear-gradient(90deg,#69b9ed,#d5e5ef);-webkit-background-clip:text;background-clip:text;color:transparent}.blue{background:linear-gradient(135deg,#1478c8,#075b9c);box-shadow:0 10px 25px rgba(5,88,153,.28)}.gold{background:linear-gradient(135deg,#d3b36c,#b88e42)}
.dual{padding:20px 2.8vw;gap:20px;background:linear-gradient(180deg,#f3f7fa,#eaf1f6)}.dual article{min-height:320px;border-radius:8px;box-shadow:0 18px 50px rgba(7,24,43,.13);border:1px solid rgba(255,255,255,.45)}
.iconstrip{padding:27px 4vw;box-shadow:0 12px 35px rgba(7,24,43,.05)}.iconstrip i{color:var(--blue);font-size:29px}.section,.dark,.projects{padding:100px 5vw}.head h2,.journey h2,.about h2{font-size:50px}.four{gap:20px}.four article{border-top:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#1679c7,#8aa5b8) border-box;border-radius:8px}.four article:hover{box-shadow:0 20px 48px rgba(8,42,69,.13)}
.dark,.projects{background:radial-gradient(circle at 85% 10%,rgba(37,122,181,.22),transparent 30%),linear-gradient(135deg,#06182a,#0d3454 58%,#0b2944);position:relative;overflow:hidden}.dark:before,.projects:before{content:"";position:absolute;width:460px;height:460px;border:1px solid rgba(112,184,229,.12);border-radius:50%;right:-170px;top:-210px;box-shadow:0 0 0 70px rgba(112,184,229,.025),0 0 0 140px rgba(112,184,229,.018)}.dark>* ,.projects>*{position:relative;z-index:1}.solutioncards article{border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035));backdrop-filter:blur(5px)}
.visualgrid{gap:24px}.visualgrid article{border-radius:9px;box-shadow:0 16px 45px rgba(7,24,43,.12);border:1px solid rgba(13,75,119,.08)}.visualgrid img{height:235px}.chips span{padding:14px 18px;border-color:#c8d7e2;background:linear-gradient(180deg,#fff,#f2f7fa);box-shadow:0 5px 14px rgba(7,24,43,.04)}
.journey{background:linear-gradient(135deg,#eef5f9,#f9fbfc)}.journey article{border-top:4px solid var(--blue);box-shadow:0 10px 28px rgba(7,24,43,.06)}blockquote{background:linear-gradient(135deg,#071a2e,#10466f);box-shadow:18px 18px 0 #dfeaf1;border-left:4px solid #6fb7e3}.insight{background:linear-gradient(135deg,#f4f8fb,#edf4f8)}.insight article{border-left-color:#4f9dd1;box-shadow:0 12px 35px rgba(7,24,43,.07)}.contact{background:radial-gradient(circle at 85% 10%,rgba(50,134,191,.2),transparent 34%),linear-gradient(135deg,#061729,#0c3557)}.locations article{background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035));border-radius:6px}.locations b{color:#82c6ef}footer{padding:35px 5vw;border-top:1px solid #dce6ed}footer img{width:235px;height:55px}
@media(max-width:1100px){header{height:92px}.brand img{width:270px;height:58px}.brand{min-width:270px}.brand small{margin-left:60px}nav{gap:16px;font-size:11.5px}}
@media(max-width:900px){header{height:82px}.brand img{width:230px;height:52px}.brand{min-width:230px}.hero{min-height:620px}.hero h1{font-size:52px}nav{top:82px}.brand small{display:none}}
