:root{--grey-soft:#f5f6f8;--ink:#202126;--grey-mid:#626773}body{overflow-x:hidden}section{padding:100px 32px;scroll-margin-top:90px}.wrap{max-width:1240px}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:16px}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #F2A302;outline-offset:5px}.topbar{background:#191b20;justify-content:flex-end;padding-right:max(32px,calc((100vw - 1240px)/2));font-size:13px}header.main-nav{padding:17px 32px}.brand img{height:48px}nav.links{gap:24px}.btn{border-radius:5px;padding:16px 24px}.hero{min-height:680px;display:flex;align-items:center;padding:100px 32px 110px;background:#10151c}.hero .wrap{max-width:1240px;width:100%;margin:auto}.hero h1{font-size:clamp(40px,5.3vw,72px);letter-spacing:-3px;line-height:1.1;max-width:700px;font-weight:600}.hero h1 em{font-style:normal;color:#ffb928}.hero p{max-width:490px;font-size:16px;color:#d0d5dc}.hero-kicker{font-size:12px;letter-spacing:2px;color:#d4dbe5;margin-bottom:26px}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10151c 5%,rgba(16,21,28,.9) 30%,rgba(16,21,28,.12) 85%);pointer-events:none}.hero .wrap{z-index:3}.hero-skyline,.hero-grid,.hero-node{display:none}.hero .btn-primary{background:var(--red)}.hero .btn-ghost{background:rgba(15,20,27,.3)}.hub-section{background:#f7f8fa;position:relative;padding-top:100px;padding-bottom:70px}.hub-section .section-head{max-width:710px}.section-head h2,.about-copy h2{letter-spacing:-1.3px;font-size:clamp(28px,3.5vw,42px)}.hub-wrap{width:min(640px,85vw);perspective:1100px;margin-top:16px}.hub-center{border-radius:28px;background:linear-gradient(140deg,#fff,#eceef2);box-shadow:0 3px 0 #ced1d9,0 7px 0 #e0e2e8,0 28px 50px #171f3420;transform:translate(-50%,-50%) perspective(800px) rotateX(var(--hub-tilt,12deg)) rotateY(var(--hub-turn,-8deg));border:1px solid white}.hub-center:before{display:none}.hub-node .icon-circle,.service-card .icon-circle{background:linear-gradient(140deg,#fff 10%,#edf0f5 80%);border:1px solid #fff;border-radius:20px;box-shadow:1px 5px 0 #d8dce4,2px 8px 0 #e8eaf0,0 18px 24px #26324a16;transform:perspective(400px) rotateX(14deg) rotateY(-12deg);transition:transform .45s,box-shadow .45s}.hub-node .icon-circle{width:84px;height:84px;margin-bottom:18px}.hub-node .icon-circle i{font-size:30px;color:var(--red);text-shadow:1px 2px #7a041529}.hub-node span{font-size:14px}.hub-node.active .icon-circle{transform:perspective(400px) rotateX(0) rotateY(0) translateY(-6px);box-shadow:0 5px 0 #edb853,0 20px 30px #f2a30220}.hub-svg path{stroke:#b0061e;stroke-width:.55}.hub-svg .dot{fill:#f2a302}.hub-node .tooltip{font-size:14px;width:220px}.about-grid{gap:80px}.about-visual{border-radius:7px;box-shadow:20px 20px 0 #f3f4f6}.about-copy p{font-size:16px}.services{background:#f5f6f8}.service-grid{gap:16px}.service-card{border:1px solid #e6e8ed;border-radius:7px;padding:32px 24px;position:relative;overflow:hidden}.service-card:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:#b0061e;transform:scaleX(0);transform-origin:left;transition:transform .3s}.service-card:hover:after{transform:scaleX(1)}.service-card .icon-circle{width:64px;height:64px;margin-bottom:28px}.service-card .icon-circle i{opacity:1;font-size:25px}.service-card h3{line-height:1.4;font-size:18px}.service-card p,.solution-panel p{font-size:16px}.service-card:hover .icon-circle{transform:perspective(400px) rotateX(0) rotateY(0) translateY(-3px)}.solutions .wrap{position:relative}.solutions .section-head{padding-right:40px}.carousel-controls{display:flex;gap:10px;justify-content:flex-end;margin:-18px 0 22px}.carousel-controls button{border:1px solid #d8dce3;width:48px;height:48px;background:white;border-radius:50%;font-size:24px;cursor:pointer}.carousel-controls button:hover{background:#b0061e;color:white}.solutions-scroll{gap:16px;padding-bottom:22px}.solution-panel{flex-basis:290px;min-height:255px;border-radius:7px;padding:30px;background:#1c232e}.solution-panel i{font-size:28px;margin-bottom:12px}.solution-panel h3{font-size:19px}.dubai{min-height:450px}.dubai-image{opacity:.4;transform:scale(1.06) translateY(var(--dubai-y,0px));will-change:transform}.dubai:after{content:'';position:absolute;inset:0;background:#08121f66}.dubai .wrap{z-index:3}.dubai h2{font-size:clamp(30px,4vw,48px);letter-spacing:-1.5px}.industry-card{border-radius:6px;padding:30px 18px}.industry-card i{font-size:27px}.industry-card p{font-size:16px}.cta-banner{padding-top:80px}.cta-banner h2{letter-spacing:-1px}footer{padding-top:70px}.footer-contact a{text-decoration:underline;text-underline-offset:4px}.footer-contact{line-height:1.6}.reveal{opacity:1;transform:none}.motion-ready .reveal:not(.visible){opacity:0;transform:translateY(25px)}.motion-ready .reveal{transition:opacity .65s ease,transform .65s ease;transition-delay:var(--delay,0ms)}nav.links a[aria-current]{color:var(--red)}
@media(min-width:961px){.hub-section{display:grid;grid-template-columns:minmax(260px,430px) minmax(0,640px);justify-content:center;align-items:center;gap:70px}.hub-section .section-head{text-align:left;margin:0}.hub-section .section-head h2{font-size:44px}.hub-wrap{width:100%;margin:0}.hub-section{min-height:750px}}
@media(max-width:960px){section{padding:72px 24px}.hero{min-height:640px;padding:90px 24px}.hero h1{letter-spacing:-2px;max-width:620px}.hero:after{background:linear-gradient(90deg,#10151cee,#10151c55)}.hub-wrap{margin-top:25px}.hub-section{padding-bottom:50px}.about-grid{gap:48px}.hub-section .section-head{margin-bottom:20px}.main-nav .wrap{gap:12px}.nav-cta{gap:12px}.main-nav .btn{padding:12px 16px}.about-visual{box-shadow:10px 10px 0 #f3f4f6}}
@media(max-width:560px){header.main-nav{padding:14px 20px}.brand img{height:36px;max-width:145px}.nav-cta .btn{font-size:13px;padding:10px 12px}.hero{min-height:610px}.hero h1{font-size:42px;letter-spacing:-1.8px}.hero-kicker{font-size:11px;letter-spacing:1px}.hero .btn-row{gap:10px}.hero .btn{font-size:13px;padding:14px 16px}.hero p{font-size:16px}.service-grid{grid-template-columns:1fr}.industry-grid{grid-template-columns:1fr 1fr}.hub-node .icon-circle{width:60px;height:60px}.hub-node .icon-circle i{font-size:23px}.hub-node span{font-size:13px}.hub-section .section-head h2{font-size:30px}}
@media(max-width:767px){.hub-mobile .hub-center{transform:none;align-self:center;width:115px;margin-bottom:12px}.hub-mobile .hub-node{padding:18px 0;gap:22px}.hub-mobile .hub-node .tooltip{font-size:14px;line-height:1.55}.hub-mobile .hub-node span{font-size:16px}.hub-mobile .hub-node .icon-circle{margin:0 0 8px}.hub-mobile .mobile-connector{height:24px;background:#b0061e}.hub-mobile{gap:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal:not(.visible){opacity:1;transform:none}.hero-photo,.dubai-image{transform:none!important}}

/* Compact page rhythm and a quiet, abstract technology hero. */
section{padding-top:64px;padding-bottom:64px}
header.main-nav{padding-top:13px;padding-bottom:13px}.brand img{height:58px}
.hero{min-height:590px;padding-top:76px;padding-bottom:76px}
.hero-tech{position:absolute;inset:0 0 0 52%;overflow:hidden;pointer-events:none;opacity:.6}
.tech-grid{position:absolute;inset:0;background-image:linear-gradient(#8eabb112 1px,transparent 1px),linear-gradient(90deg,#8eabb112 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse,#000,transparent 72%)}
.tech-orbit{position:absolute;width:360px;height:360px;border:1px solid #839ba538;border-radius:50%;top:50%;left:55%;margin:-180px;animation:tech-orbit 28s linear infinite}
.tech-orbit:after{content:'';position:absolute;top:47px;left:47px;width:6px;height:6px;border-radius:50%;background:#f2a302;box-shadow:0 0 18px #f2a30288}
.orbit-two{width:240px;height:240px;margin:-120px;animation-duration:22s;animation-direction:reverse}.orbit-two:after{top:32px;left:32px;background:#a5c7d5}
.tech-line{position:absolute;height:1px;background:#94b5bf30;width:75%;left:20%;top:38%;transform:rotate(-25deg)}
.tech-line:after{content:'';position:absolute;width:42px;height:1px;background:linear-gradient(90deg,transparent,#e8b85c);animation:tech-data 7s ease-in-out infinite}
.line-two{top:57%;transform:rotate(20deg)}.line-two:after{animation-delay:-3s}.line-three{top:72%;transform:rotate(-10deg)}.line-three:after{animation-delay:-5s}
@keyframes tech-orbit{to{transform:rotate(360deg)}}
@keyframes tech-data{0%{left:0;opacity:0}20%,75%{opacity:1}100%{left:90%;opacity:0}}
.hub-section{padding-top:60px;padding-bottom:60px;min-height:0;gap:40px}
.section-head{margin-bottom:28px}.services .section-head,.solutions .section-head{max-width:none;width:100%;padding-right:0}
.services .section-head h2,.solutions .section-head h2{font-size:clamp(28px,3.1vw,40px)}
.services .section-head p,.solutions .section-head p{max-width:none}
.about-grid{gap:52px}.dubai{min-height:350px}
.cta-banner{padding:48px 32px 0;display:flex;flex-direction:column;gap:28px}
.cta-banner .wrap{width:100%}.cta-banner p{margin-bottom:24px}
.cta-banner .cta-skyline{display:block;position:static;width:min(100%,1240px);height:auto;max-height:none;object-fit:contain;align-self:center;background:none;opacity:.85;flex:none;margin:0}
footer{padding:36px 24px 20px}.footer-grid{gap:28px;margin-bottom:24px}footer h4{margin-top:0;margin-bottom:14px}footer ul li{margin-bottom:8px}.footer-bottom{padding-top:16px}.footer-brand p{margin-bottom:0}
@media(min-width:1100px){.services .section-head h2,.solutions .section-head h2,.services .section-head p,.solutions .section-head p{white-space:nowrap}}
@media(max-width:960px){section{padding-top:48px;padding-bottom:48px}.hub-section{padding-top:48px;padding-bottom:44px}.hero{min-height:560px;padding-top:64px;padding-bottom:64px}.hero-tech{left:40%;opacity:.38}.about-grid{gap:32px}.cta-banner{padding:40px 24px 0;gap:24px}.footer-grid{gap:24px}}
@media(max-width:560px){.brand img{height:43px;max-width:164px}.hero{min-height:540px;padding-top:52px;padding-bottom:52px}.hero-tech{left:15%;opacity:.25}.hero-kicker{margin-bottom:20px}.section-head{margin-bottom:24px}.cta-banner{padding:36px 20px 0;gap:24px}.footer-grid{gap:20px}.footer-brand img{margin-bottom:8px}footer{padding-top:30px}.hub-section{gap:20px}}
@media(prefers-reduced-motion:reduce){.tech-orbit,.tech-line:after{animation:none}}

@media(min-width:961px){.cta-banner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:center;text-align:left;padding:48px max(32px,calc((100vw - 1240px)/2))}.cta-banner .btn-row{justify-content:flex-start}.cta-banner .cta-skyline{width:100%;align-self:center}.cta-banner h2{font-size:32px}}

/* Keep the complete skyline on the CTA's lower edge, in its own column. */
.cta-art{position:relative;align-self:end;width:100%;isolation:isolate;line-height:0}
.cta-banner .cta-art .cta-skyline{position:relative;z-index:1;width:100%;height:auto;display:block;margin:0;opacity:.9}
.cta-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0;opacity:.28;fill:#fff;pointer-events:none}
.cta-connections path{fill:none;stroke:#fff;stroke-width:1;stroke-dasharray:3 7}
.cta-tech-icon{position:absolute;color:#fff;opacity:.38;font-size:18px;z-index:2;line-height:1}
.cta-cloud{left:12%;top:14%}.cta-wifi{left:37%;top:2%}.cta-shield{left:82%;top:24%}
@media(min-width:961px){.cta-banner{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);padding-top:0;padding-bottom:0;gap:32px;align-items:end}.cta-banner>.wrap{padding-top:36px;padding-bottom:36px;align-self:center}.cta-art{align-self:end}}
@media(max-width:960px){.cta-banner{gap:20px;padding-bottom:0}.cta-art{width:min(100%,680px);align-self:center}.cta-tech-icon{font-size:16px}}

/* Mobile hub: a scroll-drawn connection rail with gently arriving icons. */
@media(max-width:767px){
 .hub-mobile .hub-node{position:relative;isolation:isolate;border-bottom:0;--mobile-progress:1}
 .hub-mobile .hub-node:before,.hub-mobile .hub-node:after{content:'';position:absolute;left:29px;top:0;bottom:0;width:2px;z-index:-1;pointer-events:none}
 .hub-mobile .hub-node:before{background:#dce0e6}
 .hub-mobile .hub-node:after{background:linear-gradient(#b0061e,#f2a302);transform:scaleY(var(--mobile-progress));transform-origin:top}
 .hub-mobile .hub-node:last-child:before,.hub-mobile .hub-node:last-child:after{bottom:50%}
 .hub-mobile .hub-node .icon-circle{width:60px;height:60px;flex:0 0 60px;background:linear-gradient(140deg,#fff,#edf0f5)}
 .mobile-motion-ready .hub-mobile .hub-node .icon-circle{transform:translateY(calc((1 - var(--mobile-progress))*14px)) scale(calc(.92 + var(--mobile-progress)*.08));opacity:calc(.45 + var(--mobile-progress)*.55)}
 .mobile-motion-ready .hub-mobile .hub-node>div:last-child{transform:translateY(calc((1 - var(--mobile-progress))*10px));opacity:calc(.5 + var(--mobile-progress)*.5)}
 .hub-mobile .mobile-connector{width:calc(50% - 30px);height:24px;align-self:flex-start;margin-left:29px;background:none;border-top:2px solid #b0061e;border-left:2px solid #b0061e;border-radius:6px 0 0 0}
}
@media(prefers-reduced-motion:reduce){.mobile-motion-ready .hub-mobile .hub-node .icon-circle,.mobile-motion-ready .hub-mobile .hub-node>div:last-child{transform:none;opacity:1}.hub-mobile .hub-node:after{transform:none}}