/* Production Hybrid 360 enhancements and the user-controlled corporate focus mode. */
.header-actions{justify-self:end;display:flex;align-items:center;gap:.7rem}.theme-toggle{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:999px;padding:.55rem .85rem .55rem .55rem;display:flex;align-items:center;gap:.55rem;cursor:pointer;font-size:.68rem;color:var(--muted);transition:color .25s,background .25s,border-color .25s}.theme-toggle:hover,.theme-toggle:focus-visible{color:var(--ink);border-color:var(--accent)}.theme-toggle__icon{width:1.7rem;height:1.7rem;border-radius:50%;display:grid;place-items:center;background:#11182a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.theme-toggle__icon i{width:.55rem;height:.55rem;border:1px solid #64e9f2;border-radius:50%;box-shadow:0 0 8px #5ce2ee}.hero__stage{position:absolute;width:min(54vw,780px);height:min(58vw,700px);right:clamp(-8rem,-4vw,-2rem);top:50%;transform:translateY(-50%);z-index:0;pointer-events:auto;touch-action:pan-y}.hero__canvas{width:100%;height:100%;display:block;filter:drop-shadow(0 0 35px rgba(74,79,255,.16));opacity:0;transition:opacity .5s}.hero__stage.is-ready .hero__canvas{opacity:1}.hero__orbit-fallback{position:absolute;width:72%;aspect-ratio:1;left:14%;top:14%;border:1px solid var(--line);border-radius:50%;transform:rotateX(66deg);transition:opacity .4s}.hero__orbit-fallback:before,.hero__orbit-fallback:after{content:"";position:absolute;inset:18%;border:1px solid var(--line);border-radius:50%}.hero__orbit-fallback:after{inset:36%}.hero__orbit-fallback i{position:absolute;width:7px;height:7px;background:var(--accent);border-radius:50%;left:8%;top:35%;box-shadow:0 0 12px var(--accent)}.hero__orbit-fallback i:nth-child(2){left:75%;top:9%}.hero__orbit-fallback i:nth-child(3){left:88%;top:66%}.hero__orbit-fallback span{position:absolute;inset:35%;display:grid;place-items:center;color:var(--accent);font:600 2.8rem Manrope,system-ui;transform:rotateX(-66deg)}.hero__stage.is-ready .hero__orbit-fallback{opacity:0}.hero__model-label{position:absolute;right:13%;bottom:12%;display:flex;flex-direction:column;align-items:flex-end;text-transform:uppercase;letter-spacing:.17em;font-size:.54rem;color:var(--muted);pointer-events:none}.hero__model-label:before{content:"";height:38px;width:1px;background:linear-gradient(transparent,var(--accent));margin:0 .25rem .7rem}.hero__model-label b{color:var(--accent);font-weight:500;margin-top:.25rem}.production-home .hero__slides,.production-home .hero__controls{z-index:2}.production-home .hero__slide{pointer-events:none}.production-home .hero__slide.is-active{pointer-events:auto}.production-home .hero__title{max-width:min(900px,68vw)}

/* Legacy light-mode declarations retained below only as safe fallbacks for cached markup. */
.theme-minimal{color-scheme:light}.theme-minimal body,.theme-minimal .production-home{--bg:#f2f5f1;--ink:#102231;--muted:#637177;--accent:#2ab88a;--accent-text:#178564;--accent-ink:#061b16;--accent-soft:rgba(42,184,138,.18);--line:rgba(16,34,49,.16);--surface:#e7ece7;--glass:rgba(249,251,248,.78);--contact-bg:#102d31;--contact-ink:#f2f5f1;--preloader-bg:#102231;--preloader-ink:#f2f5f1;background-image:linear-gradient(90deg,transparent calc(50% - .5px),rgba(16,34,49,.035) 50%,transparent calc(50% + .5px))}.theme-minimal .brand__disc{background:#2ab88a;box-shadow:none}.theme-minimal .theme-toggle{background:rgba(255,255,255,.5)}.theme-minimal .theme-toggle__icon{background:#dce7df}.theme-minimal .theme-toggle__icon i{background:#2ab88a;border:0;box-shadow:none}.theme-minimal .service-card:nth-child(4){background:#dbe9e2}.theme-minimal .contact{background:#102d31}.theme-minimal .contact .button{background:#f2f5f1;color:#102231}.theme-minimal .hero__canvas{filter:none;opacity:.72}.theme-minimal .hero__model-label b{color:#178564}

@media(max-width:1000px){.theme-toggle span[data-theme-label]{display:none}.theme-toggle{padding:.45rem}.hero__stage{right:-18%;width:70vw;height:70vw;opacity:.72}.production-home .hero__title{max-width:82vw}}
@media(max-width:850px){.header-actions{position:absolute;right:4.7rem}.header-actions .button{display:none}.hero__stage{width:95vw;height:95vw;right:-46%;top:44%}.hero__model-label{display:none}.production-home .hero__title{max-width:94vw}}
@media(max-width:560px){.hero__stage{width:125vw;height:125vw;right:-70%;top:42%;opacity:.55}.theme-toggle{background:var(--surface)}}
@media(prefers-reduced-motion:reduce){.hero__canvas{opacity:.5}.hero__model-label b{display:none}}

/* Full-canvas hero composition: atmosphere behind the content, never across it. */
.hero__stage{inset:0;width:auto;height:auto;right:0;top:0;transform:none}
.hero__stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--bg) 0%,rgba(7,9,18,.97) 22%,rgba(7,9,18,.78) 43%,rgba(7,9,18,.16) 70%,transparent 100%)}
.hero__canvas{filter:drop-shadow(0 0 45px rgba(74,79,255,.2))}
.hero__model-label{right:3%;bottom:13%}
.theme-minimal .hero__stage:after{background:linear-gradient(90deg,var(--bg) 0%,rgba(242,245,241,.96) 28%,rgba(242,245,241,.62) 52%,transparent 82%)}
@media(max-width:1000px){.hero__stage{inset:0;width:auto;height:auto;right:0;top:0;transform:none;opacity:1}}
@media(max-width:850px){.hero__stage{inset:0;width:auto;height:auto;right:0;top:0}.hero__stage:after{background:linear-gradient(180deg,var(--bg) 0%,rgba(7,9,18,.94) 36%,rgba(7,9,18,.48) 70%,var(--bg) 100%)}.hero__canvas{opacity:.62}}
@media(max-width:560px){.hero__stage{width:auto;height:auto;right:0;top:0;opacity:1}.hero__canvas{opacity:.46}}

/* The selected hero is intentionally viewport-wide; content keeps the shared page gutter. */
.production-home .hero{max-width:none;width:100%;margin:0}
.production-home .hero__slide,.production-home .hero__controls{width:min(100%,var(--max));margin-inline:auto}
.hero__dots button[aria-selected=true] span:after{animation:none}
.hero.is-timing .hero__dots button[aria-selected=true] span:after{animation:progress 6.5s linear}
.hero__slide{transition-duration:.5s}

/* Layered hero transitions: fast enough to feel responsive, soft enough to feel premium. */
.hero__slide{opacity:0;transform:translate3d(46px,0,-20px) rotateY(-2deg) scale(.985);filter:blur(5px);transform-origin:40% 50%;transition:opacity .72s var(--ease),transform .8s var(--ease),filter .65s var(--ease),visibility .8s;will-change:opacity,transform}
.hero.is-reverse .hero__slide{transform:translate3d(-46px,0,-20px) rotateY(2deg) scale(.985)}
.hero__slide.is-active{opacity:1;transform:translate3d(0,0,0) rotateY(0) scale(1);filter:none}
.hero__slide>.eyebrow,.hero__slide>.hero__title,.hero__slide>.hero__copy,.hero__slide>.hero__actions{opacity:0;transform:translateY(16px);transition:opacity .55s var(--ease),transform .7s var(--ease)}
.hero__slide.is-active>.eyebrow,.hero__slide.is-active>.hero__title,.hero__slide.is-active>.hero__copy,.hero__slide.is-active>.hero__actions{opacity:1;transform:none}
.hero__slide.is-active>.eyebrow{transition-delay:.08s}.hero__slide.is-active>.hero__title{transition-delay:.14s}.hero__slide.is-active>.hero__copy{transition-delay:.22s}.hero__slide.is-active>.hero__actions{transition-delay:.29s}

