.orb-container{z-index:0;width:100%;height:100%;position:relative;overflow:hidden}.orb-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}
.tech-hero{min-height:100svh;margin-top:calc(-1 * var(--header-h));padding-top:var(--header-h);color:#fff;align-items:center;display:flex;position:relative;overflow:hidden}.tech-hero:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 20%,#0000 75%)}.tech-hero-rays,.tech-hero-rays>*{position:absolute;inset:0}.tech-hero-inner{z-index:1;grid-template-columns:minmax(0,11fr) minmax(0,10fr);align-items:center;gap:clamp(32px,5vw,80px);padding-block:72px;display:grid;position:relative}.tech-hero .eyebrow{color:#8fb2ff}.tech-hero h1{letter-spacing:-.05em;animation:rise .8s var(--ease-out) both;margin-top:20px;font-size:clamp(40px,4.6vw,68px);font-weight:600;line-height:1.04}.tech-hero h1 em{background:linear-gradient(90deg,#8fb2ff,#fff 60%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal;display:block}.tech-hero-lede{max-width:600px;font-size:var(--text-lg);color:var(--night-ink-2);animation:rise .8s 80ms var(--ease-out) both;margin-top:24px}.tech-hero-actions{animation:rise .8s .16s var(--ease-out) both;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:32px;display:flex}.tech-ghost{font-size:var(--text-sm);color:#fff;align-items:center;gap:6px;font-weight:600;display:inline-flex}.tech-ghost svg{width:16px;height:16px;transition:transform .2s var(--ease-out)}.tech-ghost:hover svg{transform:translateY(3px)}.ac-stage{--ring:min(34vw, 460px);width:calc(var(--ring) + 120px);aspect-ratio:1;justify-self:center;place-items:center;max-width:100%;display:grid;position:relative}.ac-orb{aspect-ratio:1;width:72%;position:absolute;-webkit-mask-image:radial-gradient(circle,#000 52%,#0000 70%);mask-image:radial-gradient(circle,#000 52%,#0000 70%)}.ac-orb>*{position:absolute;inset:0}.ac-center{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:var(--text-sm);background:#0b0d1033;border:1px solid #ffffff59;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-weight:600;display:inline-flex;position:relative}.ac-pulse{width:8px;height:8px;animation:ac-pulse 2s var(--ease-out) infinite;background:#7cf2b0;border-radius:50%;box-shadow:0 0 #7cf2b099}@keyframes ac-pulse{to{box-shadow:0 0 0 10px #7cf2b000}}.ac-ring{border:1px dashed var(--line-strong);border-radius:50%;animation:60s linear infinite ac-turn;position:absolute;inset:0}.ac-ring li{transform:rotate(calc(360deg / var(--n) * var(--i))) translateY(calc(var(--ring) / -2 - 60px)) rotate(calc(-360deg / var(--n) * var(--i)));position:absolute;top:50%;left:50%}.ac-chip{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-card);font-size:var(--text-sm);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-weight:500;animation:60s linear infinite reverse ac-turn;display:inline-flex;translate:-50% -50%}.ac-chip svg{width:15px;height:15px;color:var(--brand)}@keyframes ac-turn{to{rotate:360deg}}.ac-event{border:1px solid var(--line);border-radius:var(--radius-card);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:240px;box-shadow:var(--shadow-float);text-align:left;animation:ac-event 3.2s var(--ease-out) both;gap:2px;padding:14px 16px;display:grid;position:absolute;bottom:8%;right:-4%}.ac-event .status{justify-self:start;margin-bottom:6px}.ac-event strong{font-size:var(--text-sm);font-weight:600}.ac-event small{font-size:var(--text-xs);color:var(--ink-3)}@keyframes ac-event{0%{opacity:0;transform:translateY(12px)scale(.98)}12%,86%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}:root{--tech-page:var(--surface)}.tech-band{position:relative}.tech-band>.shell{z-index:1;position:relative}.tech-band:after{content:"";height:var(--section-y);background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--tech-page) 6%, transparent) 25%, color-mix(in srgb, var(--tech-page) 22%, transparent) 45%, color-mix(in srgb, var(--tech-page) 52%, transparent) 65%, color-mix(in srgb, var(--tech-page) 84%, transparent) 85%, var(--tech-page));pointer-events:none;position:absolute;inset:auto 0 0}.tech-stack{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.tech-stack .section-head{margin-bottom:0}.stack-legend{border-top:1px solid var(--line);margin-top:32px;display:grid}.stack-legend li{border-bottom:1px solid var(--line);transition:color .4s var(--ease-out);grid-template-columns:36px 120px minmax(0,1fr);align-items:baseline;gap:12px;padding:14px 0;display:grid}.stack-legend .mono{font-size:var(--text-xs);color:var(--ink-3)}.stack-legend strong{font-weight:600}.stack-tags{font-size:var(--text-sm);color:var(--ink-2)}.stack-legend li.is-active,.stack-legend li.is-active .mono{color:var(--brand)}.stack-art{--plane:min(300px, 62vw);--gap:calc(var(--plane) * .3);height:calc(var(--plane) * .6 + var(--gap) * 3 + 40px);perspective:1600px;position:relative}.stack-plane{z-index:calc(var(--n) - var(--i));left:50%;top:calc(var(--i) * var(--gap));width:var(--plane);height:var(--plane);margin-left:calc(var(--plane) / -2);margin-top:calc(var(--plane) * -.2);border:1px solid var(--line-strong);background:linear-gradient(var(--line) 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(90deg, var(--line) 1px, transparent 1px) 0 0 / 24px 24px, color-mix(in srgb, var(--surface) 88%, transparent);transition:transform .5s var(--ease-out), border-color .4s var(--ease-out), box-shadow .4s var(--ease-out);border-radius:28px;position:absolute;transform:rotateX(60deg)rotate(-45deg);box-shadow:0 30px 50px -30px #0b0d1040}.stack-plane:first-of-type{border-color:var(--night-line);background:linear-gradient(#ffffff14 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(90deg, #ffffff14 1px, transparent 1px) 0 0 / 24px 24px, var(--night)}.stack-plane.is-active{z-index:calc(var(--n) + 1);border-color:var(--brand);box-shadow:0 0 0 1px var(--brand), 0 30px 70px -20px #1964fe66;transform:rotateX(60deg)rotate(-45deg)translateZ(14px)}.stack-plane-label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink-3);transition:color .4s var(--ease-out);position:absolute;bottom:14px;left:18px}.stack-plane:first-of-type .stack-plane-label{color:#8fb2ff}.stack-plane.is-active .stack-plane-label{color:var(--brand)}.stack-beam{z-index:calc(var(--n) + 2);left:50%;top:calc(var(--plane) * .3);height:calc(var(--gap) * 3);background:linear-gradient(color-mix(in srgb, var(--brand) 35%, transparent), transparent);pointer-events:none;width:2px;margin-left:-1px;position:absolute}.stack-beam:after{content:"";top:calc(var(--active) * var(--gap) - 5px);background:var(--brand);width:10px;height:10px;box-shadow:0 0 16px var(--brand);transition:top .9s var(--ease-out);border-radius:50%;position:absolute;left:-4px}.stack-art[data-jump] .stack-beam:after{transition:none}.engine:nth-of-type(2n){background:var(--surface);border-block:1px solid var(--line)}.engine-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.engine.is-flip .engine-copy{order:2}.engine-copy h2{font-size:var(--display-md);letter-spacing:-.04em;margin-top:14px;font-weight:600;line-height:1.08}.engine-body{max-width:520px;font-size:var(--text-lg);color:var(--ink-2);margin-top:16px}.engine-points{gap:18px;margin-top:32px;display:grid}.engine-points li{grid-template-columns:32px minmax(0,1fr);gap:12px;display:grid}.engine-points .mono{font-size:var(--text-xs);color:var(--brand);padding-top:2px}.engine-points h3{font-size:var(--text-base);font-weight:600}.engine-points p{font-size:var(--text-sm);color:var(--ink-2);margin-top:2px}.engine-visual{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.engine-canvas{aspect-ratio:4/3;border:1px solid var(--line);border-radius:var(--radius-panel);background:radial-gradient(circle at 50% 50%, var(--brand-tint), transparent 70%), var(--paper);place-items:center;padding:24px;display:grid}.engine:nth-of-type(2n) .engine-canvas{background:radial-gradient(circle at 50% 50%, var(--brand-tint), transparent 70%), var(--surface)}.engine-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.engine-stats>div{border:1px solid var(--line);border-radius:var(--radius-card);flex-direction:column-reverse;gap:2px;padding:16px 18px;display:flex}.engine-stats dd{font-size:var(--display-sm);letter-spacing:-.03em}.engine-stats dt{font-size:var(--text-sm);color:var(--ink-3)}.engine-art{width:100%;height:auto;overflow:visible}.art-caption{font-family:var(--font-mono);fill:var(--ink-3);font-size:11px}.ca-scene{animation:ca-scene var(--ca-cycle,8s) linear both}.ca-product-bg{fill:#fff}.ca-product-frame{fill:none;stroke:var(--line-strong);stroke-width:1.2px}.ca-flow,.ba-join{fill:none;stroke:var(--line-strong);stroke-width:1.2px;stroke-dasharray:3 5;animation:1.4s linear infinite art-dash}.ca-reveal{fill:none;stroke:#fff;stroke-width:6px;stroke-dasharray:1 1;animation:.8s cubic-bezier(.4,0,.2,1) both ca-draw}.ca-ring{fill:none;stroke-width:1.2px;stroke-dasharray:2 4;animation:ca-ring .7s var(--ease-out) both}.ca-product,.ca-dot,.ca-campaign{animation:ca-pop .5s var(--ease-out) both}.ca-morph{animation:50ms linear forwards ca-hide;animation-delay:var(--t)}.ca-badge{filter:drop-shadow(0 3px 6px #0a14281f);animation:.6s cubic-bezier(.3,0,.2,1) both ca-badge;animation-delay:var(--t)}.ca-float{animation:ca-float var(--float) ease-in-out calc(var(--t) + .6s) infinite alternate both}.ca-pill{fill:none;stroke-linecap:round;stroke-dasharray:1 2;animation:.6s cubic-bezier(.3,0,.2,1) both ca-pill;animation-delay:var(--t)}.ca-pill-edge{stroke:var(--line-strong);animation:.6s cubic-bezier(.3,0,.2,1) both ca-pill,.4s both ca-fade;animation-delay:var(--t), calc(var(--t) + .1s)}.ca-pill-base{stroke:var(--paper)}.ca-pill-tint{opacity:.14;animation:.6s cubic-bezier(.3,0,.2,1) both ca-pill,.45s cubic-bezier(.2,0,.3,1) both ca-tint;animation-delay:var(--t)}.ca-badge text{font-family:var(--font-mono);fill:var(--ink);animation:ca-rise .35s var(--ease-out) both;animation-delay:calc(var(--t) + .35s);font-size:11px;font-weight:500}.ca-card{fill:var(--paper);stroke:var(--line);stroke-width:1px}.ca-campaign-name{font-family:var(--font-mono);fill:var(--ink);font-size:12px;font-weight:500}.ca-campaign-kind{fill:var(--ink-3);font-size:10.5px}.ca-group{fill:var(--paper);stroke:var(--line)}.ca-group-label{fill:var(--ink-2);font-size:10px;font-weight:500}.c1{fill:#1964fe;stroke:#1964fe}.c2{fill:#4f8bff;stroke:#4f8bff}.c3{fill:#8fb2ff;stroke:#8fb2ff}.c4{fill:#0a3fb0;stroke:#0a3fb0}.ca-ring.c1,.ca-ring.c2,.ca-ring.c3,.ca-ring.c4{fill:none}.ca-product,.ca-dot,.ca-badge,.ca-campaign,.ca-ring{transform-box:fill-box;transform-origin:50%}@keyframes ca-scene{0%,94%{opacity:1}to{opacity:0}}@keyframes ca-pop{0%{opacity:0;transform:scale(.4)}}@keyframes ca-fade{0%{opacity:0}}@keyframes ca-ring{0%{opacity:0;transform:scale(.6)}}@keyframes ca-hide{to{opacity:0}}@keyframes ca-tint{0%{opacity:1}}@keyframes ca-badge{0%{opacity:0;transform:translate(var(--dx), var(--dy))}1%{opacity:1;transform:translate(var(--dx), var(--dy))}}@keyframes ca-pill{0%{stroke-width:var(--dot);stroke-dasharray:0 2;stroke-dashoffset:-.5px}}@keyframes ca-rise{0%{opacity:0;transform:translateY(3px)}}@keyframes ca-float{to{transform:translateY(-3px)}}@keyframes ca-draw{0%{stroke-dashoffset:1px}}@keyframes art-dash{to{stroke-dashoffset:-16px}}.ba-wave{fill:none;stroke:var(--brand);stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:260;animation:ba-draw 4s var(--ease-out) infinite}.ba-wave:first-of-type{stroke-opacity:1}@keyframes ba-draw{0%{stroke-dashoffset:260px}45%,to{stroke-dashoffset:0}}.ba-core{fill:var(--ink);stroke:var(--brand);stroke-width:3px}.ba-band{fill:none;stroke-width:12px;stroke-linecap:round}.ba-band.is-low{stroke:var(--ok)}.ba-band.is-medium{stroke:#e0a100}.ba-band.is-high{stroke:var(--high)}.ba-needle line{stroke:var(--ink);stroke-width:3px;stroke-linecap:round}.ba-needle{animation:ba-needle 4s var(--ease-out) infinite}@keyframes ba-needle{0%,10%{transform:rotate(10deg)}40%,55%{transform:rotate(72deg)}75%,90%{transform:rotate(28deg)}to{transform:rotate(10deg)}}.ba-hub{fill:var(--ink)}.safeguards{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.safeguards>li{background:var(--surface)}.safeguard{flex-direction:column;gap:6px;height:100%;padding:28px;display:flex}.safeguard strong{letter-spacing:-.03em;color:var(--ink);font-size:clamp(28px,2.8vw,40px);font-weight:600}.safeguard span{font-size:var(--text-sm);color:var(--ink-3)}@media (max-width:1160px){.ac-stage{--ring:24vw}.tech-stack,.engine-grid{grid-template-columns:minmax(0,1fr)}.engine.is-flip .engine-copy{order:0}}@media (max-width:900px){.tech-hero-inner{grid-template-columns:minmax(0,1fr);padding-block:56px 40px}.ac-stage{--ring:min(64vw, 420px)}}@media (max-width:700px){.ac-stage{--ring:48vw;width:100%}.ac-chip{font-size:var(--text-xs);padding:5px 9px}.ac-event{min-width:0;max-width:78%;bottom:-4%;right:0}.stack-legend li{grid-template-columns:32px minmax(0,1fr)}.stack-tags{grid-column:2}.safeguards{grid-template-columns:minmax(0,1fr)}.engine-canvas{padding:14px}}@media (prefers-reduced-motion:reduce){.ac-ring,.ac-chip,.ca-scene,.ca-product,.ca-flow,.ca-reveal,.ca-ring,.ca-dot,.ca-badge,.ca-float,.ca-pill,.ca-badge text,.ca-campaign,.ba-join,.ba-wave,.ba-needle{animation:none}.ca-morph{opacity:0;animation:none}}
