.nh{position:relative;isolation:isolate}.nh__stage{position:relative;overflow:clip;min-height:min(52rem,calc(100svh - 4rem));background:var(--canvas)}.nh__copy{position:relative;isolation:isolate;z-index:5;max-width:40rem;padding:clamp(1rem,.4rem + 1.6vh,2rem) var(--margin) 0;display:grid;gap:1.1rem;justify-items:start}.nh__copy:before{content:"";position:absolute;inset:-2rem -3rem -2rem -4rem;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,var(--canvas) 55%,transparent)}.nh__cta .btn,.nfinale .btn{transition:translate .3s var(--out),box-shadow .3s var(--out)}.nh__cta .btn:hover,.nfinale .btn:hover{translate:0 -3px;box-shadow:0 10px 24px -8px var(--rail-sh, rgba(6, 35, 44, .5))}.nh__cta .btn .arr,.nfinale .btn .arr{display:inline-block;margin-left:.4rem;transition:translate .3s var(--out)}.nh__cta .btn:hover .arr,.nfinale .btn:hover .arr{translate:4px 0}.nh__copy h1{font-size:clamp(2.4rem,1rem + 3.6vw,4.1rem);max-width:12.5em;text-shadow:0 2px 30px var(--canvas),0 0 6px var(--canvas)}.nh__copy h1 em{font-style:normal;color:var(--rail-1)}.nh__copy .lede{max-width:24rem;text-shadow:0 0 18px var(--canvas),0 0 4px var(--canvas)}.nh__cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.4rem}.stk{--h: clamp(40px, 5.7vh, 58px);--d: calc(var(--h) * .3);--gap: clamp(10px, 1.7vh, 18px);--slot: calc(var(--h) + var(--d) + var(--gap));--pad: clamp(26px, 5vh, 56px);--lit: 62%;--rail-sh: rgba(6, 35, 44, .55);position:absolute;inset:0;z-index:1}.stk__floor{position:absolute;inset:auto 0 0;height:62%;overflow:hidden;perspective:700px;perspective-origin:50% 0;z-index:0}.stk__grid{position:absolute;left:-60%;right:-60%;top:0;height:240%;transform:rotateX(70deg);transform-origin:50% 0;background-image:linear-gradient(var(--edge) 1px,transparent 1px),linear-gradient(90deg,var(--edge) 1px,transparent 1px);background-size:84px 84px;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 22%,#000 70%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 22%,#000 70%,transparent 100%)}.stk__glow{position:absolute;inset:0;z-index:0;pointer-events:none}.stk__glow:before,.stk__glow:after{content:"";position:absolute;inset:0;background:radial-gradient(46% 52% at 74% 60%,rgba(16,114,146,.62),transparent 70%),radial-gradient(34% 44% at 22% 80%,rgba(88,177,206,.32),transparent 70%),radial-gradient(30% 40% at 90% 24%,rgba(182,171,255,.2),transparent 70%)}.stk__glow:before{opacity:var(--gl-a, .5)}.stk__glow:after{filter:var(--gl-b);-webkit-mask-image:var(--grain),radial-gradient(90% 90% at 70% 60%,#000 0%,transparent 78%);-webkit-mask-size:220px 220px,100% 100%;-webkit-mask-composite:source-in;mask-image:var(--grain),radial-gradient(90% 90% at 70% 60%,#000 0%,transparent 78%);mask-size:220px 220px,100% 100%;mask-composite:intersect}.nrails{position:absolute;left:0;right:0;bottom:var(--pad);height:calc(7 * var(--slot));z-index:2}.nrail{position:absolute;top:calc(var(--k) * var(--slot));left:calc((52 - var(--k) * 9) * 1vw);right:-14vw;height:var(--h);isolation:isolate;color:var(--text-2);transition:transform .55s var(--settle),opacity .35s var(--out)}.nrail__twin,.nrail__face{position:absolute;inset:0;border-radius:999px}.nrail__twin{transform:translateY(var(--d));z-index:-1}.nrail__face{display:flex;align-items:center}.nrail__in{position:relative;display:flex;align-items:center;gap:.85rem;width:100%;padding-left:calc(max(0px,(var(--k) * 9 - 52) * 1vw) + 1.7rem);padding-right:22vw;white-space:nowrap}.nrail__n{font-size:clamp(1.15rem,.9rem + .7vh,1.6rem);font-weight:700;letter-spacing:-.02em}.nrail__name{font-family:var(--f-display);font-weight:600;font-size:clamp(1rem,.8rem + .6vh,1.3rem);letter-spacing:-.015em;color:inherit;text-decoration:none}.nrail__name:after{content:"";position:absolute;inset:calc(var(--h) / -2) 0 0 0;inset:0;border-radius:999px}.nrail__name:focus-visible{outline:none}.nrail:focus-within .nrail__face{outline:2px solid var(--lav);outline-offset:4px}.nrail__tag{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;padding:.18rem .6rem;border-radius:999px;border:1px solid currentColor}.nrail__lead{flex:1 1 2rem;min-width:1.5rem;height:0;border-top:1.5px dashed currentColor;opacity:.4}.nrail__what{font-family:var(--f-mono);font-size:clamp(.72rem,.6rem + .3vw,.84rem);letter-spacing:.01em}.nrail[data-own=yours] .nrail__face{border:1.5px dashed var(--edge);background:var(--raised)}.nrail[data-own=yours] .nrail__twin{border:1.5px dashed var(--hair)}.nrail[data-own=yours] .nrail__n{color:var(--text-3)}.nrail[data-own=yours] .nrail__tag{border-color:var(--edge);color:var(--text-3)}.nrail[data-own=owned] .nrail__twin,.nrail[data-own=partial] .nrail__twin,.nrail[data-own=owned] .nrail__face{box-shadow:0 26px 36px -16px var(--rail-sh)}.nrail[data-n="7"] .nrail__face{background:var(--rail-1)}.nrail[data-n="7"] .nrail__twin{background:var(--rail-2)}.nrail[data-n="3"] .nrail__face{background:var(--rail-3)}.nrail[data-n="3"] .nrail__twin{background:var(--rail-shadow)}.nrail[data-n="7"]{color:#031519}.nrail[data-n="3"],.nrail[data-n="4"]{color:#fff}.nrail[data-n="4"] .nrail__face{border:1.5px dashed var(--edge);background:var(--raised)}.nrail[data-n="4"] .nrail__twin{width:var(--lit);background:var(--rail-3);box-shadow:0 26px 36px -16px var(--rail-sh)}.nrail__lit{position:absolute;inset:-1.5px auto -1.5px -1.5px;width:var(--lit);border-radius:999px;background:var(--rail-2)}.nrail__gap{position:absolute;left:calc(var(--lit) + 1.4rem);top:50%;translate:0 -50%;font-family:var(--f-mono);font-size:.74rem;letter-spacing:.04em;color:var(--ember-ink);padding:.2rem .6rem;background:var(--raised);border:1px dashed var(--edge);border-radius:999px}.nrail[data-n="4"] .nrail__in{width:var(--lit);padding-right:1.5rem}.nrail[data-n="4"] .nrail__what{overflow:hidden}.stk__track{position:absolute;left:calc(100% - 3.5vw);bottom:var(--pad);height:calc(7 * var(--slot));width:0;border-left:1.5px dashed var(--edge);z-index:1}.packet{position:absolute;z-index:4;left:calc(100% - 3.5vw - 8px);bottom:calc(var(--pad) + 7 * var(--slot) - 8px);width:16px;height:16px;border-radius:50%;background:var(--rail-1);box-shadow:0 0 0 4px var(--canvas),0 0 0 6px var(--rail-2),0 0 26px 10px #58b1cebf,0 -40px 30px -6px #58b1ce59;opacity:0}.nrails:has(.nrail:is(:hover,:focus-within)) .nrail:not(:is(:hover,:focus-within)){opacity:.32}.nrail:is(:hover,:focus-within){transform:translateY(-12px)}html.motion .packet{animation:drop 6s linear infinite}html.motion .nrail[data-own=owned] .nrail__face,html.motion .nrail[data-own=partial] .nrail__lit{animation:flash 6s linear infinite;animation-delay:calc(4.8s * (var(--k) + .4) / 7 - .14s)}html.motion .nrail[data-n="4"] .nrail__lit{animation-delay:calc(4.8s * 3.4 / 7 - .14s)}@keyframes drop{0%{opacity:0;transform:translateY(0)}4%{opacity:1}80%{opacity:1;transform:translateY(calc(7 * var(--slot) - var(--d)))}86%,to{opacity:0;transform:translateY(calc(7 * var(--slot) - var(--d)))}}@keyframes flash{0%,14%,to{filter:brightness(1)}3%{filter:brightness(1.7) saturate(1.2)}}@media(min-width:900px)and (min-height:620px){@supports (animation-timeline: scroll()){html.motion .nh{height:178vh}html.motion .nh__stage{position:sticky;top:4rem;height:calc(100svh - 4rem);min-height:0}html.motion .nrail{animation:explode linear both;animation-timeline:scroll(root);animation-range:0px 72vh}html.motion .stk__track{animation:reveal linear both;animation-timeline:scroll(root);animation-range:0px 72vh}html.motion .stk__glow{animation:glowmove linear both;animation-timeline:scroll(root);animation-range:0px 72vh}html.motion .stk__grid{animation:gridmove linear both;animation-timeline:scroll(root);animation-range:0px 72vh}html.motion .nh__copy{animation:copyaway linear both;animation-timeline:scroll(root);animation-range:12vh 66vh}}}@keyframes explode{to{translate:0 calc((var(--k) - 3) * clamp(26px,4.4vh,42px))}}@keyframes glowmove{to{translate:-10% -8%;scale:1.15}}@keyframes gridmove{to{translate:0 -14%}}@keyframes reveal{0%{opacity:.35}to{opacity:1}}@keyframes copyaway{to{translate:0 -2rem}}@media(max-width:899px){.nh__stage{min-height:0;padding-bottom:1rem}.stk{--h: 46px;--gap: 12px;--lit: 56%;--pad: 0px;position:relative;inset:auto;height:calc(7 * var(--slot) + 3rem);margin-top:2.5rem}.nrails{bottom:2.5rem}.nrail{left:calc((30 - var(--k) * 5.4) * 1vw);right:-4vw}.nrail__in{padding-left:calc(max(0px,(var(--k) * 5.4 - 30) * 1vw) + 1.2rem);padding-right:1rem;gap:.6rem}.nrail__what,.nrail__lead,.nrail__tag{display:none}.nrail__gap{left:calc(var(--lit) + .6rem);right:.4rem;font-size:.62rem;line-height:1.15;white-space:normal;border-radius:14px;letter-spacing:.02em}.stk__track,.packet{left:calc(100% - 6vw);bottom:calc(2.5rem + 7 * var(--slot) - 8px)}.stk__track{bottom:2.5rem}}@media(prefers-reduced-motion:reduce){.nrail{transition:none}}html[data-theme=light] .nh__copy h1 em{color:var(--rail-2)}html[data-theme=light] .stk__glow:after{opacity:.45}
