a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin:0}button{color:inherit}html{scroll-behavior:smooth;scroll-padding-top:30px}body{overflow-x:clip}.skip{position:fixed;top:-90px;left:20px;z-index:1000;background:var(--dc-text);color:var(--dc-background);padding:12px}.skip:focus{top:12px}.page-progress{position:fixed;left:0;top:0;height:2px;width:0;background:var(--dc-accent);z-index:100}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:35px;position:absolute;top:0;left:var(--dc-gutter);z-index:20;border-bottom:1px solid #a3b4c726}.logo{display:block;width:201px;flex-shrink:0}.logo img{width:100%;height:auto;display:block}.site-header nav{display:flex;gap:32px;align-items:center}.site-header nav a{font-size:12px;color:#c9d0d8;position:relative;padding-block:12px}.site-header nav a:after{content:'';height:1px;background:var(--dc-accent);position:absolute;bottom:5px;left:0;width:0;transition:width .3s}.site-header nav a:hover:after{width:100%}.header-contact{display:flex;gap:30px;font-size:12px;align-items:center}.header-contact>span{font-size:20px}.menu-toggle{display:none}.hero-scene{height:112svh;min-height:820px}.hero{position:sticky;top:0;isolation:isolate;overflow:hidden;height:100svh;min-height:730px;max-height:1100px;background:#080a0d;transform-origin:50% 50%;will-change:transform,border-radius}.hero-art{position:absolute;inset:0;z-index:-3;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:65% 55%;transform:scale(1.035);will-change:transform}.hero-vignette{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#080a0de6 0%,#080a0d99 28%,transparent 66%),linear-gradient(0deg,#080a0d 0%,transparent 30%,#080a0d22 75%,#080a0d88 100%)}.hero-content{padding-top:clamp(190px,25svh,280px)}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.17em;font-weight:600;color:var(--dc-accent);line-height:1.6}.eyebrow>span{padding:0 12px;color:#707d8c}.hero h1{font-size:clamp(52px,6.25vw,96px);line-height:1.13;letter-spacing:-.062em;font-weight:500;margin:28px 0 36px}.hero h1 .line{display:block;overflow:hidden;padding-bottom:.07em;margin-bottom:-.07em}.hero h1 .line>span{display:block}.hero h1 em{font-style:normal;color:var(--dc-accent)}.hero-cta{font-size:13px}.hero-bottom{position:absolute;bottom:35px;left:var(--dc-gutter);display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.15em;color:#aab5c1}.hero-bottom a{display:flex;align-items:center;gap:20px;letter-spacing:.03em;font-size:11px}.scroll-mark{border:1px solid #a3b4c74a;border-radius:50%;height:34px;width:34px;display:grid;place-items:center;font-size:15px}.hero-edge{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#a3b4c744,transparent)}.section{padding-block:115px}.section-kicker{display:flex;align-items:center;gap:12px;margin-bottom:40px}.signal-dot{width:5px;height:5px;background:var(--dc-accent);border-radius:50%;box-shadow:0 0 12px #a3b4c76b}.about-heading{display:flex;justify-content:space-between;align-items:center}.about h2,.section-heading h2{font-size:clamp(42px,5vw,76px);font-weight:500;letter-spacing:-.055em;line-height:1.12}h2 span{color:var(--dc-accent)}.round-link{height:78px;width:78px;border-radius:50%;display:grid;place-items:center;border:1px solid #a3b4c755;color:var(--dc-accent);font-size:31px;transition:background .3s,transform .3s}.round-link:hover{background:#a3b4c714;transform:translate(3px,3px)}.about-body{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:64px}.principles h3{font-size:11px;letter-spacing:.08em;color:var(--dc-text-muted);font-weight:400;margin:0 0 20px}.principles ul{padding:0;margin:0;list-style:none;max-width:400px}.principles li{font-size:17px;padding:17px 0;border-top:1px solid var(--dc-line);display:flex;align-items:center;gap:20px}.principle-symbol{font-size:24px;width:30px;color:var(--dc-accent)}.about-copy .lead{font-size:21px;line-height:1.65;letter-spacing:-.025em;color:var(--dc-text)}.about-copy>p+p{margin-top:24px;color:var(--dc-text-muted);font-size:15px;line-height:1.8}.text-cta{font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:38px;border:0;padding:0 0 8px;background:none;border-bottom:1px solid #a3b4c766;transition:color .3s,gap .3s;min-height:44px}.text-cta:hover{color:var(--dc-accent);gap:47px}.text-cta span{font-size:21px;color:var(--dc-accent)}.about-copy .text-cta{margin-top:30px}.connection-band{display:flex;gap:35px;align-items:center;padding:36px var(--dc-gutter);font-size:10px;letter-spacing:.22em;color:#8191a4;overflow:hidden}.band-line{flex:1;height:1px;background:var(--dc-line)}.connection-band i{width:5px;height:5px;border:1px solid #a3b4c766;transform:rotate(45deg);flex-shrink:0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:65px}.section-heading>p{max-width:365px;font-size:15px;line-height:1.8;color:var(--dc-text-muted)}.solutions{padding-top:80px}.solution-list{display:grid;gap:64px}.solution-panel{display:grid;grid-template-columns:.82fr 1.18fr;min-height:450px;align-items:center;gap:60px;border-top:1px solid var(--dc-line);padding-top:40px}.solution-copy{padding:10px 0}.solution-category{font-size:10px;letter-spacing:.13em;color:var(--dc-accent);margin-bottom:23px}.solution-copy h3{font-size:clamp(28px,3vw,46px);line-height:1.17;font-weight:500;letter-spacing:-.045em;margin-bottom:24px}.solution-copy>p:not(.solution-category){max-width:370px;font-size:15px;line-height:1.8;color:var(--dc-text-muted)}.solution-action{margin-top:38px;display:flex;align-items:start;flex-direction:column;gap:12px}.product-name{font-size:11px;color:var(--dc-accent)}.solution-visual{min-width:0;position:relative;isolation:isolate;overflow:hidden;height:440px;width:100%;border:1px solid #a3b4c728;border-radius:8px;background:#10151b;display:block;text-align:left;padding:0}.visual-label{position:absolute;top:28px;left:28px;font-size:9px;font-weight:500;letter-spacing:.18em;color:#bdc9d6;z-index:3}.visual-arrow{position:absolute;bottom:23px;right:26px;z-index:3;border:1px solid #a3b4c74a;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;color:#e1e7ef;font-size:23px;transition:background .3s,transform .3s}.solution-visual:hover .visual-arrow{background:var(--dc-accent);color:var(--dc-background);transform:rotate(45deg)}.rokid-visual{background:radial-gradient(ellipse at 55% 50%,#38465888,#111820 70%)}.rokid-visual img{position:relative;height:100%;width:100%;object-fit:contain;padding:40px 20px 10px;z-index:2;transition:transform 1s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 20px 20px #0008)}.rokid-visual:hover img{transform:translateY(-8px) scale(1.035)}.visual-word{position:absolute;font-size:170px;line-height:1;font-weight:600;letter-spacing:-.09em;bottom:-22px;left:24px;color:#a3b4c70a;z-index:0}.visual-orbit{position:absolute;border:1px solid #a3b4c726;width:80%;height:50%;border-radius:50%;left:10%;top:27%;transform:rotate(-14deg)}.platform-visual{background:radial-gradient(ellipse at 65% 45%,#40536b66,transparent 75%),#10151b}.platform-art{position:absolute;inset:0;perspective:1000px;transform:translateY(15px)}.glass-layer{position:absolute;left:22%;top:22%;width:57%;height:56%;border:1px solid #a3b4c759;border-radius:14px;transform:rotateY(-24deg) rotateX(18deg) rotateZ(-13deg);box-shadow:0 25px 50px #0004;background:linear-gradient(135deg,#283b4fbb,#0f1824e8);transition:transform .9s}.layer-back{left:31%;top:13%;opacity:.5;display:flex;gap:10px;align-items:center;padding:20px}.layer-back span{height:70%;width:30%;border:1px solid #a3b4c755;border-radius:4px}.layer-mid{left:26%;top:21%;opacity:.65;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:30px}.layer-mid i{border:1px solid #a3b4c733;border-radius:4px}.layer-front{left:18%;top:30%;padding:30px;background:linear-gradient(135deg,#415368cc,#172331f2)}.layer-front b{display:block;font-size:27px;letter-spacing:-.04em;font-weight:500;margin-top:12px}.platform-line{height:1px;background:#a3b4c744;margin:20px 0}.platform-mark{display:flex;align-items:end;gap:4px;height:23px}.platform-mark span{width:7px;background:#b8c8dc}.platform-mark span:nth-child(1){height:50%}.platform-mark span:nth-child(2){height:100%}.platform-mark span:nth-child(3){height:75%}.platform-dots{display:flex;gap:8px}.platform-dots i{width:5px;height:5px;background:#a3b4c7;border-radius:50%}.platform-visual:hover .glass-layer{transform:rotateY(-14deg) rotateX(12deg) rotateZ(-8deg) translateY(-8px)}.orbit-point{position:absolute;width:8px;height:8px;border-radius:50%;background:#c2cddd;box-shadow:0 0 25px #a3b4c7}.point-one{left:15%;top:29%}.point-two{right:17%;bottom:17%}.mobility-visual img{height:100%;width:100%;object-fit:cover;object-position:center;transition:transform 1.5s;filter:brightness(.8)}.mobility-visual:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#080a0d66,transparent 50%,#080a0d66)}.mobility-visual:hover img{transform:scale(1.05)}.route-line{position:absolute;bottom:35px;left:28px;width:140px;border-top:1px solid #c6d2dfaa;z-index:2}.route-line i{width:5px;height:5px;background:#e0e8f1;position:absolute;top:-3px;border-radius:50%;animation:route 5s ease-in-out infinite}@keyframes route{0%,100%{left:0;opacity:.4}50%{left:100%;opacity:1}}.audience{position:relative;isolation:isolate;background:#10151b;border-top:1px solid var(--dc-line);border-bottom:1px solid var(--dc-line);overflow:hidden}.audience-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 30% 90%,#2d3f5438,transparent 70%)}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.audience-card{position:relative;min-width:0;padding:35px 0 70px;border-top:1px solid #a3b4c744}.audience-card h3{font-size:25px;font-weight:500;line-height:1.3;letter-spacing:-.025em;margin:35px 0 20px;min-height:65px}.audience-card p{font-size:14px;line-height:1.85;color:var(--dc-text-muted);max-width:310px}.audience-card>a{position:absolute;bottom:0;left:0;font-size:25px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #a3b4c744;border-radius:50%;transition:background .3s}.audience-card:hover>a{background:var(--dc-accent);color:#080a0d}.audience-icon{height:85px;width:112px;position:relative}.individual-icon div{position:absolute;height:36px;width:36px;border:1px solid #a3b4c7;border-radius:50%;top:0;left:37px;background:radial-gradient(ellipse at 35% 20%,#b5c4d455,transparent)}.individual-icon>span{position:absolute;bottom:0;left:20px;width:70px;height:37px;border:1px solid #a3b4c7;border-radius:45px 45px 0 0;background:linear-gradient(100deg,#a3b4c733,transparent)}.individual-icon>i{position:absolute;height:75px;width:110px;border:1px solid #a3b4c71f;top:6px;left:0;border-radius:50%;transform:rotate(-25deg)}.business-icon{display:grid;grid-template-columns:repeat(2,32px);grid-template-rows:repeat(2,32px);gap:8px;padding-top:8px;transform:rotate(-9deg);margin-left:14px}.business-icon>span{border:1px solid #a3b4c788;border-radius:5px;background:linear-gradient(135deg,#a3b4c733,transparent);transition:transform .6s}.audience-card:hover .business-icon>span:nth-child(odd){transform:translateY(-5px)}.partner-icon>span{position:absolute;top:8px;width:70px;height:70px;border:1px solid #a3b4c799;border-radius:50%;background:radial-gradient(ellipse at top,#a3b4c722,transparent)}.partner-icon>span:nth-child(1){left:0}.partner-icon>span:nth-child(2){left:40px}.partner-icon>i{position:absolute;top:32px;left:52px;height:22px;width:6px;border-radius:5px;background:#a3b4c799;box-shadow:0 0 30px #a3b4c766}.contact{padding-block:120px}.contact-heading{display:flex;align-items:center;justify-content:space-between;gap:30px}.contact h2{font-size:clamp(60px,8.6vw,132px);letter-spacing:-.065em;line-height:1.1;font-weight:500}.contact-orb{width:108px;height:108px;border-radius:50%;background:radial-gradient(ellipse at 20% 10%,#e5eaf0,#7f93ac);border:0;display:grid;place-items:center;flex-shrink:0;box-shadow:0 0 80px #a3b4c714;transition:transform .4s}.contact-orb span{font-size:47px;color:#101820}.contact-orb:hover{transform:rotate(45deg)}.contact-bottom{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-top:44px}.contact-bottom p{color:var(--dc-text-muted);font-size:15px;line-height:1.85}.footer{padding:70px 0 25px;background:#0d1116;border-top:1px solid var(--dc-line)}.footer-main{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:65px;padding-bottom:70px}.footer-brand .logo{width:200px}.footer-brand p{font-size:17px;line-height:1.6;margin-top:28px;color:var(--dc-text-muted);letter-spacing:-.02em}.footer-column h3{font-size:9px;letter-spacing:.15em;color:var(--dc-accent);margin-bottom:24px;font-weight:500}.footer-column a,.footer-column button{font-size:13px;color:#c0c9d3;display:block;border:0;background:none;padding:10px 0;min-height:40px;text-align:left}.footer-column span{margin-left:10px;color:var(--dc-accent)}.footer-column a:hover,.footer-column button:hover{color:var(--dc-text)}.footer-bottom{border-top:1px solid var(--dc-line);padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:#8c98a7}.footer-bottom a{padding:12px 0}dialog{width:min(580px,90vw);max-height:90svh;background:#111922;color:var(--dc-text);border:1px solid #a3b4c755;border-radius:14px;padding:55px 40px 40px;overflow-y:auto}dialog::backdrop{background:#020407d9;backdrop-filter:blur(12px)}.dialog-close{position:absolute;right:18px;top:14px;width:40px;height:40px;background:none;border:1px solid #a3b4c744;border-radius:50%;font-size:25px}.dialog-actions{display:flex;flex-direction:column;align-items:start;gap:20px;margin-top:30px}dialog h2{font-size:38px;line-height:1.2;font-weight:500;letter-spacing:-.04em;margin:22px 0}#dialog-description{color:#aab7c6;font-size:15px}.reveal{opacity:1;transform:none}.motion-enabled .reveal{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.motion-enabled .reveal.visible{opacity:1;transform:none}.motion-enabled .hero h1 .line>span{animation:title-in 1.15s cubic-bezier(.16,1,.3,1) both}.motion-enabled .hero h1 .line:nth-child(2)>span{animation-delay:.12s}.motion-enabled .hero h1 .line:nth-child(3)>span{animation-delay:.24s}.motion-enabled .intro-in,.motion-enabled .hero-cta{animation:fade-in 1s .35s both}@keyframes title-in{from{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes fade-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1700px){.hero-art img{object-position:center 50%}.hero h1{font-size:96px}.hero-content{padding-top:240px}}
@media(max-width:1100px){.site-header{gap:20px}.logo{width:170px}.site-header nav{gap:20px}.site-header nav a{font-size:11px}.header-contact{gap:16px}.hero h1{font-size:7vw}.about-body{gap:55px}.solution-panel{gap:35px}.solution-visual{height:380px}.solution-copy h3{font-size:34px}.layer-front{padding:22px}.audience-grid{gap:25px}.footer-main{gap:35px}}
@media(max-width:760px){html{scroll-padding-top:20px}.site-header{height:82px;gap:15px}.site-header .logo{width:155px}.site-header nav{display:flex;position:absolute;top:82px;left:calc(-1*var(--dc-gutter));right:calc(-1*var(--dc-gutter));padding:24px var(--dc-gutter);flex-direction:column;align-items:start;gap:10px;background:#10151bf5;border-bottom:1px solid var(--dc-line);visibility:hidden;opacity:0;transform:translateY(-10px);transition:opacity .25s,transform .25s}.site-header nav.open{visibility:visible;opacity:1;transform:none}.site-header nav a{font-size:16px;width:100%;padding:14px 0}.header-contact{font-size:10px;gap:10px;margin-left:auto}.header-contact>span{font-size:18px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;background:none;border:0;width:36px;height:44px;padding:6px}.menu-toggle span{height:1px;width:22px;background:#d2dbe5;transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero-scene{height:108svh;min-height:0}.hero{min-height:660px;max-height:none}.hero-content{padding-top:180px}.hero .eyebrow{font-size:8px;letter-spacing:.11em}.eyebrow>span{padding-inline:7px}.hero h1{font-size:clamp(35px,8.7vw,62px);line-height:1.2;letter-spacing:-.055em;margin:25px 0 32px}.hero-art{top:16%;bottom:-9%;left:-40%;right:-45%}.hero-art img{object-position:63% center;opacity:.75}.hero-vignette{background:linear-gradient(0deg,#080a0d 0%,transparent 25%,#080a0d33 65%,#080a0d 94%),linear-gradient(90deg,#080a0d66,transparent)}.hero-bottom{bottom:28px;align-items:center}.hero-bottom>span{display:none}.hero-bottom>a{font-size:10px;width:100%;justify-content:space-between}.hero .dc-button{font-size:12px;min-height:48px}.section{padding-block:75px}.section-kicker{font-size:9px;letter-spacing:.12em;margin-bottom:29px}.about h2,.section-heading h2{font-size:clamp(36px,9vw,55px);line-height:1.12}.round-link{height:50px;width:50px;font-size:24px;flex-shrink:0}.about-heading{gap:18px}.about-body{grid-template-columns:1fr;gap:38px;margin-top:38px}.about-copy{grid-row:1}.about-copy .lead{font-size:18px;line-height:1.7}.about-copy>p+p{font-size:14px;margin-top:20px}.about-copy .text-cta{margin-top:22px}.principles ul{max-width:none}.principles li{font-size:15px;padding-block:15px}.connection-band{padding-block:18px;gap:15px;font-size:8px;letter-spacing:.1em}.band-line{display:none}.connection-band{justify-content:space-between}.section-heading{flex-direction:column;align-items:start;gap:25px;margin-bottom:40px}.section-heading>p{font-size:14px;max-width:100%}.solutions{padding-top:65px}.solution-panel{grid-template-columns:1fr;gap:26px;padding-top:28px;min-height:0}.solution-copy{padding:0}.solution-category{font-size:9px;margin-bottom:18px}.solution-copy h3{font-size:35px;margin-bottom:18px}.solution-copy>p:not(.solution-category){font-size:14px;max-width:100%}.solution-action{margin-top:22px;gap:5px}.solution-visual{height:310px}.solution-list{gap:50px}.visual-label{left:22px;top:22px;font-size:8px}.visual-word{font-size:125px;bottom:-14px;left:18px}.visual-arrow{right:20px;bottom:20px}.rokid-visual img{padding:30px 7px 0}.platform-art{transform:translateY(0)}.layer-front{padding:20px}.layer-front b{font-size:23px}.platform-line{margin-block:14px}.glass-layer{height:54%;width:57%}.audience-grid{grid-template-columns:1fr;gap:30px}.audience-card{padding:25px 0 25px 100px;min-height:190px}.audience-icon{position:absolute;left:0;top:30px;width:85px;transform:scale(.72);transform-origin:left top}.audience-card h3{margin:0 0 15px;font-size:23px;min-height:0}.audience-card h3 br{display:none}.audience-card p{font-size:14px;max-width:100%}.audience-card>a{bottom:auto;top:115px;width:36px;height:36px;font-size:20px}.audience-card{padding-left:100px}.contact{padding-block:80px}.contact h2{font-size:clamp(43px,10.6vw,76px)}.contact-heading{gap:12px}.contact-orb{height:60px;width:60px}.contact-orb span{font-size:29px}.contact-bottom{flex-direction:column;align-items:start;gap:28px;margin-top:30px}.contact-bottom p{font-size:14px}.contact-bottom p br{display:none}.footer{padding-top:50px}.footer-main{grid-template-columns:1fr 1.2fr;gap:40px 25px;padding-bottom:40px}.footer-brand{grid-column:1/-1;display:flex;gap:30px;align-items:center;justify-content:space-between}.footer-brand .logo{width:155px}.footer-brand p{font-size:11px;margin:0}.footer-column h3{font-size:8px;margin-bottom:15px}.footer-column a,.footer-column button{font-size:12px;min-height:44px}.footer-bottom{font-size:9px;align-items:start;padding-top:18px}.footer-bottom a{padding:0;white-space:nowrap}dialog{padding:52px 25px 30px}dialog h2{font-size:32px}.dialog-actions .dc-button{font-size:12px}.motion-enabled .reveal{transform:translateY(18px)}}
@media(max-width:370px){.site-header .logo{width:134px}.header-contact{font-size:9px;gap:7px}.hero h1{font-size:34px}.hero-content{padding-top:165px}.hero .eyebrow{font-size:7px}.solution-visual{height:280px}.audience-card{padding-left:88px}.contact h2{font-size:40px}.contact-orb{width:50px;height:50px}.footer-brand{gap:20px}.footer-brand .logo{width:135px}}
@media(prefers-reduced-motion:reduce){.hero-scene{height:auto;min-height:0}.hero{position:relative;transform:none!important;border-radius:0!important;opacity:1!important}.hero-art img{transform:none!important}.reveal,.motion-enabled .reveal{opacity:1!important;transform:none!important}.hero h1 .line>span,.intro-in,.hero-cta{animation:none!important}.solution-visual:hover img,.platform-visual:hover .glass-layer{transform:none}.route-line i{animation:none}.contact-orb:hover,.round-link:hover{transform:none}}
@media(prefers-reduced-motion:no-preference){.hero-vignette::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at var(--light-x,70%) var(--light-y,45%),#b5c8df15,transparent 42%);transition:background .5s}.hero-art{animation:sculpture-entry 1.8s cubic-bezier(.16,1,.3,1) both}@keyframes sculpture-entry{from{opacity:.3;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}}
/* Home revision 2: clear Dubai skyline, solution hierarchy and restrained scroll scale. */
.hero-art img{object-position:62% center;filter:saturate(.5) brightness(.82)}
.hero-vignette{background:linear-gradient(90deg,#080a0de8 0%,#080a0d9c 28%,#080a0d22 66%),linear-gradient(0deg,#080a0d 0%,#080a0d22 26%,#080a0d10 72%,#080a0d88 100%)}
.principle-symbol{display:grid;place-items:center;height:29px;width:30px;flex-shrink:0}.principle-symbol svg{width:24px;height:24px}
.solution-panel{display:block}.solution-panel:first-child{border-top:0;padding-top:0}.solution-motion{display:grid;grid-template-columns:.82fr 1.18fr;gap:60px;align-items:center;transform:scale(var(--solution-scale,1));transform-origin:center;will-change:transform}
.solution-copy h3{font-size:clamp(32px,3.4vw,49px);line-height:1.15;margin-bottom:26px}.solution-action .product-name{font-size:17px;color:#d1dbe7;letter-spacing:-.02em;margin-bottom:4px}.solution-visual{height:455px}.rokid-visual img{padding:50px 18px 30px;filter:drop-shadow(0 18px 22px #0008)}
@media(max-width:1100px){.solution-motion{gap:35px}.solution-copy h3{font-size:36px}.solution-visual{height:390px}}
@media(max-width:760px){.hero-art{top:0;bottom:0;left:-95%;right:-62%}.hero-art img{object-position:65% center;opacity:.95;filter:saturate(.4) brightness(.8)}.hero-vignette{background:linear-gradient(0deg,#080a0d 0%,#080a0d22 25%,#080a0d44 65%,#080a0dc9 100%),linear-gradient(90deg,#080a0d66,transparent)}.solution-motion{grid-template-columns:1fr;gap:26px}.solution-copy h3{font-size:36px;line-height:1.17}.solution-action .product-name{font-size:16px}.solution-visual{height:310px}.rokid-visual img{padding:40px 10px 20px}.about-heading{display:block}.section-heading{margin-bottom:35px}}
@media(max-width:370px){.solution-copy h3{font-size:33px}.solution-visual{height:280px}}
@media(prefers-reduced-motion:reduce){.solution-motion{transform:none!important;will-change:auto}}
/* Revision 3: a layered solution narrative, a connected world and clearer type. */
.nav-solutions{position:relative}.nav-solutions-top{display:flex;align-items:center;gap:2px}.solutions-toggle{width:30px;height:44px;border:0;background:transparent;padding:8px;display:grid;place-items:center}.solutions-toggle svg{width:15px;fill:none;stroke:#c9d0d8;stroke-width:1.4;transition:transform .25s}.solutions-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.solutions-submenu{position:absolute;top:calc(100% + 10px);left:-24px;min-width:310px;padding:15px 22px;border:1px solid #a3b4c744;border-radius:8px;background:#101820fa;box-shadow:0 20px 55px #0008;backdrop-filter:blur(15px)}.solutions-submenu[hidden]{display:none}.site-header nav .solutions-submenu a{display:block;font-size:14px;line-height:1.5;padding:15px 0;white-space:normal}.site-header nav .solutions-submenu a:after{display:none}.site-header nav .solutions-submenu a+a{border-top:1px solid var(--dc-line)}
.solution-motion{transform:scale(var(--solution-scale,1));will-change:transform}.solution-list{isolation:isolate;gap:85px}.solution-panel{position:relative;isolation:isolate;border-top:0;background:var(--dc-background);padding:26px 0;transform-origin:50% 15%;transform:scale(var(--stack-scale,1));will-change:transform}.solution-panel:first-child{padding-top:26px}.solution-panel::after{content:'';position:absolute;inset:0;background:#080a0d;opacity:var(--stack-shade,0);pointer-events:none;z-index:4;border-radius:12px}.solution-panel:nth-child(1){z-index:1}.solution-panel:nth-child(2){z-index:2}.solution-panel:nth-child(3){z-index:3}.solution-copy{padding-left:5px}.solution-motion{min-height:455px}.audience-card>a{width:auto;height:auto;min-height:44px;border-radius:0;border:0;border-bottom:1px solid #a3b4c766;font-size:14px;display:inline-flex;align-items:center;justify-content:start;background:none;padding:0 0 5px}.audience-card:hover>a{background:none;color:var(--dc-accent)}
.individual-icon div,.individual-icon>span,.individual-icon>i,.partner-icon>span,.partner-icon>i{transition:transform .65s cubic-bezier(.16,1,.3,1),box-shadow .65s}.audience-card:hover .individual-icon div,.audience-card:focus-within .individual-icon div{transform:translateY(-6px)}.audience-card:hover .individual-icon>span,.audience-card:focus-within .individual-icon>span{transform:translateY(3px)}.audience-card:hover .individual-icon>i,.audience-card:focus-within .individual-icon>i{transform:rotate(-5deg) scale(1.07)}.audience-card:hover .partner-icon>span:first-child,.audience-card:focus-within .partner-icon>span:first-child{transform:translateX(7px)}.audience-card:hover .partner-icon>span:nth-child(2),.audience-card:focus-within .partner-icon>span:nth-child(2){transform:translateX(-7px)}.audience-card:hover .partner-icon>i,.audience-card:focus-within .partner-icon>i{box-shadow:0 0 30px #a3b4c7;transform:scaleY(1.25)}.audience-card:focus-within .business-icon>span:nth-child(odd){transform:translateY(-5px)}
.contact{position:relative;isolation:isolate;overflow:hidden;padding-top:135px;padding-bottom:135px}.contact-world{position:absolute;inset:0 -10% 0 25%;z-index:-1;pointer-events:none;opacity:.7;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 85%,transparent),linear-gradient(0deg,transparent,#000 20%,#000 80%,transparent);mask-composite:intersect}.contact-world img{width:100%;height:100%;object-fit:cover;object-position:65% 50%;filter:saturate(.4) brightness(.8)}.contact-heading,.contact-bottom,.contact>.section-kicker{position:relative;z-index:1}.contact-bottom p{max-width:650px;color:#bdc8d5}.contact-bottom .dc-button{flex-shrink:0}.contact h2{font-size:clamp(60px,8.1vw,124px)}
@media(min-width:761px) and (min-height:741px){.solution-panel{position:sticky;top:95px;padding:32px 24px;background:linear-gradient(120deg,#0b0f14,#080a0d 80%);border-radius:14px;box-shadow:0 -1px 0 #a3b4c716,0 30px 70px #0005}.solution-panel:first-child{padding-top:32px;box-shadow:0 30px 70px #0005}.solution-list{padding-bottom:20px}}
@media(min-width:761px){.eyebrow,.section-kicker{font-size:12px}.site-header nav a,.header-contact{font-size:14px}.hero-bottom,.hero-bottom a{font-size:12px}.principles h3{font-size:14px}.principles li{font-size:19px}.about-copy>p+p,.section-heading>p,.solution-copy>p:not(.solution-category){font-size:17px}.text-cta{font-size:15px}.product-name,.solution-action .product-name{font-size:19px}.visual-label{font-size:11px}.audience-card p,.contact-bottom p{font-size:17px}.footer-column h3{font-size:12px}.footer-column a,.footer-column button{font-size:15px}.footer-bottom{font-size:12px}.connection-band{font-size:12px;letter-spacing:.15em}.solution-action{margin-top:30px}.solutions-submenu a{font-size:15px!important}}
@media(min-width:761px) and (max-width:1100px){.site-header{gap:18px}.site-header nav{gap:17px}.site-header nav a,.header-contact{font-size:12px}.site-header .logo{width:160px}.solution-panel{padding-inline:16px}.solution-motion{gap:30px}.solution-copy h3{font-size:34px}.solution-copy>p:not(.solution-category){font-size:16px}.contact-bottom p{max-width:62%}}
@media(max-width:760px){.site-header nav{max-height:calc(100svh - 82px);overflow:auto}.nav-solutions{width:100%}.nav-solutions-top{justify-content:space-between}.nav-solutions-top>a{flex:1}.solutions-toggle{width:44px}.solutions-submenu{position:static;min-width:0;box-shadow:none;border-radius:0;border-width:0 0 0 1px;padding:0 0 0 18px;background:none;margin:3px 0 16px;backdrop-filter:none}.site-header nav .solutions-submenu a{font-size:14px;padding:14px 0}.solution-list{gap:40px}.solution-panel,.solution-panel:first-child{padding:15px 0;transform:none;box-shadow:none}.solution-panel::after{display:none}.solution-copy{padding-left:0}.solution-motion{min-height:0}.audience-card{padding-bottom:65px}.audience-card>a{top:auto;bottom:5px;left:100px;width:auto;height:auto;font-size:13px;min-height:40px}.contact{padding-top:90px;padding-bottom:90px}.contact-world{inset:0 -45% 0 0;opacity:.5;mask-image:linear-gradient(90deg,transparent,#000 30%,#000 80%,transparent)}.contact-world img{object-position:70% center}.contact h2{font-size:clamp(45px,11.6vw,76px)}.contact-bottom p{color:#bdc8d5}.connection-band{font-size:9px}}
@media(max-width:370px){.audience-card>a{left:88px}}
@media(prefers-reduced-motion:reduce){.solution-panel{position:relative!important;top:auto!important;transform:none!important;will-change:auto}.solution-motion{transform:none!important;will-change:auto}.solution-panel::after{display:none}.individual-icon *,.partner-icon *,.business-icon *{transform:none!important}.solutions-toggle svg{transition:none}.contact-world{opacity:.65}}
.mobility-visual img{object-fit:contain;background:#10151b}
@media(max-width:760px){.site-header nav{background:#10151b}}
/* Revision 4: edge-to-edge contact artwork and a clear left-aligned action. */
.contact{width:100%;margin:0;min-height:640px;padding-top:115px;padding-bottom:115px;border-top:1px solid var(--dc-line);background:#080a0d}.contact-content{position:relative;z-index:1}.contact-world{inset:0;width:100%;height:100%;opacity:.72;mask-image:none;mask-composite:add}.contact-world img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 43%;filter:saturate(.4) brightness(.8)}.contact::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#080a0d8c 0%,#080a0d30 44%,transparent 76%),linear-gradient(0deg,#080a0d77,transparent 25%,transparent 75%,#080a0d44)}.contact-bottom{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:28px;margin-top:36px}.contact-bottom p{max-width:660px}.contact-bottom .dc-button{align-self:flex-start}.rokid-visual img{padding:24px;object-fit:contain}.rokid-visual .visual-label{display:none}.rokid-visual .visual-orbit{opacity:.35}
@media(max-width:1100px) and (min-width:761px){.contact-bottom p{max-width:640px}}
@media(max-width:760px){.contact{min-height:540px;padding-top:80px;padding-bottom:80px}.contact-world{inset:0;width:100%;height:100%;opacity:.6;mask-image:none}.contact-world img{object-position:58% center}.contact::after{background:linear-gradient(90deg,#080a0d99,#080a0d22),linear-gradient(0deg,#080a0d88,transparent 25%,transparent 75%,#080a0d44)}.contact-bottom{gap:26px;margin-top:30px}.contact-bottom p{max-width:100%;font-size:15px}.rokid-visual img{padding:14px}.contact h2{font-size:clamp(43px,11vw,76px)}}
/* Revision 5: use the user's original PNG byte-for-byte; frame it through layout only. */
.rokid-visual img{position:absolute;width:145%;max-width:none;height:auto;left:-22.5%;top:50%;padding:0;object-fit:contain;transform:translateY(-47.6%);filter:none}.rokid-visual:hover img{transform:translateY(calc(-47.6% - 5px)) scale(1.02)}.rokid-visual .visual-orbit{display:none}
@media(max-width:760px){.hero-scene{--mobile-hero-height:clamp(560px,78svh,680px);height:calc(var(--mobile-hero-height) + 18px);min-height:0}.hero{height:var(--mobile-hero-height);min-height:0;max-height:none}.hero-content{padding-top:140px}.hero-bottom{bottom:22px}.hero h1{margin-top:22px;margin-bottom:28px}.solution-list.mobile-stack .solution-panel{position:sticky;top:28px;background:#0a0e13;border-radius:12px;transform:scale(var(--stack-scale,1));box-shadow:0 25px 55px #0005}.solution-list.mobile-stack .solution-panel::after{display:block}.solution-list.mobile-stack .solution-motion{transform:none}.solution-motion{transform:scale(var(--solution-scale,1));transform-origin:50% 50%}.rokid-visual img{padding:0}}
@media(prefers-reduced-motion:reduce){.hero-scene{height:auto!important}.hero{height:clamp(560px,78svh,680px)}.solution-list.mobile-stack .solution-panel{position:relative;top:auto;transform:none}.rokid-visual:hover img{transform:translateY(-47.6%)}}

/* Approved Earth network: UAE hub, GCC and selected distant countries. */
.contact-network{position:absolute;max-width:none;pointer-events:none;overflow:visible}.country-route{fill:none;stroke:#b9d6ef77;stroke-width:1;stroke-dasharray:6 5}.country-packet{fill:#e5f2ff;filter:drop-shadow(0 0 4px #a4d2ff);offset-distance:0%;animation:country-travel 7s linear infinite;animation-play-state:paused}.country-node>circle{fill:#d6e8f7;filter:drop-shadow(0 0 4px #a3ccef)}.uae-hub>circle:first-child{fill:#f1f8ff;filter:drop-shadow(0 0 7px #b8daff)}.uae-hub text{font:600 18px Manrope,sans-serif;letter-spacing:.06em;fill:#e9f4ff;paint-order:stroke;stroke:#080a0d;stroke-width:4px}.uae-pulse{fill:none!important;stroke:#c3e1ff;stroke-width:1.2;transform-box:fill-box;transform-origin:center;animation:uae-pulse 4.5s ease-out infinite;animation-play-state:paused}.network-visible .country-packet,.network-visible .uae-pulse{animation-play-state:running}@keyframes country-travel{0%{offset-distance:0%;opacity:0}8%,92%{opacity:1}100%{offset-distance:100%;opacity:0}}@keyframes uae-pulse{0%{transform:scale(.4);opacity:.9}85%,100%{transform:scale(1.7);opacity:0}}@media(prefers-reduced-motion:reduce){.country-packet{display:none}.uae-pulse{animation:none;opacity:.4}}
@media(max-width:760px){.contact-world img{object-position:85% center}}
@media(max-width:760px){.contact-world{opacity:1}.contact-world img{opacity:.6}.contact-bottom p{max-width:72%}.contact-network{opacity:.95}}
/* Keep the approved solution stack on every viewport height. A negative sticky
   top lets a tall card finish scrolling before the next card covers it. */
@media(prefers-reduced-motion:no-preference){.solution-list.stack-enabled .solution-panel{position:sticky;top:var(--solution-top,28px);transform:scale(var(--stack-scale,1));background:linear-gradient(120deg,#0b0f14,#080a0d 80%);border-radius:14px;box-shadow:0 25px 55px #0005}.solution-list.stack-enabled .solution-panel::after{display:block}.solution-list.stack-enabled .solution-motion{transform:none}}
@media(max-width:760px) and (prefers-reduced-motion:no-preference){.solution-list.stack-enabled .solution-panel{border-radius:12px}}
/* Consistent inner gutters at every viewport height, independent of stacking. */
.solution-list .solution-panel,.solution-list .solution-panel:first-child{padding:32px}.solution-list .solution-copy{padding:0;min-width:0}.solution-list .solution-motion{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}.solution-list .solution-copy h3,.solution-list .product-name{overflow-wrap:break-word}
@media(min-width:1700px){.solution-list .solution-panel,.solution-list .solution-panel:first-child{padding:40px}}
@media(min-width:761px) and (max-width:1100px){.solution-list .solution-panel,.solution-list .solution-panel:first-child{padding:28px}}
@media(max-width:760px){.solution-list .solution-panel,.solution-list .solution-panel:first-child{padding:24px}.solution-list .solution-motion{grid-template-columns:minmax(0,1fr);gap:28px}.solution-list .solution-copy h3{font-size:clamp(29px,8.2vw,36px)}.solution-list .solution-visual{width:100%;max-width:100%}.solution-list .solution-action{gap:9px}}
@media(max-width:360px){.solution-list .solution-panel,.solution-list .solution-panel:first-child{padding:22px}}

/* Comfortable clear space around the original Rokid product cutout. */
.rokid-visual img{width:124%;left:-12%;padding:0;max-width:none}
/* Personal cars fill the solution frame without letterboxing. */
.mobility-visual img{width:100%;height:100%;object-fit:cover;object-position:center 56%}
@media(max-width:760px){.rokid-visual img{width:124%;left:-12%;padding:0}.mobility-visual img{object-position:center 58%}}