/* Scroll scenes enhance the existing static layout only when motion is enabled. */
.hero-backdrop,.hero-grid,.circuit,.chip-aura,.scroll-chapter,.scroll-cue,.scene-progress,.die-core{display:none}
.motion-enabled{scroll-behavior:auto}
.feature-sticky{position:relative;isolation:isolate;min-height:inherit;overflow:hidden}
.motion-enabled .announcement{display:none}
.motion-enabled .hero{height:220svh;padding:0;overflow:visible;position:relative}
.motion-enabled .hero-sticky{position:sticky;top:64px;height:calc(100svh - 64px);overflow:hidden;isolation:isolate;background:#f5f5f7}
.motion-enabled .hero-backdrop{display:block;position:absolute;inset:0;background:radial-gradient(ellipse at 74% 55%,#133766 0%,#091a32 25%,#030914 64%);opacity:0;z-index:-2}
.motion-enabled .hero-grid{display:block;position:absolute;left:-40%;right:-40%;top:12%;bottom:-55%;background:linear-gradient(90deg,#3e87e333 1px,transparent 1px),linear-gradient(#3e87e333 1px,transparent 1px);background-size:75px 75px;transform:perspective(650px) rotateX(62deg) translateY(55px);mask-image:radial-gradient(ellipse,#000c,transparent 64%);opacity:0;z-index:-1}
/* Light and circuitry around the chip, positioned and scaled by motion.js. */
.motion-enabled .circuit{display:block;position:absolute;left:0;top:0;width:1600px;height:1000px;overflow:visible;opacity:0;z-index:-1;pointer-events:none;fill:none;stroke-linecap:round;mask-image:radial-gradient(ellipse closest-side,#000 50%,transparent);will-change:transform,opacity}
.circuit-lines{stroke:#3f7fd0;stroke-opacity:.5;stroke-width:1.4}
@keyframes circuit-flow{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
.circuit-pulses{stroke:#9fd8ff;stroke-width:2.2;stroke-dasharray:70 930;stroke-dashoffset:1000}
.motion-enabled .circuit.is-live .circuit-pulses path{animation:circuit-flow 3.4s linear infinite}
.motion-enabled .circuit.is-live .circuit-pulses path:nth-child(3n+2){animation-delay:-1.1s}.motion-enabled .circuit.is-live .circuit-pulses path:nth-child(3n){animation-delay:-2.3s}.motion-enabled .circuit.is-live .circuit-pulses path:nth-child(4n){animation-duration:4.2s}
.motion-enabled .chip-aura{display:block;position:absolute;left:0;top:0;width:1000px;height:1000px;border-radius:50%;background:radial-gradient(circle,#2f7dff52 0%,#1a56b82b 32%,#0b2a5c00 68%);opacity:0;z-index:-1;pointer-events:none;will-change:transform,opacity}
.motion-enabled .hero-copy{position:absolute;top:6%;left:0;right:0;z-index:3;will-change:transform,opacity}
@keyframes rise{from{opacity:0;transform:translate3d(0,28px,0)}}
@keyframes chip-rise{from{opacity:0;transform:translate3d(0,70px,0)}}
@keyframes fade-in{from{opacity:0}}
.motion-enabled .hero-copy>*{animation:rise 1.1s cubic-bezier(.16,1,.3,1) backwards}
.motion-enabled .hero-copy>:nth-child(2){animation-delay:.08s}.motion-enabled .hero-copy>:nth-child(3){animation-delay:.2s}.motion-enabled .hero-copy>:nth-child(4){animation-delay:.3s}
.motion-enabled .hero h1{font-size:clamp(48px,8.5svh,76px)}
.motion-enabled .chip-stage{position:absolute;left:0;right:0;top:51%;height:310px;margin:0;max-width:none;z-index:2;animation:chip-rise 1.6s .15s cubic-bezier(.16,1,.3,1) backwards}
.motion-enabled .chip-perspective{top:0;perspective:calc(1100*var(--u));will-change:transform}
.motion-enabled .chip-package{will-change:transform}
.motion-enabled .substrate{overflow:visible;transform-style:preserve-3d}
.motion-enabled .chip-traces{border-radius:calc(10*var(--u))}
.motion-enabled .die-core{display:block;position:absolute;inset:calc(58*var(--u));border-radius:calc(3*var(--u));background:repeating-linear-gradient(0deg,#ffffff14 0 calc(0.6*var(--u)),transparent calc(0.6*var(--u)) calc(5*var(--u))),repeating-linear-gradient(90deg,#ffffff14 0 calc(0.6*var(--u)),transparent calc(0.6*var(--u)) calc(5*var(--u))),linear-gradient(135deg,#2a1b6e 0%,#1f4fd1 30%,#0fa3c4 55%,#5b3fd6 80%,#1c2d7a 100%);border:calc(1*var(--u)) solid #9ad8ff;box-shadow:0 0 calc(30*var(--u)) #3b8cff99,0 0 0 calc(8*var(--u)) #3b82f614;transform:translateZ(calc(16*var(--u)));opacity:0}
.die-core>div{position:absolute;inset:18%;border-radius:calc(2*var(--u));border:calc(1*var(--u)) solid #c9ecff99;background:linear-gradient(90deg,transparent 48%,#c9ecff70 48% 52%,transparent 52%),linear-gradient(0deg,transparent 48%,#c9ecff70 48% 52%,transparent 52%),repeating-linear-gradient(90deg,#9fe0ff45 0 21%,transparent 21% 26%),repeating-linear-gradient(0deg,#9fe0ff2e 0 21%,transparent 21% 26%),linear-gradient(135deg,#5ab8ff66,#7c5cff4d);box-shadow:0 0 calc(16*var(--u)) #7fd0ffaa}
.motion-enabled .processor{will-change:transform;transform-style:preserve-3d}
.motion-enabled .processor-inner{overflow:hidden}
.motion-enabled .processor-inner::after{content:'';position:absolute;top:-10%;bottom:-10%;left:0;width:60%;background:linear-gradient(105deg,transparent 30%,#ffffff38 50%,transparent 70%);transform:translateX(var(--sheen,-120%));pointer-events:none}
@keyframes scan{from{transform:translateY(-100%)}to{transform:translateY(100%)}}
.motion-enabled .die-core{overflow:hidden}
.motion-enabled .die-core::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,#9fe2ff55 50%,transparent 62%);animation:scan 2.8s cubic-bezier(.45,0,.55,1) infinite}
.motion-enabled .hero-signature{bottom:2px;will-change:opacity;animation:fade-in 1s .7s backwards}
.motion-enabled .scroll-chapter{display:block;position:absolute;left:8%;top:32%;max-width:470px;text-align:left;z-index:3;color:#fff;opacity:0;pointer-events:none;will-change:transform,opacity}
.scroll-chapter .eyebrow{font-size:15px;color:#78b9ff;letter-spacing:1px;margin-bottom:18px}
.scroll-chapter h2{font-size:clamp(42px,4.8vw,68px);letter-spacing:-3px;line-height:1.2;margin:0 0 23px}
.scroll-chapter h2 span{background:linear-gradient(100deg,#7bafff,#bfe5ff);background-clip:text;color:transparent}
.scroll-chapter>p:not(.eyebrow){font-size:19px;line-height:1.8;color:#95a7bd;margin:0}
.chapter-tags{display:flex;gap:15px;align-items:center;font-size:12px;color:#b0c7e1;letter-spacing:3px;margin-top:32px}
.chapter-tags i{width:3px;height:3px;background:#79baff;border-radius:50%}
.motion-enabled .scroll-cue{display:flex;flex-direction:column;align-items:center;gap:6px;position:absolute;left:0;right:0;bottom:23px;z-index:4;font-size:11px;color:#7c7c84;letter-spacing:1px;pointer-events:none}
.motion-enabled .scroll-cue{animation:fade-in 1s 1.1s backwards}
@keyframes cue{50%{transform:translateY(5px)}}
.scroll-cue svg{width:17px;height:17px}.motion-enabled .scroll-cue svg{animation:cue 2.2s ease-in-out infinite}
.motion-enabled .scene-progress{display:flex;gap:12px;align-items:center;position:absolute;bottom:25px;right:35px;font-size:10px;color:#8391a6;z-index:4;opacity:0;letter-spacing:1px}
.scene-track{width:85px;height:2px;background:#ffffff26;overflow:hidden}.scene-track i{display:block;width:100%;height:100%;background:#77b9ff;transform:scaleX(0);transform-origin:left}
.motion-enabled .feature-dark{height:150svh;min-height:0;overflow:visible;margin-top:0;background:#030914}
.motion-enabled .feature-sticky{position:sticky;top:64px;height:calc(100svh - 64px);min-height:0}
.motion-enabled .feature-image{opacity:1;will-change:transform,clip-path}
.motion-enabled .feature-shade{background:radial-gradient(ellipse 46% 44% at 50% 28%,#030914e0 30%,#03091400 80%),linear-gradient(180deg,#030914cc,#03091411 52%,#03091466)}
.motion-enabled .feature-copy>p,.motion-enabled .feature-copy .text-link{text-shadow:0 1px 14px #030914}
.motion-enabled .feature-copy{position:absolute;left:0;right:0;top:7%;padding:0 24px;z-index:2;will-change:transform,opacity}
.motion-enabled [data-reveal]{opacity:0;transform:translate3d(0,40px,0);transition:transform 1.1s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0s),opacity .9s ease var(--reveal-delay,0s)}
.motion-enabled [data-reveal].is-visible{opacity:1;transform:translate3d(0,0,0)}
.motion-enabled .about h2 span{background:linear-gradient(90deg,#1d1d1f var(--word-fill,0%),#c8c8ce var(--word-fill,0%));background-clip:text;color:transparent}
/* Header follows the scene beneath it. */
.motion-enabled .global-header{transition:background-color .5s,border-color .5s}
.motion-enabled .global-header .nav-links a,.motion-enabled .global-header .icon-button{transition:color .3s}
.motion-enabled .brand img{transition:filter .5s}
.global-header.is-dark{background:rgba(10,14,22,.8);border-bottom-color:rgba(255,255,255,.07)}
.global-header.is-dark .nav-links a{color:#c8c8ce}.global-header.is-dark .nav-links a:hover{color:#fff}
.global-header.is-dark .icon-button{color:#f5f5f7}
.global-header.is-dark .brand img{filter:grayscale(1) brightness(0) invert(.9)}
.motion-enabled .detail-dialog[open] .detail-content>:not(#detail-body),.motion-enabled .detail-dialog[open] .detail-block{animation:rise .7s cubic-bezier(.16,1,.3,1) backwards}
.motion-enabled .detail-dialog[open] h2{animation-delay:.04s}.motion-enabled .detail-dialog[open] .detail-lead{animation-delay:.08s}.motion-enabled .detail-dialog[open] .detail-block{animation-delay:.12s}.motion-enabled .detail-dialog[open] .detail-block:nth-child(2){animation-delay:.18s}.motion-enabled .detail-dialog[open] .detail-block:nth-child(3){animation-delay:.24s}.motion-enabled .detail-dialog[open] .detail-content>.button{animation-delay:.3s}
@media(min-width:1600px){.motion-enabled .scroll-chapter{max-width:640px}.scroll-chapter .eyebrow{font-size:17px}.scroll-chapter h2{font-size:clamp(68px,4.6vw,96px)}.scroll-chapter>p:not(.eyebrow){font-size:22px}.chapter-tags{font-size:13px}}
@media(max-width:1050px){.motion-enabled .scroll-chapter{left:6%;max-width:380px}.scroll-chapter h2{font-size:50px}.scroll-chapter>p:not(.eyebrow){font-size:17px}}
@media(max-height:820px){.motion-enabled .scroll-cue span{display:none}.motion-enabled .scroll-cue{bottom:12px}}
@media(max-height:760px){.motion-enabled .hero-signature{display:none}}
@keyframes menu-in{from{opacity:0;transform:translate3d(0,-10px,0)}}
@media(max-width:760px){.global-header.is-dark .nav-links{background:#0b0f17;border-bottom-color:#ffffff14}.motion-enabled .nav-links.is-open{animation:menu-in .35s cubic-bezier(.16,1,.3,1)}.motion-enabled .hero{height:210svh}.motion-enabled .hero-sticky,.motion-enabled .feature-sticky{top:60px;height:calc(100svh - 60px)}.motion-enabled .hero-copy{top:5%}.motion-enabled .hero h1{font-size:clamp(40px,6.4svh,52px)}.motion-enabled .hero-brand{font-size:16px;margin-bottom:12px}.motion-enabled .hero-description{font-size:16px;margin-top:17px;margin-bottom:20px}.motion-enabled .chip-stage{top:49%;height:285px}.motion-enabled .hero-signature{bottom:0}.motion-enabled .scroll-chapter{left:26px;right:26px;max-width:none;top:9%;text-align:center}.scroll-chapter .eyebrow{font-size:12px;margin-bottom:14px}.scroll-chapter h2{font-size:43px;letter-spacing:-2.2px;margin-bottom:17px}.scroll-chapter>p:not(.eyebrow){font-size:15px}.chapter-tags{justify-content:center;gap:12px;font-size:10px;margin-top:22px}.motion-enabled .scene-progress{bottom:22px;left:26px;right:26px;justify-content:space-between;font-size:9px}.scene-track{flex:1;max-width:120px}.motion-enabled .scroll-cue{bottom:21px;font-size:10px}.motion-enabled .feature-dark{height:135svh}.motion-enabled .feature-copy{top:8%}.motion-enabled .feature-copy h2{font-size:45px}.motion-enabled .feature-copy>p:not(.eyebrow){font-size:15px}}
@media(max-height:650px){.motion-enabled .hero-copy{top:4%}.motion-enabled .hero-brand{font-size:14px;margin-bottom:8px}.motion-enabled .hero h1{font-size:43px}.motion-enabled .hero-description{font-size:15px;margin:13px auto 16px}.motion-enabled .chip-stage{top:52%}.motion-enabled .hero-signature{display:none}.motion-enabled .scroll-chapter{top:7%}.scroll-chapter h2{font-size:35px}.scroll-chapter>p:not(.eyebrow){font-size:13px}.chapter-tags{margin-top:15px}}
/* Phones held sideways: copy on the left, chip on the right (positioned by motion.js). */
@media(orientation:landscape) and (max-height:500px){.motion-enabled .hero-copy{top:13%;left:6%;right:auto;width:44%;text-align:left}.motion-enabled .hero-brand{font-size:13px;margin-bottom:8px}.motion-enabled .hero h1{font-size:32px;letter-spacing:-1.6px}.motion-enabled .hero-description{font-size:14px;max-width:none;margin:12px 0 16px;padding:0}.motion-enabled .hero-copy .actions{justify-content:flex-start;gap:10px}.motion-enabled .hero-copy .button{padding:9px 16px;font-size:13px}.motion-enabled .chip-stage{top:0;height:100%}.motion-enabled .scroll-cue{display:none}.motion-enabled .scroll-chapter{left:6%;right:auto;max-width:44%;top:13%;text-align:left}.scroll-chapter .eyebrow{font-size:12px;margin-bottom:10px}.scroll-chapter h2{font-size:30px;letter-spacing:-1.4px;margin-bottom:12px}.scroll-chapter>p:not(.eyebrow){font-size:13px}.chapter-tags{justify-content:flex-start;margin-top:14px}.motion-enabled .scene-progress{left:auto;right:20px;width:200px}.motion-enabled .feature-copy{top:6%}.motion-enabled .feature-copy h2{font-size:34px;margin-bottom:12px}.motion-enabled .feature-copy>p:not(.eyebrow){font-size:14px;margin-bottom:14px}}