/* Instant, asset-free 3D brand preloader. */
.preloader{overflow:hidden;background:radial-gradient(circle at 50% 45%,#151737 0,#080a17 40%,#05060d 75%)}
.preloader:after{content:"";position:absolute;inset:0;background:var(--bg);transform:translateY(101%);transition:transform .65s var(--ease)}
.preloader.is-hidden{opacity:1;visibility:hidden;transition:visibility .7s}.preloader.is-hidden:after{transform:none}
.preloader__scene{display:grid;place-items:center;perspective:700px}.preloader__orb{width:clamp(150px,19vw,230px);aspect-ratio:1;position:relative;display:grid;place-items:center;transform-style:preserve-3d;animation:loader-float 2.2s ease-in-out infinite}.preloader__orb:before{content:"";position:absolute;inset:27%;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(118,238,255,.75),rgba(91,72,218,.3) 42%,rgba(5,6,13,.2) 70%);box-shadow:0 0 55px rgba(98,83,236,.34),inset -10px -12px 25px rgba(5,6,20,.7)}.preloader__orb strong{position:relative;z-index:3;font:600 clamp(1.4rem,3vw,2.2rem) Manrope,system-ui;color:#a7f5ff;letter-spacing:-.07em;text-shadow:0 0 24px #5ce2ee}.preloader__ring{position:absolute;inset:15%;border:1px solid rgba(92,226,238,.38);border-radius:50%;transform-style:preserve-3d;animation:loader-orbit 2.6s linear infinite}.preloader__ring b{position:absolute;width:6px;height:6px;left:-3px;top:50%;border-radius:50%;background:#5ce2ee;box-shadow:0 0 13px #5ce2ee}.preloader__ring--two{inset:6%;border-color:rgba(121,85,244,.38);animation-duration:3.4s;animation-direction:reverse;transform:rotateX(68deg) rotateZ(35deg)}.preloader__ring--two b{background:#9b7cff}.preloader__ring--three{inset:22%;animation-duration:2.1s;transform:rotateY(68deg) rotateZ(-25deg)}.preloader__brand{display:flex;align-items:center;margin-top:2rem;font:700 .75rem Manrope,system-ui;letter-spacing:.28em}.preloader__brand b{color:#5ce2ee;margin-left:.45rem}.preloader__status{position:absolute;bottom:9%;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.18em;font-size:.55rem;color:#777e9e}.preloader__status b{color:#5ce2ee;font:500 .65rem monospace}.preloader__line{bottom:7%;width:auto;left:var(--pad);right:var(--pad);background:rgba(255,255,255,.08)}.preloader__line span{background:linear-gradient(90deg,#7555f4,#5ce2ee);animation-duration:1.05s}
@keyframes loader-orbit{from{transform:rotateX(68deg) rotateZ(0)}to{transform:rotateX(68deg) rotateZ(360deg)}}
@keyframes loader-float{50%{transform:translateY(-7px) rotateY(8deg)}}
@media(prefers-reduced-motion:reduce){.hero__slide,.hero__slide>*{filter:none!important;transform:none!important;transition:none!important}.preloader{display:none}}

.production-home .hero__tag{top:clamp(1rem,3vh,2rem);bottom:auto}

/* Final Hybrid 360 light theme. Dark remains the default. */
.theme-light{color-scheme:light}
.theme-light body,.theme-light .production-home{--bg:#f4f7fb;--ink:#102033;--muted:#617083;--accent:#12b8c9;--accent-text:#087b91;--accent-ink:#03191d;--accent-soft:rgba(18,184,201,.15);--line:rgba(16,32,51,.15);--surface:#e8eef5;--glass:rgba(255,255,255,.78);--contact-bg:#10223b;--contact-ink:#f7fbff;--preloader-bg:#eef4fa;--preloader-ink:#102033;background-color:var(--bg);background-image:radial-gradient(circle at 88% 12%,rgba(73,91,211,.1),transparent 27%),radial-gradient(circle at 8% 46%,rgba(18,184,201,.08),transparent 24%)}
.theme-light .site-header{color:#102033}.theme-light .brand__disc{background:linear-gradient(135deg,#42d5df,#6571e7);color:#071a26;box-shadow:0 8px 24px rgba(56,117,185,.18)}
.theme-light .theme-toggle{background:rgba(255,255,255,.72);border-color:rgba(16,32,51,.14);color:#526174;box-shadow:0 8px 28px rgba(26,47,78,.06)}
.theme-light .theme-toggle__icon{background:#18243b;box-shadow:none}.theme-light .theme-toggle__icon i{width:.62rem;height:.62rem;background:#f4f7fb;border:0;box-shadow:-.18rem -.06rem 0 #18243b;border-radius:50%}
.theme-light .button--header{background:rgba(255,255,255,.55)}
.theme-light .hero__stage:after{background:linear-gradient(90deg,var(--bg) 0%,rgba(244,247,251,.97) 24%,rgba(244,247,251,.76) 45%,rgba(244,247,251,.13) 73%,transparent 100%)}
.theme-light .hero__canvas{filter:drop-shadow(0 0 32px rgba(66,92,194,.09));opacity:.7}
.theme-light .service-card{background:linear-gradient(145deg,rgba(255,255,255,.4),transparent)}.theme-light .service-card:hover{background:#fff;box-shadow:0 18px 50px rgba(36,61,92,.08)}.theme-light .service-card:nth-child(4){background:linear-gradient(145deg,rgba(18,184,201,.12),rgba(92,101,222,.08))}
.theme-light .vibe__visual{background:radial-gradient(circle at 50%,rgba(79,103,211,.16),#e7edf6 68%)}.theme-light .code-card{border-color:rgba(33,91,128,.18);box-shadow:0 30px 70px rgba(41,63,92,.14)}
.theme-light .work-card--one .work-art{background:linear-gradient(145deg,#e3eceb,#b9d6d2);color:#175d60}.theme-light .work-card--two .work-art{background:linear-gradient(145deg,#dfe5fa,#c5d1ef);color:#394e9e}
.theme-light .contact{background:linear-gradient(135deg,#132a48,#213f6a 52%,#284d72);color:#f7fbff}.theme-light .contact .button{background:#6ae3e8;color:#08222a}
.theme-light .footer{color:#102033}
.theme-light .preloader{background:radial-gradient(circle at 50% 45%,#fff 0,#edf3fa 45%,#e4ebf5 100%);color:#102033}
.theme-light .preloader:after{background:#f4f7fb}.theme-light .preloader__orb:before{background:radial-gradient(circle at 35% 30%,rgba(94,225,232,.86),rgba(91,105,215,.24) 45%,rgba(236,243,250,.3) 72%);box-shadow:0 0 52px rgba(68,106,188,.17),inset -10px -12px 25px rgba(51,72,117,.12)}
.theme-light .preloader__orb strong{color:#116f8c;text-shadow:0 0 22px rgba(18,184,201,.28)}.theme-light .preloader__ring{border-color:rgba(13,153,181,.38)}.theme-light .preloader__ring--two{border-color:rgba(73,81,181,.32)}.theme-light .preloader__brand b,.theme-light .preloader__status b{color:#087b91}.theme-light .preloader__status{color:#69778a}.theme-light .preloader__line{background:rgba(16,32,51,.1)}
@media(max-width:850px){.theme-light .hero__stage:after{background:linear-gradient(180deg,var(--bg) 0%,rgba(244,247,251,.94) 36%,rgba(244,247,251,.48) 70%,var(--bg) 100%)}}

/* Capability matrix: equal cards with lightweight orbital signatures. */
.services{position:relative;isolation:isolate;overflow:hidden}.services:before{content:"";position:absolute;inset:5% var(--pad);z-index:-2;background:radial-gradient(circle at 78% 18%,rgba(92,226,238,.07),transparent 28%),radial-gradient(circle at 16% 72%,rgba(121,85,244,.07),transparent 25%);pointer-events:none}.services__ambient{position:absolute;z-index:-1;width:clamp(280px,40vw,600px);aspect-ratio:1;right:-9%;top:3%;border:1px solid rgba(92,226,238,.08);border-radius:50%;transform:rotateX(70deg);pointer-events:none;animation:services-ambient 22s linear infinite}.services__ambient:before,.services__ambient:after,.services__ambient i{content:"";position:absolute;border:1px solid rgba(121,85,244,.1);border-radius:50%;inset:18%}.services__ambient:after{inset:36%}.services__ambient i:nth-child(2){inset:8%;border-style:dashed;border-color:rgba(92,226,238,.09);animation:services-spin 28s linear infinite reverse}.services__ambient span{position:absolute;inset:36%;display:grid;place-items:center;font:600 clamp(1.5rem,3vw,3rem) Manrope,system-ui;color:rgba(92,226,238,.08);transform:rotateX(-70deg)}
.service-grid{position:relative;grid-auto-rows:1fr;align-items:stretch;gap:1px;border:0;background:var(--line);box-shadow:0 28px 90px rgba(0,0,0,.12)}.service-card{--mx:50%;--my:50%;--rx:0deg;--ry:0deg;min-height:380px;height:100%;padding:1.6rem 1.75rem 1.8rem;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(280px circle at var(--mx) var(--my),rgba(92,226,238,.085),transparent 58%),linear-gradient(145deg,#0b0e19,#080a13);overflow:hidden;transform-style:preserve-3d;transition:transform .45s var(--ease),background .35s,box-shadow .35s}.service-card:hover,.service-card:focus-within{transform:translateY(-7px);z-index:3;box-shadow:0 24px 70px rgba(2,4,14,.38)}.service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.035) 48%,transparent 70%);transform:translateX(-110%);transition:transform .8s var(--ease);pointer-events:none}.service-card:hover:after{transform:translateX(110%)}.service-card__top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.66rem;position:relative;z-index:2}.service-card__top a{width:2.3rem;height:2.3rem;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--ink);transition:background .25s,color .25s,transform .25s}.service-card__top a:hover,.service-card__top a:focus-visible{background:var(--accent);color:var(--accent-ink);transform:rotate(45deg)}
.service-card__visual{align-self:center;justify-self:center;width:clamp(110px,10vw,150px);aspect-ratio:1;position:relative;display:grid;place-items:center;transform-style:preserve-3d;transform:perspective(600px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .25s ease-out}.service-card__visual:before{content:"";position:absolute;inset:27%;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(133,244,255,.28),rgba(78,64,194,.18) 55%,transparent 70%);box-shadow:0 0 36px rgba(92,226,238,.12)}.service-card__visual i{position:absolute;inset:12%;border:1px solid rgba(92,226,238,.32);border-radius:50%;transform:rotateX(66deg);animation:service-orbit 9s linear infinite}.service-card__visual i:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--accent);top:50%;left:-3px;box-shadow:0 0 11px var(--accent)}.service-card__visual i:nth-child(2){inset:20%;border-color:rgba(121,85,244,.38);transform:rotateY(66deg) rotateZ(35deg);animation-duration:12s;animation-direction:reverse}.service-card__visual i:nth-child(3){inset:30%;border-style:dashed;animation-duration:15s}.service-card__visual b{position:relative;z-index:2;font:500 .65rem monospace;color:var(--accent);letter-spacing:.08em}.service-card--2 .service-card__visual,.service-card--5 .service-card__visual{transform:perspective(600px) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(28deg)}.service-card--3 .service-card__visual,.service-card--6 .service-card__visual{transform:perspective(600px) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(-22deg)}
.service-card__body{align-self:end;position:relative;z-index:2}.service-card__body h3{font:500 clamp(1.08rem,1.3vw,1.3rem)/1.25 Manrope,system-ui;margin:0 0 .8rem;max-width:260px}.service-card__body p{font-size:.86rem;line-height:1.55;color:var(--muted);margin:0;max-width:285px}.service-card>span,.service-card>h3,.service-card>p,.service-card>a{position:static}.service-card:nth-child(4){background:radial-gradient(300px circle at var(--mx) var(--my),rgba(121,85,244,.16),transparent 60%),linear-gradient(145deg,rgba(92,226,238,.08),rgba(53,39,117,.15),#090b16)}
.theme-light .services:before{background:radial-gradient(circle at 78% 18%,rgba(13,153,181,.09),transparent 28%),radial-gradient(circle at 16% 72%,rgba(63,81,181,.08),transparent 25%)}.theme-light .service-grid{background:rgba(16,32,51,.13);box-shadow:0 30px 80px rgba(36,61,92,.08)}.theme-light .service-card,.theme-light .service-card:nth-child(4){background:radial-gradient(280px circle at var(--mx) var(--my),rgba(18,184,201,.12),transparent 58%),linear-gradient(145deg,#fff,#eff4f9)}.theme-light .service-card:hover{box-shadow:0 22px 60px rgba(36,61,92,.14)}.theme-light .service-card__visual:before{background:radial-gradient(circle at 35% 30%,rgba(18,184,201,.3),rgba(92,101,222,.12) 55%,transparent 72%)}
@keyframes service-orbit{to{transform:rotateX(66deg) rotateZ(360deg)}}@keyframes services-ambient{to{transform:rotateX(70deg) rotateZ(360deg)}}@keyframes services-spin{to{transform:rotateZ(360deg)}}
@media(max-width:850px){.service-card{min-height:340px}.services__ambient{right:-25%;top:8%;opacity:.7}}
@media(max-width:560px){.service-grid{gap:1px}.service-card{min-height:310px;padding:1.35rem}.service-card__visual{width:105px}.services__ambient{width:340px;right:-55%;top:4%;opacity:.45}}
@media(prefers-reduced-motion:reduce){.services__ambient,.services__ambient i,.service-card__visual i{animation:none}.service-card,.service-card__visual{transform:none!important;transition:none}}
.production-home .service-card{background:radial-gradient(280px circle at var(--mx) var(--my),rgba(92,226,238,.085),transparent 58%),linear-gradient(145deg,#0b0e19,#080a13)}
.production-home .service-card:nth-child(4){background:radial-gradient(300px circle at var(--mx) var(--my),rgba(121,85,244,.16),transparent 60%),linear-gradient(145deg,rgba(92,226,238,.08),rgba(53,39,117,.15),#090b16)}
.service-card__top a{position:static}
.theme-light .production-home .service-card,.theme-light .production-home .service-card:nth-child(4){background:radial-gradient(280px circle at var(--mx) var(--my),rgba(18,184,201,.12),transparent 58%),linear-gradient(145deg,#fff,#eff4f9)}

/* Scroll-driven service orbit. The service list is intentionally not a card grid. */
.services{overflow:visible}.services:before{inset:4% 0;background:radial-gradient(circle at 28% 48%,rgba(92,226,238,.07),transparent 25%),radial-gradient(circle at 18% 58%,rgba(121,85,244,.09),transparent 33%)}.service-orbit{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(480px,1.22fr);gap:clamp(4rem,9vw,9rem);align-items:start}.service-model{position:sticky;top:clamp(7rem,18vh,12rem);height:min(68vh,650px);display:grid;place-items:center;perspective:900px}.service-model>p{position:absolute;bottom:3%;text-transform:uppercase;letter-spacing:.18em;font-size:.56rem;color:var(--muted)}.service-model>p span{color:var(--accent);margin-left:.5rem}.service-model__object{--service-step:0;width:min(34vw,430px);aspect-ratio:1;position:relative;display:grid;place-items:center;transform-style:preserve-3d;transform:rotateX(60deg) rotateZ(calc(-8deg + var(--service-step) * 8deg));transition:transform 1s var(--ease)}.service-model__object:before{content:"";position:absolute;inset:30%;border-radius:50%;background:radial-gradient(circle at 35% 25%,rgba(143,246,255,.5),rgba(75,65,193,.25) 42%,rgba(7,9,18,.2) 72%);box-shadow:0 0 70px rgba(92,226,238,.18),inset -20px -20px 45px rgba(4,5,15,.55);transform:translateZ(28px)}.service-model__ring{position:absolute;border:1px solid rgba(92,226,238,.27);border-radius:50%;inset:8%;animation:model-ring 20s linear infinite}.service-model__ring:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);left:-4px;top:50%;box-shadow:0 0 16px var(--accent)}.service-model__ring--two{inset:19%;border-color:rgba(121,85,244,.38);animation-duration:27s;animation-direction:reverse}.service-model__ring--three{inset:31%;border-style:dashed;animation-duration:16s}.service-model__object>strong{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;color:var(--accent);font:500 clamp(2.4rem,5vw,4.8rem)/.85 Manrope,system-ui;letter-spacing:-.08em;transform:rotateZ(calc(8deg - var(--service-step) * 8deg)) rotateX(-60deg);transition:transform 1s var(--ease);text-shadow:0 0 28px rgba(92,226,238,.35)}.service-model__object>strong small{font:500 .48rem monospace;text-transform:uppercase;letter-spacing:.2em;color:var(--muted);margin-top:.9rem}.service-model__nodes{position:absolute;inset:0;z-index:5;transform:rotate(calc(var(--service-step) * -60deg));transition:transform 1s var(--ease)}.service-model__nodes span{position:absolute;left:calc(50% - 15px);top:calc(50% - 15px);width:30px;height:30px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font:500 .48rem monospace;color:var(--muted);background:var(--bg);transition:color .4s,background .4s,box-shadow .4s,transform .4s}.service-model__nodes span:nth-child(1){transform:rotate(0deg) translateY(-190px) rotate(0deg)}.service-model__nodes span:nth-child(2){transform:rotate(60deg) translateY(-190px) rotate(-60deg)}.service-model__nodes span:nth-child(3){transform:rotate(120deg) translateY(-190px) rotate(-120deg)}.service-model__nodes span:nth-child(4){transform:rotate(180deg) translateY(-190px) rotate(-180deg)}.service-model__nodes span:nth-child(5){transform:rotate(240deg) translateY(-190px) rotate(-240deg)}.service-model__nodes span:nth-child(6){transform:rotate(300deg) translateY(-190px) rotate(-300deg)}.service-model__nodes span.is-active{color:var(--accent-ink);background:var(--accent);border-color:var(--accent);box-shadow:0 0 24px rgba(92,226,238,.48)}
.service-list{list-style:none;padding:0;margin:0}.service-item{position:relative;min-height:clamp(240px,34vh,350px);display:grid;grid-template-columns:54px minmax(0,1fr) 48px;gap:1.2rem;align-items:center;border-top:1px solid var(--line);opacity:.3;transform:translateX(28px);transition:opacity .55s var(--ease),transform .7s var(--ease),border-color .4s}.service-item:last-child{border-bottom:1px solid var(--line)}.service-item:before{content:"";position:absolute;left:0;top:50%;width:2px;height:0;background:linear-gradient(var(--accent),#7555f4);transition:height .55s var(--ease),top .55s var(--ease);box-shadow:0 0 15px var(--accent)}.service-item.is-active{opacity:1;transform:none;border-color:rgba(92,226,238,.28)}.service-item.is-active:before{height:56%;top:22%}.service-item__number{align-self:start;margin-top:2.8rem;font:500 .62rem monospace;color:var(--muted)}.service-item h3{font:500 clamp(1.55rem,3vw,2.8rem)/1.05 Manrope,system-ui;letter-spacing:-.045em;margin:0 0 1rem;transition:color .35s}.service-item.is-active h3{color:var(--accent-text)}.service-item p{max-width:540px;color:var(--muted);font-size:clamp(.9rem,1.2vw,1.05rem);margin:0}.service-item>a{position:static;width:3rem;height:3rem;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:background .25s,color .25s,transform .25s}.service-item>a:hover,.service-item>a:focus-visible{background:var(--accent);color:var(--accent-ink);transform:rotate(45deg)}
.theme-light .service-model__object:before{background:radial-gradient(circle at 35% 25%,rgba(98,229,235,.65),rgba(76,91,199,.18) 45%,rgba(244,247,251,.25) 72%);box-shadow:0 0 65px rgba(34,123,161,.14),inset -20px -20px 40px rgba(58,74,117,.1)}.theme-light .service-model__nodes span{background:var(--bg)}.theme-light .service-item.is-active{border-color:rgba(13,153,181,.28)}
@keyframes model-ring{to{transform:rotate(360deg)}}
@media(max-width:1000px){.service-orbit{grid-template-columns:minmax(250px,.7fr) minmax(400px,1.3fr);gap:3rem}.service-model__object{width:min(36vw,360px)}.service-model__nodes span:nth-child(1){transform:rotate(0deg) translateY(-155px)}.service-model__nodes span:nth-child(2){transform:rotate(60deg) translateY(-155px) rotate(-60deg)}.service-model__nodes span:nth-child(3){transform:rotate(120deg) translateY(-155px) rotate(-120deg)}.service-model__nodes span:nth-child(4){transform:rotate(180deg) translateY(-155px) rotate(-180deg)}.service-model__nodes span:nth-child(5){transform:rotate(240deg) translateY(-155px) rotate(-240deg)}.service-model__nodes span:nth-child(6){transform:rotate(300deg) translateY(-155px) rotate(-300deg)}}
@media(max-width:760px){.service-orbit{grid-template-columns:1fr;gap:1rem}.service-model{position:relative;top:auto;height:360px}.service-model__object{width:min(82vw,340px)}.service-list{margin-top:1rem}.service-item{min-height:210px;grid-template-columns:42px minmax(0,1fr) 44px;transform:translateY(18px)}.service-item__number{margin-top:2rem}.service-model>p{display:none}}
@media(max-width:440px){.service-model{height:300px}.service-model__object{width:270px}.service-model__nodes span:nth-child(1){transform:rotate(0deg) translateY(-118px)}.service-model__nodes span:nth-child(2){transform:rotate(60deg) translateY(-118px) rotate(-60deg)}.service-model__nodes span:nth-child(3){transform:rotate(120deg) translateY(-118px) rotate(-120deg)}.service-model__nodes span:nth-child(4){transform:rotate(180deg) translateY(-118px) rotate(-180deg)}.service-model__nodes span:nth-child(5){transform:rotate(240deg) translateY(-118px) rotate(-240deg)}.service-model__nodes span:nth-child(6){transform:rotate(300deg) translateY(-118px) rotate(-300deg)}.service-item{grid-template-columns:32px minmax(0,1fr);min-height:190px}.service-item>a{grid-column:2;margin-top:-.4rem;width:2.6rem;height:2.6rem}.service-item h3{font-size:1.55rem}}
@media(prefers-reduced-motion:reduce){.service-model__ring{animation:none}.service-model__object,.service-model__object>strong,.service-model__nodes,.service-item{transition:none;transform:none}.service-item{opacity:1}}
.service-item[data-reveal]{opacity:0;transform:translate3d(28px,24px,0)}
.service-item[data-reveal].is-visible{opacity:.3;transform:translateX(28px)}
.service-item[data-reveal].is-visible.is-active{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.service-item[data-reveal],.service-item[data-reveal].is-visible,.service-item[data-reveal].is-visible.is-active{opacity:1;transform:none}}
.production-home .services:before{inset:auto;top:4%;bottom:4%;left:50%;width:100vw;transform:translateX(-50%)}

/* Vibe Code feature: five visual columns and seven content columns. */
.production-home .vibe{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(3rem,7vw,7rem)}
.production-home .vibe__content h2{font-size:clamp(2.65rem,5vw,4.8rem);max-width:14.5ch;margin-bottom:clamp(1.5rem,2.5vw,2.25rem);text-wrap:balance}
.production-home .vibe__visual{width:100%;aspect-ratio:5/6}

/* Why Web 360: an interactive value orbit paired with three focus panels. */
.why{position:relative;overflow:hidden}.why__intro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:clamp(2rem,8vw,8rem);align-items:end;margin-bottom:clamp(3rem,7vw,6rem)}.why__intro>p{color:var(--muted);margin:0;max-width:430px}.why__experience{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(430px,1.18fr);gap:clamp(3rem,8vw,8rem);align-items:center;padding:clamp(1.5rem,4vw,3.5rem);border:1px solid var(--line);background:linear-gradient(135deg,rgba(92,226,238,.035),rgba(121,85,244,.055));position:relative;overflow:hidden}.why__experience:after{content:"";position:absolute;width:380px;aspect-ratio:1;border-radius:50%;right:-180px;bottom:-230px;background:radial-gradient(circle,rgba(121,85,244,.13),transparent 67%);pointer-events:none}.why__orbit{width:min(30vw,360px);aspect-ratio:1;justify-self:center;position:relative;display:grid;place-items:center;border:1px solid rgba(92,226,238,.26);border-radius:50%;transform:rotateX(62deg);transition:transform .7s var(--ease)}.why__orbit:before,.why__orbit:after{content:"";position:absolute;border:1px solid var(--line);border-radius:50%;inset:17%}.why__orbit:after{inset:34%;border-style:dashed}.why__orbit i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent);left:-5px;top:50%;animation:why-node 9s linear infinite;transform-origin:calc(50% + min(15vw,180px)) center}.why__orbit i:nth-child(2){animation-delay:-3s}.why__orbit i:nth-child(3){animation-delay:-6s}.why__orbit span,.why__orbit small{position:absolute;transform:rotateX(-62deg)}.why__orbit span{font:500 clamp(2.4rem,5vw,4.5rem) Manrope;color:var(--accent-text);letter-spacing:-.08em}.why__orbit small{margin-top:6rem;font:500 .55rem monospace;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}.why__points{display:grid}.why__points article{grid-template-columns:42px minmax(0,1fr) 36px;gap:1rem;padding:1.5rem;border:1px solid transparent;border-top-color:var(--line);cursor:default;transition:background .35s,border-color .35s,transform .35s;outline:0}.why__points article:last-child{border-bottom-color:var(--line)}.why__points article.is-active{background:rgba(92,226,238,.055);border-color:rgba(92,226,238,.25);transform:translateX(-10px)}.why__points article:focus-visible{box-shadow:0 0 0 2px var(--accent)}.why__points article>b{font-weight:400;color:var(--accent);opacity:0;transform:translate(-8px,8px);transition:.35s}.why__points article.is-active>b{opacity:1;transform:none}.why__points h3{font-size:clamp(1.05rem,1.6vw,1.35rem)}

/* How we work: a responsive connected path with an active stage. */
.process{padding-top:clamp(4rem,8vw,7rem)}.process__head{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,8vw,8rem);align-items:end;margin-bottom:clamp(3rem,7vw,6rem)}.process__head>div:last-child>p{color:var(--muted);max-width:430px}.process__head>div:last-child>span{display:flex;align-items:center;gap:.65rem;text-transform:uppercase;letter-spacing:.16em;font-size:.55rem;color:var(--muted)}.process__head>div:last-child>span i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.process__list{position:relative;gap:1rem;border:0}.process__list:before{content:"";position:absolute;left:7%;right:7%;top:5.15rem;height:1px;background:linear-gradient(90deg,var(--accent),rgba(121,85,244,.7));opacity:.55}.process__list li,.process__list li+li{position:relative;border:1px solid var(--line);padding:1.4rem 1.35rem 1.8rem;min-height:270px;background:linear-gradient(155deg,rgba(255,255,255,.025),transparent);transition:transform .4s var(--ease),background .35s,border-color .35s;outline:0}.process__list li.is-active{transform:translateY(-12px);border-color:rgba(92,226,238,.38);background:linear-gradient(145deg,rgba(92,226,238,.1),rgba(121,85,244,.06))}.process__list li:focus-visible{box-shadow:0 0 0 2px var(--accent)}.process__list span{display:flex;justify-content:space-between}.process__list span small{font:500 .5rem monospace;text-transform:uppercase;letter-spacing:.13em;opacity:0;transition:opacity .3s}.process__list li.is-active span small{opacity:1;color:var(--accent)}.process__node{width:1.05rem;height:1.05rem;border:3px solid var(--bg);border-radius:50%;background:var(--muted);box-shadow:0 0 0 1px var(--line);margin-top:2.65rem;position:relative;z-index:2;transition:background .35s,box-shadow .35s}.process__list li.is-active .process__node{background:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 20px var(--accent)}.process__list h3{margin:2.5rem 0 .7rem;font-size:clamp(1.25rem,2vw,1.65rem)}.process__list p{max-width:210px;margin-bottom:0}
@keyframes why-node{to{transform:rotate(360deg)}}
.theme-light .why__experience{background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(92,101,222,.055))}.theme-light .why__points article.is-active,.theme-light .process__list li.is-active{background:linear-gradient(145deg,rgba(18,184,201,.1),rgba(255,255,255,.7))}.theme-light .process__list li{background:rgba(255,255,255,.45)}
@media(max-width:850px){.production-home .vibe{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:2.5rem}.production-home .vibe__content h2{font-size:clamp(2.25rem,5.8vw,3.6rem)}.why__intro,.process__head{grid-template-columns:1fr}.why__experience{grid-template-columns:1fr}.why__orbit{width:min(65vw,330px)}.process__list{grid-template-columns:repeat(2,1fr)}.process__list:before{display:none}.process__list li,.process__list li+li{min-height:240px}.process__node{margin-top:2rem}}
@media(max-width:680px){.production-home .vibe{grid-template-columns:1fr}.production-home .vibe__visual{aspect-ratio:4/3;max-height:420px}.production-home .vibe__content h2{max-width:12ch}.why__experience{padding:1.25rem}.why__points article.is-active{transform:none}.process__list{grid-template-columns:1fr}.process__list li,.process__list li+li{min-height:190px}.process__node{position:absolute;right:1.4rem;top:1.3rem;margin:0}.process__list h3{margin-top:2.4rem}}
@media(max-width:440px){.why__orbit{width:240px}.why__points article{grid-template-columns:30px minmax(0,1fr);padding:1.2rem}.why__points article>b{display:none}}
@media(prefers-reduced-motion:reduce){.why__orbit i{animation:none}.why__points article,.process__list li{transform:none!important;transition:none}}

/* Why 360 v2: dotted spatial globe with independent floating cards. */
.why__experience{display:block;min-height:clamp(650px,68vw,820px);padding:0;border:1px solid var(--line);background:radial-gradient(circle at 48% 52%,rgba(92,226,238,.065),transparent 24%),linear-gradient(145deg,rgba(255,255,255,.018),rgba(121,85,244,.055));overflow:hidden;perspective:1200px}.why__experience:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(140,153,190,.22) .7px,transparent .8px);background-size:25px 25px;mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent);opacity:.2;pointer-events:none}.why__globe{position:absolute;width:min(58%,620px);aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.why__globe canvas{width:100%;height:100%;display:block}.why__globe-core{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none}.why__globe-core strong{font:500 clamp(2.4rem,5vw,5rem)/1 Manrope;color:var(--accent-text);letter-spacing:-.09em;text-shadow:0 0 30px rgba(92,226,238,.35)}.why__globe-core span{font:500 .5rem monospace;text-transform:uppercase;letter-spacing:.2em;color:var(--muted);margin-top:.7rem}.why__cards{--card-x:0px;--card-y:0px;position:absolute;inset:0;z-index:2;transform-style:preserve-3d}.why-card{position:absolute;width:clamp(240px,27vw,350px);padding:1.35rem 1.4rem 1.5rem;border:1px solid var(--line);background:rgba(10,13,25,.72);backdrop-filter:blur(14px);box-shadow:0 22px 70px rgba(0,0,0,.2);transition:transform .5s var(--ease),border-color .35s,background .35s,opacity .35s;outline:0}.why-card:before{content:"";position:absolute;width:52px;height:1px;background:linear-gradient(90deg,var(--accent),transparent);left:1.4rem;top:3.1rem}.why-card>span{font:500 .54rem monospace;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.why-card h3{font:500 clamp(1.05rem,1.55vw,1.35rem)/1.2 Manrope;margin:1.8rem 0 .65rem}.why-card p{font-size:.82rem;color:var(--muted);margin:0;max-width:290px}.why-card b{position:absolute;right:1.25rem;top:1.15rem;color:var(--accent);font-weight:400;opacity:.4}.why-card.is-active,.why-card:hover{border-color:rgba(92,226,238,.42);background:rgba(16,25,42,.84);z-index:5}.why-card:focus-visible{box-shadow:0 0 0 2px var(--accent),0 22px 70px rgba(0,0,0,.25)}.why-card--one{left:4%;top:8%;transform:translate3d(calc(var(--card-x) * -.6),calc(var(--card-y) * -.6),70px) rotate(-2deg)}.why-card--two{right:4%;top:18%;transform:translate3d(calc(var(--card-x) * .85),calc(var(--card-y) * .85),110px) rotate(2deg)}.why-card--three{left:10%;bottom:7%;transform:translate3d(calc(var(--card-x) * -.35),calc(var(--card-y) * .5),140px) rotate(1deg)}.why-card--one.is-active,.why-card--one:hover{transform:translate3d(calc(var(--card-x) * -.6),calc(var(--card-y) * -.6 - 8px),90px) rotate(-2deg)}.why-card--two.is-active,.why-card--two:hover{transform:translate3d(calc(var(--card-x) * .85),calc(var(--card-y) * .85 - 8px),130px) rotate(2deg)}.why-card--three.is-active,.why-card--three:hover{transform:translate3d(calc(var(--card-x) * -.35),calc(var(--card-y) * .5 - 8px),160px) rotate(1deg)}.theme-light .why__experience{background:radial-gradient(circle at 48% 52%,rgba(18,184,201,.1),transparent 24%),linear-gradient(145deg,rgba(255,255,255,.75),rgba(92,101,222,.06))}.theme-light .why-card{background:rgba(255,255,255,.72);box-shadow:0 22px 70px rgba(36,61,92,.12)}.theme-light .why-card.is-active,.theme-light .why-card:hover{background:rgba(255,255,255,.92)}

/* Sticky, scroll-scrubbed process timeline. */
.process{--process-progress:0%;height:320vh;max-width:none;padding:0 var(--pad);position:relative}.process__sticky{position:sticky;top:50%;transform:translateY(-50%);width:min(100%,var(--max));margin:auto;padding-block:clamp(2rem,5vh,4rem)}.process__head{margin-bottom:clamp(2rem,5vh,4rem)}.process__list:before{background:var(--line);opacity:1}.process__list:after{content:"";position:absolute;left:7%;top:5.15rem;width:calc((86% - 1rem) * var(--process-progress) / 100%);max-width:86%;height:2px;background:linear-gradient(90deg,var(--accent),#7955f4);box-shadow:0 0 16px rgba(92,226,238,.45);transition:width .12s linear}.process__list li{opacity:.42}.process__list li.is-complete{opacity:.72;border-color:rgba(92,226,238,.2)}.process__list li.is-active{opacity:1}.process__list li.is-complete .process__node{background:#7955f4;box-shadow:0 0 0 1px #7955f4,0 0 15px rgba(121,85,244,.45)}
@media(max-width:850px){.why__experience{min-height:auto;padding:1.25rem}.why__globe{position:relative;width:min(100%,480px);height:420px;left:auto;top:auto;transform:none;margin:auto}.why__cards{position:relative;inset:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.why-card,.why-card--one,.why-card--two,.why-card--three,.why-card.is-active,.why-card:hover{position:relative;inset:auto;width:auto;transform:none;min-height:220px}.process{height:auto;max-width:calc(var(--max) + var(--pad)*2);padding:clamp(5rem,10vw,9rem) var(--pad)}.process__sticky{position:relative;top:auto;transform:none;padding:0}.process__list:after{display:none}}
@media(max-width:680px){.why__globe{height:340px}.why__cards{grid-template-columns:1fr}.why-card,.why-card--one,.why-card--two,.why-card--three{min-height:0}.why-card p{max-width:none}}
@media(max-width:440px){.why__globe{height:280px}.why__globe-core strong{font-size:2.8rem}}
@media(prefers-reduced-motion:reduce){.process{height:auto;max-width:calc(var(--max) + var(--pad)*2);padding:clamp(5rem,10vw,9rem) var(--pad)}.process__sticky{position:relative;top:auto;transform:none;padding:0}.process__list li{opacity:1}.process__list:after{width:86%}.why-card{transform:none!important;transition:none}}

/* Stable transform math for floating cards and scroll progress. */
.why-card{--shift-x:0px;--shift-y:0px}.why-card--one{transform:translate3d(var(--shift-x),var(--shift-y),70px) rotate(-2deg)}.why-card--two{transform:translate3d(var(--shift-x),var(--shift-y),110px) rotate(2deg)}.why-card--three{transform:translate3d(var(--shift-x),var(--shift-y),140px) rotate(1deg)}.why-card--one.is-active,.why-card--one:hover{transform:translate3d(var(--shift-x),calc(var(--shift-y) - 8px),90px) rotate(-2deg)}.why-card--two.is-active,.why-card--two:hover{transform:translate3d(var(--shift-x),calc(var(--shift-y) - 8px),130px) rotate(2deg)}.why-card--three.is-active,.why-card--three:hover{transform:translate3d(var(--shift-x),calc(var(--shift-y) - 8px),160px) rotate(1deg)}
.process{--process-progress:0}.process__list:after{width:86%;max-width:none;transform:scaleX(var(--process-progress));transform-origin:left;transition:transform .12s linear}
@media(max-width:850px){.why-card,.why-card--one,.why-card--two,.why-card--three,.why-card.is-active,.why-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.process__list:after{transform:scaleX(1)}}

/* Final spatial composition: no frame or orbital rings, only the cursor-driven 360 core. */
.why{overflow:visible;padding-top:clamp(4.5rem,7vw,7rem);padding-bottom:clamp(4.5rem,7vw,7rem)}.why__intro{margin-bottom:clamp(2.5rem,4vw,4rem)}.why__experience{--scene-rx:0deg;--scene-ry:0deg;min-height:clamp(600px,58vw,720px);border:0;background:transparent;overflow:visible;transform-style:preserve-3d}.why__experience:before,.why__experience:after{display:none}.why__globe{width:min(52%,540px);transform:translate(-50%,-50%) rotateX(var(--scene-rx)) rotateY(var(--scene-ry));transition:transform .32s ease-out;transform-style:preserve-3d}.why__globe-core strong{text-shadow:0 0 34px rgba(92,226,238,.42)}.why__cards{transform:rotateX(calc(var(--scene-rx) * .3)) rotateY(calc(var(--scene-ry) * .3));transition:transform .42s ease-out}.why-card{background:linear-gradient(145deg,rgba(18,24,42,.72),rgba(8,10,20,.5));border-color:rgba(214,225,255,.16);box-shadow:0 24px 70px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(18px) saturate(125%)}.why-card.is-active,.why-card:hover{background:linear-gradient(145deg,rgba(22,34,55,.86),rgba(12,16,30,.68));border-color:rgba(92,226,238,.45)}.why-card--one{left:1%;top:2%}.why-card--two{right:1%;top:14%}.why-card--three{left:7%;bottom:1%}.theme-light .why__experience{background:transparent}.theme-light .why-card{background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(235,242,250,.62));border-color:rgba(16,32,51,.14)}

/* Faster sticky journey with correct containment and center-to-center progress geometry. */
.process{height:220vh;padding:0 var(--pad);margin-top:clamp(1rem,3vw,3rem)}.process__sticky{top:clamp(1rem,5vh,3.5rem);transform:none;padding-block:clamp(1.5rem,3vh,2.5rem)}.process__head{margin-bottom:clamp(2rem,4vh,3rem)}.process__list{gap:1rem;padding-top:.65rem}.process__list:before,.process__list:after{left:calc((100% - 3rem)/8);right:calc((100% - 3rem)/8);top:.65rem;width:auto;max-width:none}.process__list li,.process__list li+li{min-height:250px;padding:2rem 1.35rem 1.6rem}.process__list li.is-active{transform:translateY(-6px)}.process__node{position:absolute;left:50%;top:-.55rem;transform:translateX(-50%);width:1.05rem;height:1.05rem;margin:0;border:3px solid var(--bg);z-index:4}.process__list h3{margin-top:3.2rem}.process__list span small{opacity:.35}.process__list li.is-active span small{opacity:1}
@media(max-width:1000px) and (min-width:851px){.process__sticky{top:1rem}.process__head{margin-bottom:1.75rem}.process__list li,.process__list li+li{min-height:225px}.process__list h3{margin-top:2.4rem}}
@media(max-width:850px){.why{overflow:hidden}.why__experience{min-height:auto;padding:0}.why__globe{width:min(100%,440px);transform:none}.why__cards{transform:none}.why-card--one,.why-card--two,.why-card--three{inset:auto}.process{height:auto;margin-top:0;padding-top:clamp(4rem,8vw,6rem)}.process__list{padding-top:0}.process__list:before{display:none}.process__node{left:auto;right:1.35rem;top:1.35rem;transform:none}.process__list h3{margin-top:2.4rem}}
@media(max-width:680px){.why{padding-top:4rem;padding-bottom:4rem}.why__intro{margin-bottom:2rem}.why__globe{height:300px}.process__head{margin-bottom:2.5rem}}
@media(prefers-reduced-motion:reduce){.why__globe,.why__cards{transform:none!important;transition:none}.process{height:auto;margin-top:0}.process__sticky{top:auto}}
.why__cards{transform:rotateX(var(--scene-rx)) rotateY(var(--scene-ry))}

/* Centered scroll choreography and refined depth hierarchy. */
.why{height:180vh;padding-top:0;padding-bottom:0;overflow:visible}.why__sticky{position:sticky;top:3vh;min-height:94vh;width:100%;display:flex;flex-direction:column;justify-content:center;padding-block:clamp(1.5rem,3vh,2.5rem)}.why__intro{margin-bottom:clamp(1.5rem,3vh,2.5rem)}.why__experience{min-height:clamp(430px,47vh,540px)}.why__globe{width:min(45%,460px);will-change:transform}.why-card{width:clamp(220px,23vw,290px);padding:1.05rem 1.15rem 1.2rem;will-change:transform;opacity:.78}.why-card h3{font-size:clamp(.98rem,1.25vw,1.18rem);margin:1.45rem 0 .5rem}.why-card p{font-size:.76rem;line-height:1.5}.why-card:before{left:1.15rem;top:2.65rem;width:42px}.why-card b{right:1rem;top:.9rem}.why-card--one{left:12%;top:3%;transform:translate3d(var(--shift-x),var(--shift-y),70px) rotate(-2deg) scale(.94)}.why-card--two{right:11%;top:10%;transform:translate3d(var(--shift-x),var(--shift-y),90px) rotate(2deg) scale(.94)}.why-card--three{left:17%;bottom:0;transform:translate3d(var(--shift-x),var(--shift-y),110px) rotate(1deg) scale(.94)}.why-card.is-active{opacity:1;box-shadow:0 28px 85px rgba(0,0,0,.34),0 0 35px rgba(92,226,238,.08)}.why-card--one.is-active,.why-card--one:hover{transform:translate3d(var(--shift-x),calc(var(--shift-y) - 6px),130px) rotate(-2deg) scale(1.055)}.why-card--two.is-active,.why-card--two:hover{transform:translate3d(var(--shift-x),calc(var(--shift-y) - 6px),140px) rotate(2deg) scale(1.055)}.why-card--three.is-active,.why-card--three:hover{transform:translate3d(var(--shift-x),calc(var(--shift-y) - 6px),150px) rotate(1deg) scale(1.055)}

.process{height:185vh;margin-top:clamp(4rem,7vw,7rem)}.process__sticky{top:3vh;min-height:94vh;display:flex;flex-direction:column;justify-content:center;padding-block:clamp(1.5rem,3vh,2.5rem)}.process__head{width:100%;margin-bottom:clamp(2rem,4vh,3rem)}.process__list{width:100%;isolation:isolate}.process__list:before,.process__list:after{z-index:1;pointer-events:none}.process__list li,.process__list li+li{z-index:2;min-height:clamp(220px,28vh,270px)}.process__node{z-index:5;background:var(--bg);box-shadow:0 0 0 1px var(--muted)}.process__list li.is-active .process__node{background:var(--accent)}.process__list li.is-complete .process__node{background:#7955f4}.process__list:after{z-index:3}.process__node{z-index:4}

@media(max-width:850px){.why{height:auto;padding-top:4rem;padding-bottom:4rem;overflow:hidden}.why__sticky{position:relative;top:auto;min-height:0;padding:0}.why__experience{min-height:auto}.why__globe{width:min(100%,420px)}.why-card,.why-card--one,.why-card--two,.why-card--three,.why-card.is-active,.why-card:hover{width:auto;opacity:1;transform:none}.process{height:auto;margin-top:clamp(3rem,7vw,5rem)}.process__sticky{position:relative;top:auto;min-height:0;display:block;padding:0}.process__list li,.process__list li+li{min-height:190px}.process__list:before,.process__list:after{display:none}}
@media(prefers-reduced-motion:reduce){.why{height:auto;padding-block:5rem}.why__sticky{position:relative;top:auto;min-height:0}.process{height:auto;margin-top:5rem}.process__sticky{position:relative;top:auto;min-height:0}}

/* Compact depth sequence: quick scroll, clear foreground hierarchy. */
.why{height:140vh}.why__intro{margin-bottom:clamp(3rem,5vh,4.5rem)}.why__experience{min-height:clamp(410px,44vh,500px);transform:translateY(clamp(.5rem,1.5vh,1.25rem))}.why__globe{width:min(42%,430px)}.why-card{--scroll-scale:.78;--scroll-depth:60px;--scroll-opacity:.7;width:clamp(210px,21vw,270px);opacity:var(--scroll-opacity)}.why-card--one{left:17%;top:5%;transform:translate3d(var(--shift-x),var(--shift-y),var(--scroll-depth)) rotate(-2.5deg) scale(var(--scroll-scale))}.why-card--two{right:16%;top:14%;transform:translate3d(var(--shift-x),var(--shift-y),var(--scroll-depth)) rotate(4deg) scale(var(--scroll-scale))}.why-card--three{left:24%;bottom:0;transform:translate3d(var(--shift-x),var(--shift-y),var(--scroll-depth)) rotate(-5deg) scale(var(--scroll-scale))}.why-card--one.is-active,.why-card--one:hover{transform:translate3d(var(--shift-x),calc(var(--shift-y) - 5px),var(--scroll-depth)) rotate(-1deg) scale(var(--scroll-scale))}.why-card--two.is-active,.why-card--two:hover{transform:translate3d(var(--shift-x),calc(var(--shift-y) - 5px),var(--scroll-depth)) rotate(1deg) scale(var(--scroll-scale))}.why-card--three.is-active,.why-card--three:hover{transform:translate3d(var(--shift-x),calc(var(--shift-y) - 5px),var(--scroll-depth)) rotate(-1deg) scale(var(--scroll-scale))}
.process{height:150vh;margin-top:clamp(4.5rem,7vw,7rem)}.process__head{margin-bottom:clamp(3.5rem,6vh,5rem)}
@media(max-width:850px){.why{height:auto}.why__intro{margin-bottom:2.5rem}.why__experience{transform:none}.why-card,.why-card--one,.why-card--two,.why-card--three,.why-card.is-active,.why-card:hover{opacity:1;transform:none}.process{height:auto}.process__head{margin-bottom:3rem}}
@media(prefers-reduced-motion:reduce){.why{height:auto}.why__experience{transform:none}.why-card{opacity:1}.process{height:auto}}

/* Natural document spacing: animate during passage instead of adding a scroll runway. */
.why{height:auto;padding-top:clamp(4.5rem,7vw,7rem);padding-bottom:clamp(4.5rem,7vw,6rem)}.why__sticky{position:relative;top:auto;min-height:0;padding:0}.why__intro{margin-bottom:clamp(4rem,7vh,6rem)}.why__experience{transform:none}.process{height:125vh;margin-top:0}.process__sticky{top:3vh}
@media(max-width:850px){.why{padding-top:4rem;padding-bottom:4rem}.why__intro{margin-bottom:3rem}.process{height:auto}.process__sticky{top:auto}}
@media(prefers-reduced-motion:reduce){.why{height:auto}.process{height:auto}}

/* Give the opening message and first card more time and breathing room. */
.why__intro{margin-bottom:clamp(5.5rem,9vh,7.5rem)}
@media(max-width:850px){.why__intro{margin-bottom:3.5rem}}

/* Compact process footprint and a tighter handoff to selected work. */
.process{height:120vh}.process__list li,.process__list li+li{min-height:clamp(185px,22vh,215px);padding-bottom:1.25rem}.process__list h3{margin-top:2.5rem}.work{padding-top:clamp(4rem,6vw,6rem)}
@media(max-width:850px){.process{height:auto}.process__list li,.process__list li+li{min-height:170px}.work{padding-top:4rem}}
@media(prefers-reduced-motion:reduce){.process{height:auto}}

/* Final process runway length. */
@media(min-width:851px){.process{height:120vh}}

/* Final process geometry: one fixed baseline, with both tracks behind every
   node. Active cards change emphasis without shifting the timeline. */
.process__list:before,
.process__list:after{
    z-index:3;
    pointer-events:none;
}
.process__node{
    z-index:5;
    transform:translateX(-50%);
}
.process__list li.is-active{
    transform:none;
}

/* Remove the artificial empty runway between Why and Process. */
.why{
    padding-bottom:clamp(2rem,3.5vw,3.5rem);
}
.process{
    margin-top:0;
}
.process__sticky{
    min-height:0;
    justify-content:flex-start;
    padding-top:clamp(2.5rem,4vw,4.5rem);
    padding-bottom:clamp(2rem,3vw,3.5rem);
}
@media(max-width:850px){
    .process__node{transform:none}
    .process__sticky{padding:0}
}

/* The header yields space while scrolling down and returns as soon as the
   visitor scrolls up. Its original visual design stays intact. */
.site-header{
    position:sticky;
    top:0;
    background:transparent;
    transition:transform .36s var(--ease);
    will-change:transform;
}
.site-header .nav{
    height:100%;
    align-self:start;
    align-items:center;
    padding-inline:clamp(1.75rem,3vw,3.5rem);
    border-radius:0;
    background:transparent;
    box-shadow:none;
    transition:height .3s var(--ease),border-radius .3s var(--ease),background-color .3s,box-shadow .3s;
}
.site-header.is-scrolled{
    background:transparent;
    border-bottom:0;
    box-shadow:none;
    backdrop-filter:none;
}
.site-header.is-scrolled .nav{
    height:calc(100% + 12px);
    border-radius:0 0 2rem 2rem;
    background:var(--surface);
    box-shadow:0 14px 30px rgba(0,0,0,.14);
}
.site-header.is-hidden{transform:translateY(calc(-100% - 2px))}
.theme-light .site-header.is-scrolled{
    background:transparent;
    box-shadow:none;
}
.theme-light .site-header.is-scrolled .nav{
    box-shadow:0 14px 30px rgba(36,61,92,.12);
}
.delivery-strip{
    width:min(100%,var(--max));
    margin:0 auto;
    padding:1.25rem var(--pad);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:2rem;
    border-block:1px solid var(--line);
}
.delivery-strip p{margin:0;color:var(--muted);font-size:.74rem;white-space:nowrap}
.delivery-strip p span{color:var(--ink);font-weight:600}
.delivery-strip ul{display:flex;align-items:center;justify-content:flex-end;gap:clamp(1rem,2.8vw,2.8rem);margin:0;padding:0;list-style:none}
.delivery-strip li{display:flex;align-items:center;gap:clamp(1rem,2.8vw,2.8rem);color:var(--muted);font-size:.61rem;font-weight:600;text-transform:uppercase;letter-spacing:.13em;white-space:nowrap}
.delivery-strip li+li:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}
.intro{padding-top:clamp(5rem,8vw,7rem)}
@media(max-width:850px){
    .site-header.is-hidden{transform:none}
    .site-header.is-scrolled{background:transparent}
    .site-header .nav{
        height:auto;
        align-items:flex-start;
        padding-inline:var(--pad);
        border-radius:0;
        background:var(--bg);
        box-shadow:none;
    }
    .site-header.is-scrolled .nav{
        height:auto;
        border-radius:0;
        background:var(--bg);
        box-shadow:none;
    }
    .delivery-strip{align-items:flex-start;flex-direction:column;gap:.8rem}
    .delivery-strip ul{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:.25rem}
}
@media(max-width:560px){
    .delivery-strip{padding-block:1rem}
    .delivery-strip p{white-space:normal}
    .delivery-strip ul{gap:1rem}
    .delivery-strip li{gap:1rem;font-size:.55rem}
}
@media(prefers-reduced-motion:reduce){
    .site-header{transition:none}
}

/* Spacious editorial system shared by the homepage and inner pages. */
.production-home .section{padding-top:clamp(5.5rem,8vw,8rem);padding-bottom:clamp(5.5rem,8vw,8rem)}
.production-home .intro,.production-home .services,.production-home .vibe,.production-home .work{border-top:1px solid var(--line)}
.production-home .intro__grid{align-items:start}.production-home .intro__grid>div{max-width:460px}
.production-home .section-head{margin-bottom:clamp(3.5rem,6vw,5.5rem)}
.nav a[aria-current=page]{color:var(--accent-text)}.nav a[aria-current=page]:after{content:"";display:block;width:100%;height:1px;background:currentColor;margin-top:.35rem}

.inner-page{overflow:hidden}.page-hero{min-height:clamp(560px,72vh,760px);max-width:calc(var(--max) + var(--pad)*2);margin:auto;padding:clamp(5rem,10vh,8rem) var(--pad);display:flex;align-items:center;position:relative;border-bottom:1px solid var(--line)}
.page-hero__copy{position:relative;z-index:2;max-width:940px}.page-hero h1{font-size:clamp(3.25rem,7.3vw,7.2rem);max-width:12ch}.page-hero h1 em{font-style:normal;color:var(--accent-text)}.page-hero__copy>p:last-child{max-width:620px;color:var(--muted);font-size:clamp(1rem,1.5vw,1.2rem);margin:2rem 0 0}
.page-hero__orbit{position:absolute;width:clamp(320px,43vw,650px);aspect-ratio:1;right:calc(var(--pad) - 9%);top:50%;transform:translateY(-50%) rotateX(68deg);border:1px solid rgba(92,226,238,.2);border-radius:50%;opacity:.6}.page-hero__orbit:before,.page-hero__orbit:after{content:"";position:absolute;inset:18%;border:1px solid var(--line);border-radius:50%}.page-hero__orbit:after{inset:36%}.page-hero__orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);left:8%;top:35%;box-shadow:0 0 15px var(--accent)}.page-hero__orbit i:nth-child(2){left:78%;top:12%;background:#7955f4}.page-hero__orbit span{position:absolute;inset:34%;display:grid;place-items:center;transform:rotateX(-68deg);font:500 clamp(2rem,4vw,4rem) Manrope;color:var(--accent-text);letter-spacing:-.08em}
.inner-section{max-width:calc(var(--max) + var(--pad)*2);margin:auto;padding:clamp(5.5rem,9vw,9rem) var(--pad)}.inner-section h2{font-size:clamp(2.2rem,4.5vw,4.6rem)}.inner-section h2 em{font-style:normal;color:var(--accent-text)}.inner-section__intro{display:grid;grid-template-columns:1fr minmax(260px,380px);gap:3rem;align-items:end;margin-bottom:clamp(3rem,6vw,6rem)}.inner-section__intro .section-label{grid-column:1/-1;margin-bottom:0}.inner-section__intro>p:last-child{color:var(--muted);margin:0}.band{max-width:none}.band>*{position:relative}.band--soft{background:linear-gradient(135deg,rgba(255,255,255,.025),rgba(92,226,238,.035));border-block:1px solid var(--line)}.theme-light .band--soft{background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(18,184,201,.045))}
.catalog-list{border-top:1px solid var(--line)}.catalog-item{display:grid;grid-template-columns:70px minmax(280px,1fr) minmax(260px,.75fr);gap:clamp(1.5rem,5vw,5rem);padding:clamp(2.5rem,5vw,4.5rem) 0;border-bottom:1px solid var(--line);align-items:start}.catalog-item>span{font:500 .65rem monospace;color:var(--accent-text)}.catalog-item h2{font-size:clamp(1.65rem,3vw,2.8rem);margin-bottom:1rem}.catalog-item p,.catalog-item li{color:var(--muted)}.catalog-item p{max-width:520px;margin:0}.catalog-item ul,.case-copy ul{list-style:none;padding:0;margin:0}.catalog-item li{font-size:.84rem;padding:.65rem 0;border-bottom:1px solid var(--line)}.catalog-item li:before{content:"↗";color:var(--accent-text);margin-right:.75rem}
.method-summary,.next-steps{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,9vw,9rem);align-items:start}.numbered-points{border-top:1px solid var(--line)}.numbered-points p{display:grid;grid-template-columns:44px 1fr;gap:1rem;padding:1.15rem 0;border-bottom:1px solid var(--line);margin:0;color:var(--muted)}.numbered-points span{font:500 .62rem monospace;color:var(--accent-text)}
.case-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.75fr);gap:clamp(3rem,8vw,8rem);align-items:center;margin-bottom:clamp(7rem,12vw,12rem)}.case-row:last-child{margin-bottom:0}.case-row--reverse .case-art{order:2}.case-art{height:clamp(380px,51vw,650px);display:grid;place-items:center;position:relative;overflow:hidden}.case-art span{position:relative;z-index:2;font:600 clamp(2.5rem,6vw,5.5rem) Manrope;letter-spacing:-.07em}.case-art i{position:absolute;width:55%;aspect-ratio:1;border-radius:50%;border:1px solid currentColor;box-shadow:0 0 0 60px rgba(255,255,255,.045),0 0 0 120px rgba(255,255,255,.022)}.case-art--ayla{background:linear-gradient(145deg,#142236,#315b60);color:#a7f6e6}.case-art--nexus{background:linear-gradient(145deg,#301f63,#111a35);color:#b2cbff}.theme-light .case-art--ayla{background:linear-gradient(145deg,#e2ecea,#b9d6d2);color:#175d60}.theme-light .case-art--nexus{background:linear-gradient(145deg,#e0e6fa,#c5d1ef);color:#394e9e}.case-copy h2{font-size:clamp(2rem,3.6vw,3.6rem);margin-bottom:1.4rem}.case-copy>p:not(.section-label){color:var(--muted);font-size:1.02rem}.case-copy ul{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:2rem}.case-copy li{border:1px solid var(--line);border-radius:999px;padding:.55rem .85rem;font-size:.7rem;color:var(--muted)}.honest-note{display:grid;grid-template-columns:.65fr 1fr;gap:clamp(2rem,7vw,7rem);align-items:start}.honest-note .section-label{grid-column:1/-1}.honest-note p:last-child{color:var(--muted);font-size:1.05rem;max-width:570px}
.story-grid{display:grid;grid-template-columns:1fr .75fr;gap:clamp(3rem,10vw,10rem);align-items:start}.story-grid h2{font-size:clamp(2.4rem,4.7vw,4.7rem)}.story-grid>div:last-child{font-size:1.08rem;color:var(--muted);padding-top:3rem}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.principle-grid article{padding:2rem 1.7rem 2rem 0;min-height:260px;border-right:1px solid var(--line)}.principle-grid article+article{padding-left:1.7rem}.principle-grid span{font:500 .62rem monospace;color:var(--accent-text)}.principle-grid h3{font:500 1.2rem/1.25 Manrope;margin:5rem 0 1rem}.principle-grid p{font-size:.85rem;color:var(--muted);margin:0}.approach-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,10vw,10rem);align-items:center}.approach-orbit{width:min(100%,480px);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;position:relative;display:grid;place-items:center}.approach-orbit:before,.approach-orbit:after,.approach-orbit i{content:"";position:absolute;inset:17%;border:1px solid var(--line);border-radius:50%;transform:rotateX(65deg)}.approach-orbit:after{inset:32%;transform:rotateY(65deg)}.approach-orbit i{inset:8%;border-color:rgba(92,226,238,.25);transform:rotateX(65deg) rotateZ(40deg)}.approach-orbit i:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);left:-4px;top:50%;box-shadow:0 0 15px var(--accent)}.approach-orbit strong{font:500 clamp(2.8rem,6vw,5.5rem) Manrope;color:var(--accent-text);letter-spacing:-.09em}.approach-split>div:last-child>p:not(.section-label){color:var(--muted);font-size:1.05rem;margin:1.5rem 0}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,10vw,10rem)}.contact-panel h2,.project-checklist h2{font-size:clamp(2.4rem,4.5vw,4.4rem);margin-bottom:1.5rem}.contact-panel>p:not(.section-label){color:var(--muted);max-width:440px}.contact-link{display:grid;grid-template-columns:100px 1fr auto;gap:1rem;padding:1.25rem 0;border-bottom:1px solid var(--line);align-items:center}.contact-link:first-of-type{margin-top:3rem;border-top:1px solid var(--line)}.contact-link span{font-size:.67rem;color:var(--muted)}.contact-link strong{font-weight:500}.contact-link b{font-weight:400;color:var(--accent-text)}.project-checklist{padding:clamp(2rem,5vw,4.5rem);background:linear-gradient(145deg,rgba(92,226,238,.08),rgba(121,85,244,.08));border:1px solid var(--line)}.theme-light .project-checklist{background:linear-gradient(145deg,#fff,rgba(18,184,201,.06))}.project-checklist ul{list-style:none;padding:0;margin:2.5rem 0}.project-checklist li{display:grid;grid-template-columns:44px 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line);color:var(--muted)}.project-checklist li:first-child{border-top:1px solid var(--line)}.project-checklist li span{font:500 .62rem monospace;color:var(--accent-text)}.page-cta{max-width:none}
@media(max-width:850px){.page-hero{min-height:580px}.page-hero__orbit{right:-28%;opacity:.4}.inner-section__intro,.catalog-item,.method-summary,.next-steps,.story-grid,.approach-split,.contact-layout,.honest-note{grid-template-columns:1fr}.catalog-item{gap:1.25rem}.catalog-item ul{margin-left:70px}.principle-grid{grid-template-columns:repeat(2,1fr)}.case-row{grid-template-columns:1fr}.case-row--reverse .case-art{order:0}.case-art{height:min(72vw,560px)}.story-grid>div:last-child{padding-top:0}.approach-orbit{max-width:400px;margin:auto}.honest-note .section-label{grid-column:auto}}
@media(max-width:560px){.page-hero{min-height:520px;padding-top:4rem}.page-hero__orbit{width:420px;right:-62%}.inner-section{padding-block:4.5rem}.catalog-item{grid-template-columns:42px 1fr}.catalog-item ul{grid-column:2;margin:0}.principle-grid{grid-template-columns:1fr}.principle-grid article,.principle-grid article+article{min-height:0;padding:1.75rem 0;border-right:0;border-bottom:1px solid var(--line)}.principle-grid h3{margin:2.5rem 0 .75rem}.contact-link{grid-template-columns:1fr auto}.contact-link span{grid-column:1/-1}.case-art{height:370px}.inner-section__intro{gap:1.5rem}.contact-layout{gap:4rem}}
@media(prefers-reduced-motion:reduce){.page-hero__orbit,.approach-orbit{transform:none}.page-hero__orbit{top:20%}}

/* Vibe Code lab: an asset-free prototype-to-production animation. */
.vibe-lab{isolation:isolate;perspective:1000px;background:radial-gradient(circle at 68% 54%,rgba(92,226,238,.18),transparent 24%),radial-gradient(circle at 18% 22%,rgba(121,85,244,.2),transparent 32%),linear-gradient(145deg,#080b17,#0b1122 62%,#070912)!important}
.vibe-lab:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.025) 48%,transparent 70%);transform:translateX(-100%);animation:vibe-glint 7s var(--ease) infinite;z-index:6;pointer-events:none}.vibe-lab__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(130,157,205,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(130,157,205,.055) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 78%,transparent);transform:perspective(600px) rotateX(62deg) scale(1.35) translateY(19%);transform-origin:center bottom;opacity:.7}
.vibe-lab:after{content:"";position:absolute;inset:-2px;z-index:9;pointer-events:none;background:radial-gradient(ellipse at center,transparent 54%,rgba(7,9,18,.12) 69%,var(--bg) 100%);box-shadow:inset 0 0 48px 14px var(--bg)}
.vibe-editor{position:absolute;width:72%;left:7%;top:14%;background:rgba(9,13,27,.82);border:1px solid rgba(141,173,224,.12);box-shadow:0 28px 65px rgba(0,0,0,.38),0 0 42px rgba(75,93,229,.08);backdrop-filter:blur(14px);transform:rotateY(7deg) rotateX(2deg) translateZ(28px);animation:vibe-editor-float 6s ease-in-out infinite;z-index:3}.vibe-editor__bar{height:42px;border-bottom:1px solid rgba(141,173,224,.09);display:flex;align-items:center;gap:6px;padding:0 12px;font:500 .47rem monospace;color:#7f8aa8;letter-spacing:.08em}.vibe-editor__bar>i{width:6px;height:6px;border-radius:50%;background:#3a4258}.vibe-editor__bar>i:first-child{background:#7955f4}.vibe-editor__bar>i:nth-child(2){background:#4a78ff}.vibe-editor__bar>i:nth-child(3){background:#5ce2ee}.vibe-editor__bar span{margin-left:8px}.vibe-editor__bar b{margin-left:auto;color:#5ce2ee;font-weight:500}.vibe-editor__body{min-height:230px;padding:24px 20px;display:grid;grid-template-columns:24px 1fr;position:relative}.vibe-editor__numbers{font:400 .54rem/2.05 monospace;color:#39435e}.vibe-editor code{font:400 clamp(.58rem,1vw,.77rem)/2.05 monospace;color:#aab5cd;white-space:nowrap}.code-violet{color:#aa85ff}.code-cyan{color:#5ce2ee}.code-blue{color:#6d94ff}.vibe-editor__cursor{position:absolute;width:7px;height:14px;left:66%;bottom:31px;background:#5ce2ee;box-shadow:0 0 12px rgba(92,226,238,.8);animation:vibe-cursor 1s steps(1) infinite}.vibe-editor__foot{height:34px;border-top:1px solid rgba(141,173,224,.09);display:flex;align-items:center;justify-content:space-between;padding:0 13px;font:500 .48rem monospace;color:#73809d;letter-spacing:.08em}.vibe-editor__foot span{display:flex;align-items:center;gap:6px}.vibe-editor__foot span i{width:5px;height:5px;border-radius:50%;background:#5ce2ee;box-shadow:0 0 10px #5ce2ee;animation:vibe-pulse 1.5s ease-in-out infinite}.vibe-editor__foot b{color:#5ce2ee;font-weight:500}
.vibe-pipeline{position:absolute;left:42%;right:19%;bottom:18%;height:1px;background:linear-gradient(90deg,rgba(92,226,238,.1),#5ce2ee 50%,rgba(121,85,244,.5));transform:rotate(-14deg);z-index:2}.vibe-pipeline span{position:absolute;inset:-1px 0;background:linear-gradient(90deg,transparent,#fff,transparent);transform:translateX(-100%);animation:vibe-flow 2.7s linear infinite}.vibe-pipeline i{position:absolute;width:7px;height:7px;border-radius:50%;background:#5ce2ee;top:-3px;box-shadow:0 0 12px #5ce2ee}.vibe-pipeline i:first-of-type{left:8%}.vibe-pipeline i:nth-of-type(2){left:49%}.vibe-pipeline i:nth-of-type(3){right:0;background:#9c7cff}
.vibe-core{position:absolute;width:34%;aspect-ratio:1;right:4%;bottom:5%;display:grid;place-items:center;transform-style:preserve-3d;z-index:4;animation:vibe-core-float 5s ease-in-out infinite}.vibe-core:before{content:"";position:absolute;inset:28%;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(133,244,255,.45),rgba(77,57,191,.42) 50%,rgba(6,9,21,.2) 72%);box-shadow:0 0 50px rgba(92,226,238,.22),inset -10px -14px 28px rgba(4,7,19,.8)}.vibe-core__ring{position:absolute;inset:10%;border:1px solid rgba(92,226,238,.4);border-radius:50%;transform:rotateX(67deg);animation:vibe-orbit 8s linear infinite}.vibe-core__ring:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#5ce2ee;left:-3px;top:50%;box-shadow:0 0 12px #5ce2ee}.vibe-core__ring--two{inset:19%;border-color:rgba(121,85,244,.52);transform:rotateY(67deg) rotateZ(35deg);animation-duration:11s;animation-direction:reverse}.vibe-core__ring--two:after{background:#a587ff;box-shadow:0 0 12px #9c7cff}.vibe-core__ring--three{inset:4%;border-style:dashed;border-color:rgba(109,148,255,.25);animation-duration:15s}.vibe-core>div{position:relative;z-index:2;text-align:center;display:grid}.vibe-core strong{font:500 clamp(.9rem,1.8vw,1.35rem)/1 Manrope;color:#d9fbff;letter-spacing:-.05em}.vibe-core span{font:500 .38rem/1.4 monospace;color:#5ce2ee;letter-spacing:.13em;margin-top:.35rem}
.vibe-checks span{position:absolute;z-index:5;padding:.52rem .68rem;background:rgba(9,14,29,.82);border:1px solid rgba(141,173,224,.17);box-shadow:0 12px 30px rgba(0,0,0,.25);font:500 .46rem monospace;color:#8894ad;letter-spacing:.05em;opacity:0;transform:translateY(8px);animation:vibe-check 6s var(--ease) infinite}.vibe-checks i{font-style:normal;color:#5ce2ee;margin-right:.4rem}.vibe-checks .is-one{right:7%;top:15%;animation-delay:.6s}.vibe-checks .is-two{right:3%;top:25%;animation-delay:1.25s}.vibe-checks .is-three{right:7%;top:35%;animation-delay:1.9s}.vibe-scan{position:absolute;left:0;right:0;height:1px;top:0;background:linear-gradient(90deg,transparent,rgba(92,226,238,.8),transparent);box-shadow:0 0 18px rgba(92,226,238,.5);opacity:.55;animation:vibe-scan 5.5s ease-in-out infinite;z-index:5}
.theme-light .vibe-lab{background:radial-gradient(circle at 68% 54%,rgba(18,184,201,.2),transparent 24%),radial-gradient(circle at 18% 22%,rgba(92,101,222,.15),transparent 32%),linear-gradient(145deg,#edf4f9,#dfe9f4 62%,#f4f7fb)!important}.theme-light .vibe-editor{background:rgba(255,255,255,.82);border-color:rgba(16,32,51,.16);box-shadow:0 28px 65px rgba(36,61,92,.16)}.theme-light .vibe-editor code{color:#43536a}.theme-light .vibe-editor__numbers{color:#a2adbc}.theme-light .vibe-editor__bar,.theme-light .vibe-editor__foot{border-color:rgba(16,32,51,.11);color:#68778b}.theme-light .vibe-checks span{background:rgba(255,255,255,.9);border-color:rgba(16,32,51,.13);color:#536276}.theme-light .vibe-core:before{background:radial-gradient(circle at 35% 30%,rgba(110,239,244,.65),rgba(92,101,222,.25) 50%,rgba(237,244,249,.3) 72%);box-shadow:0 0 44px rgba(18,184,201,.18),inset -10px -14px 25px rgba(57,81,126,.12)}.theme-light .vibe-core strong{color:#14304a}.theme-light .vibe-lab__grid{background-image:linear-gradient(rgba(35,69,105,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(35,69,105,.07) 1px,transparent 1px)}
@keyframes vibe-editor-float{50%{transform:rotateY(5deg) rotateX(1deg) translate3d(0,-8px,38px)}}@keyframes vibe-core-float{50%{transform:translateY(-7px) rotateY(8deg)}}@keyframes vibe-orbit{to{transform:rotateX(67deg) rotateZ(360deg)}}@keyframes vibe-cursor{50%{opacity:0}}@keyframes vibe-pulse{50%{opacity:.35;transform:scale(.7)}}@keyframes vibe-flow{to{transform:translateX(100%)}}@keyframes vibe-scan{0%,100%{top:4%;opacity:0}15%{opacity:.6}75%{opacity:.35}90%{top:94%;opacity:0}}@keyframes vibe-check{0%,8%{opacity:0;transform:translateY(8px)}15%,68%{opacity:1;transform:none}80%,100%{opacity:0;transform:translateY(-5px)}}@keyframes vibe-glint{0%,65%{transform:translateX(-100%)}90%,100%{transform:translateX(100%)}}
@media(max-width:850px){.vibe-editor{width:76%;left:5%}.vibe-editor__body{min-height:200px}.vibe-core{width:36%}.vibe-checks .is-one,.vibe-checks .is-two,.vibe-checks .is-three{right:3%}}
@media(max-width:680px){.vibe-editor{width:69%;top:9%}.vibe-editor__body{min-height:155px;padding:16px 13px}.vibe-editor__bar{height:34px}.vibe-editor__foot{height:28px}.vibe-core{width:34%;right:4%;bottom:3%}.vibe-checks .is-one{top:12%}.vibe-checks .is-two{top:27%}.vibe-checks .is-three{top:42%}}
@media(max-width:440px){.vibe-editor code{font-size:.5rem}.vibe-editor__bar b{display:none}.vibe-checks span{font-size:.4rem;padding:.4rem}.vibe-core span{font-size:.3rem}}
@media(prefers-reduced-motion:reduce){.vibe-lab:before,.vibe-editor,.vibe-editor__cursor,.vibe-editor__foot span i,.vibe-pipeline span,.vibe-core,.vibe-core__ring,.vibe-checks span,.vibe-scan{animation:none}.vibe-checks span{opacity:1;transform:none}.vibe-editor{transform:none}.vibe-core{transform:none}}

/* Transformation sequence: execute the prototype, then reveal the shipped product. */
.vibe-lab__grid{transform:none;background-size:30px 30px;mask-image:radial-gradient(circle at center,black,transparent 78%);opacity:.35}
.vibe-editor{width:78%;left:11%;top:12%;animation:vibe-code-to-product 11s var(--ease) infinite}
.vibe-editor code{position:relative;background:linear-gradient(90deg,currentColor 0 48%,#fff 50%,currentColor 52% 100%);background-size:220% 100%;background-position:100% 0;background-clip:text;-webkit-background-clip:text;animation:vibe-code-execute 11s linear infinite}
.vibe-editor__cursor{animation:vibe-cursor 1s steps(1) infinite,vibe-cursor-run 11s steps(5,end) infinite}
.vibe-editor__foot span:after{content:"AUDIT RUNNING"}.vibe-editor__foot span{font-size:0}.vibe-editor__foot span:after{font-size:.48rem}.vibe-editor__foot b:before{content:"06 / 06"}.vibe-editor__foot b{font-size:0}.vibe-editor__foot b:before{font-size:.48rem;animation:vibe-build-count 11s steps(1) infinite}
.vibe-checks span{animation-duration:11s}.vibe-checks .is-one{animation-delay:0s}.vibe-checks .is-two{animation-delay:0s}.vibe-checks .is-three{animation-delay:0s}
.vibe-build-stream{position:absolute;left:18%;right:18%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#5ce2ee 28%,#7955f4 72%,transparent);z-index:7;opacity:0;animation:vibe-build-stream 11s var(--ease) infinite}.vibe-build-stream span{position:absolute;inset:-1px 0;background:linear-gradient(90deg,transparent,#fff,transparent);animation:vibe-flow 1.1s linear infinite}.vibe-build-stream i{position:absolute;width:9px;height:9px;border-radius:50%;background:#5ce2ee;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #5ce2ee}.vibe-build-stream b{position:absolute;left:50%;top:16px;transform:translateX(-50%);font:500 .43rem monospace;letter-spacing:.16em;color:#7feaf3;white-space:nowrap}
.vibe-product{position:absolute;width:82%;height:72%;left:9%;top:14%;z-index:5;background:rgba(9,14,28,.9);border:1px solid rgba(141,173,224,.12);box-shadow:0 28px 72px rgba(0,0,0,.42),0 0 48px rgba(92,226,238,.07);overflow:hidden;opacity:0;transform:perspective(900px) rotateY(-12deg) scale(.72) translateZ(-80px);transform-origin:center;animation:vibe-product-reveal 11s var(--ease) infinite}.vibe-product__bar{height:34px;border-bottom:1px solid rgba(141,173,224,.14);display:flex;align-items:center;gap:5px;padding:0 11px;font:500 .42rem monospace;color:#74809c}.vibe-product__bar>i{width:5px;height:5px;border-radius:50%;background:#3a4258}.vibe-product__bar>i:first-child{background:#7955f4}.vibe-product__bar>i:nth-child(2){background:#4a78ff}.vibe-product__bar>i:nth-child(3){background:#5ce2ee}.vibe-product__bar>span{margin-left:7px;padding:.26rem .7rem;min-width:45%;border-radius:999px;background:rgba(255,255,255,.035)}.vibe-product__bar>b{margin-left:auto;color:#5ce2ee;font-weight:500;display:flex;align-items:center;gap:4px}.vibe-product__bar>b i{width:4px;height:4px;border-radius:50%;background:#5ce2ee;box-shadow:0 0 8px #5ce2ee}.vibe-product__nav{height:44px;padding:0 6%;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(141,173,224,.1)}.vibe-product__nav strong{font:600 .46rem Manrope;color:#e6ecfb;letter-spacing:.1em;margin-right:auto}.vibe-product__nav>span{width:24px;height:2px;background:#39435c}.vibe-product__nav button{border:0;border-radius:999px;background:#5ce2ee;color:#05151a;font:600 .38rem Manrope;padding:.42rem .65rem}.vibe-product__hero{margin:7% 6% 4%;height:45%;padding:7% 8%;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(121,85,244,.23),rgba(92,226,238,.08));border:1px solid rgba(141,173,224,.12)}.vibe-product__hero:before,.vibe-product__hero:after,.vibe-product__hero>span{content:"";position:absolute;width:42%;aspect-ratio:1;border:1px solid rgba(92,226,238,.25);border-radius:50%;right:5%;top:8%;transform:rotateX(67deg)}.vibe-product__hero:after{width:27%;right:12%;top:23%;border-color:rgba(121,85,244,.38);transform:rotateY(67deg)}.vibe-product__hero>span{width:9px;height:9px;right:25%;top:29%;border:0;background:#5ce2ee;box-shadow:0 0 18px #5ce2ee}.vibe-product__hero small{display:block;font:500 .34rem monospace;color:#5ce2ee;letter-spacing:.14em;margin-bottom:8%}.vibe-product__hero strong{position:relative;z-index:2;font:500 clamp(.95rem,2.3vw,1.65rem)/1 Manrope;color:#eef3ff;letter-spacing:-.055em}.vibe-product__hero strong em{font-style:normal;color:#5ce2ee}.vibe-product__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:4%;margin:0 6%}.vibe-product__cards i{height:38px;border:1px solid rgba(141,173,224,.11);background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(92,226,238,.04))}.vibe-product__stamp{position:absolute;right:5%;bottom:4%;font:500 .38rem monospace;letter-spacing:.12em;color:#71809a}.vibe-product__stamp span{display:inline-grid;place-items:center;width:15px;height:15px;margin-left:5px;border-radius:50%;background:#5ce2ee;color:#041318}.theme-light .vibe-product{background:rgba(255,255,255,.94);border-color:rgba(16,32,51,.1);box-shadow:0 26px 68px rgba(36,61,92,.14)}.theme-light .vibe-product__bar,.theme-light .vibe-product__nav{border-color:rgba(16,32,51,.1)}.theme-light .vibe-product__bar>span{background:rgba(16,32,51,.045)}.theme-light .vibe-product__nav strong{color:#183049}.theme-light .vibe-product__hero{background:linear-gradient(135deg,rgba(92,101,222,.12),rgba(18,184,201,.1));border-color:rgba(16,32,51,.1)}.theme-light .vibe-product__hero strong{color:#17304a}.theme-light .vibe-product__cards i{border-color:rgba(16,32,51,.1);background:linear-gradient(135deg,#fff,rgba(18,184,201,.06))}.theme-light .vibe-lab:after{background:radial-gradient(ellipse at center,transparent 54%,rgba(244,247,251,.12) 69%,var(--bg) 100%)}
@keyframes vibe-code-to-product{0%,43%{opacity:1;transform:rotateY(7deg) rotateX(2deg) translateZ(28px)}50%,82%{opacity:.14;transform:rotateY(0) scale(.82) translateY(-5%)}90%,100%{opacity:1;transform:rotateY(7deg) rotateX(2deg) translateZ(28px)}}
@keyframes vibe-code-execute{0%,8%{background-position:100% 0}39%,100%{background-position:-100% 0}}
@keyframes vibe-cursor-run{0%,8%{left:50%;bottom:72%}15%{left:47%;bottom:60%}22%{left:52%;bottom:48%}29%{left:56%;bottom:36%}36%,100%{left:66%;bottom:24%}}
@keyframes vibe-build-stream{0%,38%{opacity:0;transform:scaleX(.15)}44%,49%{opacity:1;transform:scaleX(1)}55%,100%{opacity:0;transform:scaleX(1)}}
@keyframes vibe-product-reveal{0%,47%{opacity:0;transform:perspective(900px) rotateY(-12deg) scale(.72) translateZ(-80px);filter:blur(5px)}57%,82%{opacity:1;transform:perspective(900px) rotateY(-2deg) scale(1) translateZ(30px);filter:none}90%,100%{opacity:0;transform:perspective(900px) rotateY(5deg) scale(.94);filter:blur(2px)}}
@keyframes vibe-build-count{0%,9%{content:"01 / 06"}15%{content:"02 / 06"}21%{content:"03 / 06"}27%{content:"04 / 06"}33%{content:"05 / 06"}39%,100%{content:"06 / 06"}}
@keyframes vibe-check{0%,10%{opacity:0;transform:translateY(8px)}16%,38%{opacity:1;transform:none}43%,100%{opacity:0;transform:translateY(-5px)}}
@media(max-width:680px){.vibe-editor{width:78%;left:11%}.vibe-product{width:86%;left:7%;height:80%;top:10%}.vibe-product__hero{height:47%}}
@media(prefers-reduced-motion:reduce){.vibe-editor{opacity:.18;transform:scale(.82)}.vibe-product{opacity:1;transform:none;filter:none}.vibe-build-stream{display:none}.vibe-editor code{animation:none}}

/* The lab has no canvas colour of its own: the real section background remains visible. */
.production-home .vibe-lab{background:radial-gradient(circle at 68% 54%,rgba(92,226,238,.14),transparent 27%),radial-gradient(circle at 24% 28%,rgba(121,85,244,.16),transparent 35%)!important}
.production-home .vibe-lab:after{background:radial-gradient(ellipse at center,transparent 63%,var(--bg) 100%);box-shadow:none}
.theme-light .production-home .vibe-lab{background:radial-gradient(circle at 68% 54%,rgba(18,184,201,.14),transparent 27%),radial-gradient(circle at 24% 28%,rgba(92,101,222,.1),transparent 35%)!important}
.theme-light .production-home .vibe-lab:after{background:radial-gradient(ellipse at center,transparent 63%,var(--bg) 100%)}

/* True four-sided blend: transparency reveals the actual page gradient underneath. */
.production-home .vibe-lab,.theme-light .production-home .vibe-lab{background:transparent!important;-webkit-mask-image:radial-gradient(ellipse 76% 82% at 50% 48%,#000 55%,rgba(0,0,0,.92) 68%,rgba(0,0,0,.45) 84%,transparent 100%);mask-image:radial-gradient(ellipse 76% 82% at 50% 48%,#000 55%,rgba(0,0,0,.92) 68%,rgba(0,0,0,.45) 84%,transparent 100%)}
.production-home .vibe-lab:after,.theme-light .production-home .vibe-lab:after{display:none}
.vibe-lab__grid{-webkit-mask-image:radial-gradient(ellipse at center,#000 38%,transparent 82%);mask-image:radial-gradient(ellipse at center,#000 38%,transparent 82%)}
@media(min-width:851px){.process{height:112vh}.work{padding-top:clamp(2.75rem,4vw,4rem)}}

/* Tighter transition from the process cards into selected work. */
@media(min-width:851px){.process{height:112vh}.work{padding-top:clamp(2.75rem,4vw,4rem)}}
@media(max-width:850px){.work{padding-top:3rem}}

/* Clear separation between the Why heading row and its visual composition. */
.why__experience{margin-top:clamp(3rem,5vh,4.5rem)}
@media(max-width:850px){.why__experience{margin-top:2rem}}

/* Timing refinement: preserve the opening state and ease the process fill. */
.process{height:140vh}
@media(max-width:850px){.process{height:auto}}
@media(prefers-reduced-motion:reduce){.process{height:auto}}

@media(min-width:851px){.process{height:120vh}}

/* Authoritative final handoff geometry. Keep this block last so the legacy
   exploration rules above cannot reopen the empty runway. */
@media(min-width:851px){
    .production-home .why{
        --why-exit-progress:0;
        --why-line-offset:32px;
        --why-line-opacity:0;
        height:220vh;
        padding:0 var(--pad);
        overflow:visible;
    }
    .why__sticky{
        position:sticky;
        top:clamp(-8rem,-8vw,-5.5rem);
        min-height:94vh;
        display:flex;
        flex-direction:column;
        justify-content:flex-start;
        padding:clamp(5.5rem,8vw,8rem) 0 clamp(5rem,7vw,7rem);
    }
    .why__sticky:after{display:none}
    .why:after{
        content:"";
        position:absolute;
        left:var(--pad);
        right:var(--pad);
        bottom:0;
        height:1px;
        background:linear-gradient(90deg,transparent,var(--line) 10%,var(--line) 90%,transparent);
        opacity:var(--why-line-opacity);
        transform:translateY(var(--why-line-offset)) scaleX(var(--why-exit-progress));
        transform-origin:center;
        box-shadow:0 0 14px rgba(92,226,238,.1);
        pointer-events:none;
    }
    .why__intro{margin-bottom:clamp(4.5rem,8vh,7rem)}
    .why-card{
        transition:transform .75s var(--ease),border-color .55s,background .55s,opacity .55s;
    }
    .why__experience{
        min-height:clamp(410px,44vh,500px);
        margin-top:0;
        margin-bottom:clamp(3rem,5vw,5rem);
    }
    .production-home .process{
        height:200vh;
        margin-top:0;
        padding:0 var(--pad);
    }
    .process__sticky{
        top:3vh;
        min-height:0;
        justify-content:flex-start;
        padding:clamp(5.5rem,8vw,8rem) 0 clamp(3rem,5vw,5rem);
    }
}
@media(max-width:850px){
    .production-home .why{height:auto;padding:4rem var(--pad)}
    .why__sticky{position:relative;top:auto;min-height:0;padding:0}
    .why:after,.why__sticky:after{display:none}
    .production-home .process{height:auto;padding:4rem var(--pad)}
    .process__sticky{padding:0}
}
@media(prefers-reduced-motion:reduce){
    .production-home .why{height:auto;padding:5rem var(--pad)}
    .why__sticky{position:relative;top:auto;min-height:0;padding:0}
    .why:after,.why__sticky:after{display:none}
    .production-home .process{height:auto;padding:5rem var(--pad)}
    .process__sticky{padding:0}
}

/* KoKo payment launch module. The robot deliberately breaks the frame. */
.production-home .koko-pay{
    position:relative;
    isolation:isolate;
    max-width:min(calc(var(--max) + var(--pad)*2),calc(100% - 2*var(--pad)));
    min-height:390px;
    margin:clamp(3rem,6vw,5rem) auto clamp(5rem,8vw,8rem);
    padding:clamp(2.6rem,4.5vw,4rem);
    display:flex;
    align-items:flex-start;
    overflow:visible;
    border:1px solid rgba(113,210,244,.22);
    border-radius:2rem .65rem 2rem .65rem;
    background:
        linear-gradient(112deg,rgba(8,10,31,.99) 0%,rgba(8,10,28,.98) 53%,rgba(14,12,42,.96) 100%);
    box-shadow:0 40px 100px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.05);
}
.koko-pay:before{
    content:"";
    position:absolute;
    inset:1rem;
    z-index:-1;
    border:1px solid rgba(105,229,242,.07);
    border-radius:1.4rem .35rem 1.4rem .35rem;
    background:
        linear-gradient(rgba(94,210,240,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(94,210,240,.025) 1px,transparent 1px);
    background-size:38px 38px;
    pointer-events:none;
}
.koko-pay:after{
    content:"";
    position:absolute;
    left:3rem;
    right:3rem;
    top:0;
    height:1px;
    background:linear-gradient(90deg,transparent,#5ce2ee 24%,#7955f4 66%,transparent);
    box-shadow:0 0 18px rgba(92,226,238,.28);
}
.koko-pay__content{position:relative;z-index:5;width:min(44%,500px);color:#f8f7ff}
.koko-pay__eyebrow{display:flex;align-items:center;gap:.65rem;margin:0 0 .7rem;color:#7feaf2;text-transform:uppercase;letter-spacing:.18em;font:500 .54rem monospace}
.koko-pay__eyebrow i{width:6px;height:6px;border-radius:50%;background:#5ce2ee;box-shadow:0 0 12px #5ce2ee}
.koko-pay h2{font-size:clamp(2.45rem,3.65vw,4rem);line-height:.92;margin-bottom:1rem;text-wrap:balance}
.koko-pay h2 em{color:#67e3ed}
.koko-pay__content>p:not(.koko-pay__eyebrow){max-width:410px;margin-bottom:1.45rem;color:#aeb5cf;font-size:clamp(.86rem,1.05vw,.97rem)}
.koko-pay__actions{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}
.koko-pay .button--primary{background:linear-gradient(105deg,#6ce8ef,#9b82ff);color:#071024;padding:.95rem 1.25rem}
.koko-pay__link{display:inline-flex;gap:.55rem;align-items:center;padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.18);font-size:.76rem;font-weight:600}
.koko-pay__content>small{display:block;margin-top:.9rem;color:#68718f;font-size:.56rem}
.koko-pay__brand{position:absolute;z-index:7;right:clamp(2rem,4vw,4rem);top:clamp(1.4rem,2.5vw,2.1rem);display:flex;flex-direction:column;align-items:flex-end}
.koko-pay__brand>span{display:block;width:clamp(150px,14vw,210px);height:clamp(66px,6.7vw,94px);padding:.35rem .7rem;overflow:hidden;border:1px solid rgba(255,255,255,.8);border-radius:1rem .3rem 1rem .3rem;background:#fff;box-shadow:0 20px 50px rgba(0,0,0,.3),7px 8px 0 rgba(0,207,216,.16),12px 13px 0 rgba(121,85,244,.1);animation:koko-brand-float 6.4s ease-in-out infinite}
.koko-pay__brand img{width:100%;height:100%;object-fit:contain}
.koko-pay__brand>small{margin-top:.75rem;color:#8b95b0;font:500 .46rem monospace;letter-spacing:.16em}
.koko-pay__visual{position:absolute;z-index:4;width:clamp(350px,34vw,500px);height:calc(100% + 58px);right:clamp(8rem,14vw,14rem);bottom:-2px;pointer-events:none}
.koko-pay__visual>img{position:absolute;z-index:3;right:-3%;bottom:0;width:auto;height:104%;max-width:none;object-fit:contain;filter:drop-shadow(0 24px 28px rgba(0,0,0,.34));animation:koko-robot-float 5.8s ease-in-out infinite}
.koko-pay__orbit{position:absolute;z-index:1;width:72%;aspect-ratio:1;right:2%;top:18%;border:1px solid rgba(92,226,238,.18);border-radius:50%;transform:rotateX(66deg) rotateZ(-18deg);animation:koko-banner-orbit 16s linear infinite}
.koko-pay__orbit:before,.koko-pay__orbit:after{content:"";position:absolute;inset:18%;border:1px solid rgba(121,85,244,.17);border-radius:50%}.koko-pay__orbit:after{inset:38%}
.koko-pay__orbit i{position:absolute;width:7px;height:7px;border-radius:50%;left:-4px;top:50%;background:#5ce2ee;box-shadow:0 0 13px #5ce2ee}.koko-pay__orbit i:nth-child(2){left:75%;top:7%;background:#9b7cff}.koko-pay__orbit i:nth-child(3){left:88%;top:73%;background:#f2abd1}
.koko-pay__modules{position:absolute;z-index:2;left:48%;bottom:2rem;display:flex;gap:.75rem;transform:perspective(700px) rotateY(-17deg) rotateX(8deg)}
.koko-pay__modules>i{--module-lift:0px;width:58px;height:72px;display:grid;place-items:end start;padding:.5rem;border:1px solid rgba(92,226,238,.18);border-radius:.7rem .2rem .7rem .2rem;background:linear-gradient(145deg,rgba(92,226,238,.08),rgba(121,85,244,.13));box-shadow:8px 12px 26px rgba(0,0,0,.24);font-style:normal;animation:koko-module-float 4.6s ease-in-out infinite}
.koko-pay__modules>i:nth-child(2){--module-lift:-10px;border-color:rgba(121,85,244,.28);animation-delay:-1.3s}.koko-pay__modules>i:nth-child(3){--module-lift:-20px;border-color:rgba(242,171,209,.22);animation-delay:-2.6s}
.koko-pay__modules span{color:#8792ae;font:500 .48rem monospace}
.koko-pay__signal{position:absolute;z-index:8;right:clamp(1.6rem,3vw,3rem);bottom:clamp(1.5rem,2.5vw,2.2rem);min-width:230px;display:flex;align-items:center;gap:.9rem;padding:.9rem 1.1rem;border:1px solid rgba(108,229,241,.2);border-radius:1rem .25rem 1rem .25rem;background:linear-gradient(110deg,rgba(14,27,77,.96),rgba(28,20,87,.94));box-shadow:0 18px 40px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.05);animation:koko-signal-float 5.2s ease-in-out infinite -1.1s}
.koko-pay__signal>i{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(92,226,238,.34);border-radius:50%;color:#6de7ef;font:500 .62rem monospace;font-style:normal;box-shadow:inset 0 0 15px rgba(92,226,238,.1)}
.koko-pay__signal span{display:flex;flex-direction:column}.koko-pay__signal strong{color:#f1f4ff;font:600 .7rem Manrope,sans-serif;text-transform:uppercase;letter-spacing:.06em}.koko-pay__signal small{margin-top:.22rem;color:#9aa3bf;font-size:.54rem}
@keyframes koko-banner-orbit{to{transform:rotateX(66deg) rotateZ(342deg)}}
@keyframes koko-robot-float{0%,100%{transform:translate3d(0,0,0) rotate(.4deg)}50%{transform:translate3d(0,-10px,0) rotate(-.8deg)}}
@keyframes koko-brand-float{0%,100%{transform:translate3d(0,0,0) rotate(1.5deg)}50%{transform:translate3d(-4px,-7px,0) rotate(-.3deg)}}
@keyframes koko-module-float{0%,100%{transform:translateY(var(--module-lift))}50%{transform:translateY(calc(var(--module-lift) - 7px))}}
@keyframes koko-signal-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-6px,0)}}

.floating-actions{
    position:fixed;
    right:clamp(1rem,2.5vw,2rem);
    bottom:clamp(1rem,2.5vw,2rem);
    z-index:190;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:.65rem;
}
.floating-action{
    width:3.35rem;
    height:3.35rem;
    display:grid;
    place-items:center;
    flex:0 0 auto;
    padding:0;
    border:1px solid var(--line);
    border-radius:50%;
    background:color-mix(in srgb,var(--surface) 92%,transparent);
    color:var(--ink);
    box-shadow:0 14px 35px rgba(0,0,0,.24);
    backdrop-filter:blur(14px);
    cursor:pointer;
    transition:opacity .25s var(--ease),transform .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease);
}
.floating-action:hover,.floating-action:focus-visible{transform:translateY(-3px);border-color:var(--accent);outline:none}
.floating-action svg{width:1.45rem;height:1.45rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.floating-action--top{opacity:0;visibility:hidden;transform:translateY(12px);pointer-events:none}
.floating-action--top.is-visible{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.floating-action--top.is-visible:hover,.floating-action--top.is-visible:focus-visible{transform:translateY(-3px)}
.floating-action--whatsapp{background:#25d366;color:#fff;border-color:#25d366}
.floating-action--whatsapp:hover,.floating-action--whatsapp:focus-visible{background:#128c7e;border-color:#128c7e}
.floating-action--whatsapp svg{width:1.65rem;height:1.65rem}

.koko-notice{
    position:fixed;
    right:clamp(1rem,2.5vw,2rem);
    bottom:calc(clamp(1rem,2.5vw,2rem) + 8.7rem);
    z-index:180;
    width:min(520px,calc(100vw - 2rem));
    min-height:188px;
    display:grid;
    grid-template-columns:190px 1fr;
    align-items:center;
    overflow:visible;
    border:1px solid rgba(104,224,241,.24);
    border-radius:2.5rem .9rem 2.5rem .9rem;
    background:
        linear-gradient(115deg,rgba(8,10,31,.98),rgba(9,10,28,.94)),
        radial-gradient(circle at 18% 45%,rgba(88,71,234,.28),transparent 40%);
    color:#f8f7ff;
    box-shadow:0 28px 90px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.06),0 0 0 1px rgba(109,232,242,.04);
    backdrop-filter:blur(18px);
    opacity:0;
    visibility:hidden;
    transform:translateY(28px) scale(.94);
    transform-origin:85% 100%;
    transition:opacity .55s var(--ease),transform .55s var(--ease),visibility .55s;
}
.koko-notice:before{content:"";position:absolute;left:190px;right:2rem;top:0;height:1px;background:linear-gradient(90deg,#5ce2ee,rgba(121,85,244,.5),transparent);box-shadow:0 0 14px rgba(92,226,238,.35)}
.koko-notice:after{content:"PAYMENT CHANNEL / 03";position:absolute;right:2.8rem;bottom:.75rem;color:rgba(141,151,184,.42);font:500 .43rem monospace;letter-spacing:.15em}
.koko-notice.is-visible{opacity:1;visibility:visible;transform:none}
.koko-notice__portal{position:relative;align-self:stretch;min-height:188px;overflow:visible;isolation:isolate}
.koko-notice__portal:before{content:"";position:absolute;width:156px;aspect-ratio:1;left:15px;top:18px;border-radius:50%;background:radial-gradient(circle,rgba(80,202,245,.16),rgba(95,65,224,.09) 38%,transparent 69%);box-shadow:inset 0 0 28px rgba(91,226,238,.08)}
.koko-notice__portal>img{position:absolute;z-index:3;left:-20px;bottom:-4px;width:222px;height:244px;max-width:none;object-fit:contain;filter:drop-shadow(0 16px 24px rgba(0,0,0,.3));animation:koko-popup-float 5s ease-in-out infinite}
.koko-notice__portal>b{position:absolute;z-index:5;left:18px;bottom:15px;padding:.3rem .42rem;border:1px solid rgba(92,226,238,.24);border-radius:999px;color:#5ce2ee;background:#080b22;font:500 .45rem monospace;letter-spacing:.12em}
.koko-notice__orbit{position:absolute;z-index:2;width:150px;aspect-ratio:1;left:19px;top:21px;border:1px solid rgba(92,226,238,.22);border-radius:50%;transform:rotateX(68deg) rotateZ(-12deg);animation:koko-notice-orbit 8s linear infinite}
.koko-notice__orbit:before,.koko-notice__orbit:after{content:"";position:absolute;inset:18%;border:1px solid rgba(121,85,244,.2);border-radius:50%}.koko-notice__orbit:after{inset:37%}
.koko-notice__orbit i{position:absolute;width:6px;height:6px;border-radius:50%;background:#5ce2ee;box-shadow:0 0 11px #5ce2ee;left:-3px;top:50%}.koko-notice__orbit i:nth-child(2){left:72%;top:7%;background:#9b7cff}.koko-notice__orbit i:nth-child(3){left:83%;top:78%}
.koko-notice__body{position:relative;z-index:5;padding:1.5rem 3.1rem 1.55rem .3rem}
.koko-notice__body>span{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:#7beaf2;text-transform:uppercase;letter-spacing:.14em;font:500 .47rem monospace}
.koko-notice__body>span i{width:5px;height:5px;border-radius:50%;background:#5ce2ee;box-shadow:0 0 9px #5ce2ee}
.koko-notice__body strong{display:block;font:600 1.16rem/1.18 Manrope,sans-serif;letter-spacing:-.025em}
.koko-notice__body strong em{color:#78e8f1;font-style:normal;font-weight:500}
.koko-notice__steps{display:flex;align-items:center;gap:0;margin-top:.85rem}
.koko-notice__steps i{position:relative;width:40px;color:#7d86a6;font:500 .47rem monospace;font-style:normal}
.koko-notice__steps i:before{content:"";display:block;width:6px;height:6px;margin-bottom:.28rem;border:1px solid #69728f;border-radius:50%;background:#090b20}
.koko-notice__steps i:not(:last-child):after{content:"";position:absolute;left:6px;top:3px;width:34px;height:1px;background:linear-gradient(90deg,#5ce2ee,#7955f4)}
.koko-notice__steps i:first-child:before{background:#5ce2ee;border-color:#5ce2ee;box-shadow:0 0 9px #5ce2ee;animation:koko-step-pulse 2.2s ease-in-out infinite}
.koko-notice__body a{display:inline-flex;gap:.5rem;margin-top:.8rem;color:#c1b3ff;font-size:.68rem;font-weight:600}
.koko-notice__close{position:absolute;right:.8rem;top:.7rem;z-index:8;width:2rem;height:2rem;border:1px solid rgba(255,255,255,.07);border-radius:50%;background:rgba(255,255,255,.02);color:#9299b4;cursor:pointer;font-size:1.15rem;line-height:1}
.koko-notice__close:hover,.koko-notice__close:focus-visible{background:rgba(255,255,255,.08);color:#fff}
.theme-light .koko-notice{background:linear-gradient(115deg,rgba(246,249,255,.98),rgba(235,241,251,.96));color:#15213a;border-color:rgba(24,113,150,.2);box-shadow:0 24px 70px rgba(30,44,78,.2)}
.theme-light .koko-notice__close:hover,.theme-light .koko-notice__close:focus-visible{background:rgba(21,33,58,.07);color:#15213a}
@keyframes koko-notice-orbit{to{transform:rotateX(68deg) rotateZ(348deg)}}
@keyframes koko-popup-float{0%,100%{transform:translate3d(0,0,0) rotate(.4deg)}50%{transform:translate3d(0,-8px,0) rotate(-1deg)}}
@keyframes koko-step-pulse{50%{transform:scale(1.35);box-shadow:0 0 16px #5ce2ee}}

@media(max-width:900px){
    .production-home .koko-pay{min-height:500px;margin-top:4.5rem;padding:2.2rem}
    .koko-pay__content{width:min(56%,430px)}
    .koko-pay__brand{right:1.5rem;top:1.5rem}
    .koko-pay__brand>span{width:145px;height:64px}
    .koko-pay__visual{width:min(390px,48vw);height:calc(100% + 42px);right:5rem;bottom:0}
    .koko-pay__visual>img{height:101%}
    .koko-pay__modules{display:none}
    .koko-pay__signal{right:1.4rem;bottom:1.3rem;min-width:205px}
}
@media(max-width:560px){
    .production-home .koko-pay{max-width:calc(100% - 2rem);min-height:650px;margin-block:4rem 4.5rem;padding:1.6rem 1.35rem;align-items:flex-end}
    .koko-pay__brand{left:1.25rem;right:auto;top:1.25rem;align-items:flex-start}
    .koko-pay__brand>span{width:124px;height:56px}
    .koko-pay__brand>small{display:none}
    .koko-pay__visual{width:320px;height:340px;right:-62px;top:-42px;bottom:auto}
    .koko-pay__visual>img{right:-5%;height:100%}
    .koko-pay__content{width:100%}
    .koko-pay h2{font-size:clamp(2.25rem,11vw,3.2rem)}
    .koko-pay__actions{align-items:flex-start;flex-direction:column;gap:.8rem}
    .koko-pay__content>small{margin-top:.9rem}
    .koko-pay__signal{display:none}
    .floating-actions{right:.75rem;bottom:.75rem;gap:.5rem}
    .floating-action{width:3.1rem;height:3.1rem}
    .koko-notice{width:calc(100vw - 1.5rem);right:.75rem;bottom:8rem;grid-template-columns:122px 1fr;min-height:164px;border-radius:1.8rem .7rem 1.8rem .7rem}
    .koko-notice:before{left:122px}.koko-notice:after{display:none}
    .koko-notice__portal{min-height:164px}
    .koko-notice__portal:before{width:112px;left:4px;top:28px}
    .koko-notice__portal>img{left:-18px;bottom:0;width:154px;height:184px;object-position:52% 47%;border-radius:0 0 0 1.7rem}
    .koko-notice__orbit{width:110px;left:5px;top:29px}
    .koko-notice__portal>b{left:7px;bottom:12px}
    .koko-notice__body{padding:1.25rem 2.4rem 1.25rem .1rem}
    .koko-notice__body>span{max-width:190px;line-height:1.45}
    .koko-notice__body strong{font-size:1rem}
}
@media(prefers-reduced-motion:reduce){
    .koko-pay__visual>img,.koko-pay__brand>span,.koko-pay__modules>i,.koko-pay__signal,.koko-notice__portal>img,.koko-notice__steps i:first-child:before{animation:none;transition:none}
    .koko-pay__orbit{animation:none}
    .koko-notice{transition:none}
    .koko-notice__orbit{animation:none}
    .floating-action{transition:none}
}