.hero{position:relative;width:100%;min-height:100vh;overflow:hidden;background:var(--black);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:110px 24px 90px}.atmos{position:absolute;inset:-20%;z-index:0;filter:blur(60px);opacity:.55;background:radial-gradient(38% 30% at 20% 78%,rgba(47,94,168,.55),transparent 70%),radial-gradient(30% 26% at 78% 82%,rgba(143,180,242,.35),transparent 70%),radial-gradient(26% 22% at 55% 90%,rgba(224,92,79,.22),transparent 70%);animation:drift 22s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate3d(-2%,1%,0) scale(1)}50%{transform:translate3d(2%,-1.5%,0) scale(1.06)}to{transform:translate3d(-1%,2%,0) scale(1.02)}}.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.scrim{background:radial-gradient(72% 62% at 50% 46%,rgba(5,6,8,.62),rgba(5,6,8,.3) 62%,rgba(5,6,8,0) 100%),rgba(5,6,8,.28)}.gridlayer,.scrim{position:absolute;inset:0;z-index:2;pointer-events:none}.gridlayer{background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,transparent 30%,#000 100%);mask-image:radial-gradient(70% 60% at 50% 45%,transparent 30%,#000 100%)}.hero .fade{position:absolute;left:0;right:0;bottom:0;height:10rem;z-index:3;pointer-events:none;background:linear-gradient(to top,var(--black),transparent)}.hero-copy{position:relative;z-index:4;max-width:780px;display:flex;flex-direction:column;align-items:center}.hero-copy h1{text-shadow:0 2px 24px rgba(5,6,8,.85),0 1px 3px rgba(5,6,8,.6)}.hero-copy .sub{color:#c7c4b8;text-shadow:0 1px 12px rgba(5,6,8,.85)}.hero-copy .consent{color:#bdbaae}.hero-copy .consent,.hero-copy .fine{text-shadow:0 1px 8px rgba(5,6,8,.85)}.stamp{font-family:Space Mono;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);display:inline-flex;align-items:center;gap:10px;margin-bottom:26px;padding:8px 16px;border-radius:999px}.stamp i{width:6px;height:6px;border-radius:50%;background:var(--ok);font-style:normal;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.hero h1{font-family:"Instrument Serif",serif;font-weight:400;font-size:clamp(46px,8.4vw,100px);line-height:1.02;letter-spacing:-.02em}.hero h1 em{font-style:italic;color:var(--blue)}.strike{position:relative;white-space:nowrap;color:#cfccc0}.strike:after{content:"";position:absolute;left:-2%;right:-2%;top:54%;height:3px;background:var(--flag);transform:rotate(-1.5deg)}.sub{font-size:clamp(15px,2.2vw,19px);color:var(--ink-2);max-width:560px;margin-top:24px}.sub b{color:var(--ink);font-weight:600}.scrollhint{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:4;font-family:Space Mono;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);display:flex;flex-direction:column;align-items:center;gap:8px}.scrollhint:after{content:"";width:1px;height:34px;background:linear-gradient(var(--ink-2),transparent)}.structure{padding:44px 34px 10px}.structure svg{width:100%;height:auto;display:block;overflow:visible}.beam-g{opacity:0;transform:translateY(-26px);transition:opacity .7s ease,transform .7s ease}.col-g{opacity:0;transform:translateY(70px);transition:opacity .55s cubic-bezier(.2,.8,.25,1),transform .55s cubic-bezier(.2,.8,.25,1)}.built .beam-g{opacity:1;transform:none;transition-delay:.5s}.built .col-g.c1{opacity:1;transform:none;transition-delay:.06s}.built .col-g.c2{opacity:1;transform:none;transition-delay:.18s}.built .col-g.c3{opacity:1;transform:none;transition-delay:.3s}.built .col-g.c4{opacity:1;transform:none;transition-delay:.42s}.built .col-g.c5{opacity:1;transform:none;transition-delay:.54s}.built .stable-note{opacity:1!important;transition-delay:.9s}.warn-note{opacity:1;transition:opacity .5s}.built .warn-note,.stable-note{opacity:0}.specs{border-top:1px solid var(--hair);margin-top:34px}.spec{display:grid;grid-template-columns:96px 1fr;border-bottom:1px solid var(--hair)}.spec:last-child{border-bottom:none}.spec .code{border-right:1px solid var(--hair);padding:22px 16px;font-family:Space Mono;font-size:12px;color:var(--blue);letter-spacing:.05em}.spec .code b{display:block;font-family:Archivo;font-weight:900;font-size:30px;color:var(--ink);line-height:1;margin-top:6px;letter-spacing:-.02em}.spec .txt{padding:22px 24px}.spec .tag{font-family:Space Mono;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--flag);font-weight:700}.spec h3{font-family:"Instrument Serif",serif;font-weight:400;font-size:26px;margin:5px 0 7px;letter-spacing:-.01em}.spec p{color:var(--ink-2);font-size:15px;max-width:560px}@media(max-width:560px){.spec{grid-template-columns:1fr}.spec .code{border-right:none;border-bottom:1px solid var(--hair);display:flex;align-items:baseline;gap:12px;padding:14px 16px}.spec .code b{margin:0}}.demo{border-top:1px solid var(--hair);padding:34px}.demo .cap{font-family:Space Mono;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);margin-bottom:16px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px}.vslot{position:relative;border:1px solid var(--hair);border-radius:4px;aspect-ratio:16/9;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center}.vslot:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:32px 32px;transform:translateY(var(--py,0));opacity:.8}.vslot .play{position:relative;z-index:1}.vslot .play .btn{width:64px;height:64px;border:1px solid var(--hair);border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;font-size:22px;color:var(--blue);background:rgba(255,255,255,.03)}.vslot .play p{font-size:12px;max-width:300px}.vslot .corner,.vslot .play p{font-family:Space Mono;color:var(--ink-2)}.vslot .corner{position:absolute;font-size:10px;letter-spacing:.1em}.vslot .tl{top:10px;left:12px}.vslot .br{bottom:10px;right:12px}.byline{display:flex;justify-content:space-between;align-items:center;margin-top:16px;flex-wrap:wrap;gap:10px}.byline .who{font-family:Space Mono;font-size:11px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.08em}.byline .who b{font-weight:400;font-size:20px;color:var(--ink);text-transform:none;letter-spacing:0;display:block}.byline .quote,.byline .who b{font-family:"Instrument Serif",serif}.byline .quote{font-size:14px;color:var(--ink-2);max-width:440px;text-align:right;font-style:italic}@media(max-width:560px){.byline .quote{text-align:left}}.close{border-top:1px solid var(--hair);padding:60px 34px;text-align:center;display:flex;flex-direction:column;align-items:center}.close h2{font-family:"Instrument Serif",serif;font-weight:400;font-size:clamp(30px,5.4vw,52px);letter-spacing:-.02em;line-height:1.05}.close h2 em{font-style:italic;color:var(--blue)}.close .field{margin-top:28px}.close .fine{margin-top:14px}@media (prefers-reduced-motion:reduce){.atmos{animation:none}.beam-g,.col-g{opacity:1;transform:none}.warn-note{opacity:0}.stable-note{opacity:1}}