.story{height:320vh;position:relative}.stage{background:var(--white);height:100vh;position:sticky;top:0;overflow:hidden}.stage:after{content:"";z-index:2;pointer-events:none;opacity:.07;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.stage canvas{width:100%;height:100%;position:absolute;inset:0}.panels{z-index:3;pointer-events:none;margin-top:-100vh;position:relative}.panel{text-align:center;align-items:center;height:100vh;display:flex}.panel .wrap{width:100%}.panel .wrap>*{pointer-events:auto}.panel h1{max-width:14ch;margin:0 auto;font-size:clamp(3rem,7.2vw,6.5rem)}.panel-intro{max-width:36rem;color:var(--ink2);margin:1.9rem auto 2.4rem;font-size:clamp(1.05rem,1.4vw,1.2rem)}.panel-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.glass{max-width:40rem;box-shadow:var(--shadow);text-align:left;-webkit-backdrop-filter:blur(14px);background:#ffffffb8;border:1px solid #ffffffe6;border-radius:26px;margin:0 auto;padding:2.5rem 2.75rem}.glass h2{font-size:clamp(1.9rem,3.4vw,2.9rem)}.glass p{color:var(--ink2);margin:1rem 0 0}.counter{right:var(--page-gutter);z-index:3;text-align:right;line-height:1.2;position:absolute;bottom:2rem}.counter b{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:3.5rem;font-weight:500;line-height:1;display:block}.counter span{color:var(--ink2);margin-top:.35rem;font-size:.88rem;display:block}.counter em{color:var(--ink3);font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;margin-top:.6rem;font-size:.68rem;font-style:normal;font-weight:500;display:block}.scroll-cue{z-index:3;color:var(--ink3);letter-spacing:.08em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.5rem;font-size:.7rem;font-weight:500;display:flex;position:absolute;bottom:1.75rem;left:50%;translate:-50%}.scroll-cue i{background:linear-gradient(var(--ink3), transparent);width:1px;height:2.75rem;animation:cue 1.8s var(--ease-out) infinite}@keyframes cue{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}50.1%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}.strip{border-block:var(--line)}.strip .wrap{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.strip div{border-left:var(--line);padding:2.1rem 0 2.1rem 1.75rem}.strip div:first-child{border-left:0;padding-left:0}.strip b{letter-spacing:-.04em;margin-bottom:.5rem;font-size:2.75rem;font-weight:500;line-height:1;display:block}.strip span{color:var(--ink2);font-size:.88rem}.run{--progress:.5;position:relative}.run[data-state=approved]{--progress:1}.run-track{background:var(--line-color);height:2px;position:absolute;top:7px;left:7.14286%;right:7.14286%}.run-track i{width:calc(var(--progress) * 100%);background:var(--ink);transition:width .9s var(--ease-out);position:absolute;inset:0 auto 0 0}.run-steps{grid-template-columns:repeat(7,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.run-step{text-align:center;transition:opacity .5s var(--ease-out);flex-direction:column;align-items:center;gap:.35rem;font-size:.88rem;line-height:1.45;display:flex}.run-dot{border:2px solid var(--ink);background:var(--white);width:16px;height:16px;transition:border-color .4s var(--ease-out), background .4s var(--ease-out);border-radius:50%;margin-bottom:.9rem}.run-step b{letter-spacing:-.01em;font-size:1.05rem;font-weight:500}.run-body{color:var(--ink2)}.run-who{color:var(--ink3);letter-spacing:.04em;margin-top:.35rem;font-size:.75rem}.run-step.gate .run-dot{border-color:var(--orange);width:26px;height:26px;box-shadow:0 0 0 6px var(--white);margin-top:-5px;margin-bottom:.6rem}.run-step.gate .label{color:var(--orange)}.run-step.gate .run-who{color:var(--ink);font-weight:500}.run[data-state=approved] .run-step.gate .run-dot{border-color:var(--teal);background:var(--teal-tint)}.run[data-state=approved] .run-step.gate .label{color:var(--teal-dark)}.run[data-state=waiting] .run-step.after,.run[data-state=rejected] .run-step.after:not(.filed){opacity:.32}.run[data-state=waiting] .run-step.after .run-dot,.run[data-state=rejected] .run-step.after:not(.filed) .run-dot{border-style:dashed}.run-decision{border:var(--line);border-radius:var(--radius);background:var(--white);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:3rem;padding:1rem 1.25rem;display:flex}.run-decision p{color:var(--ink2);margin:0;font-size:.95rem}.run-actions{gap:.5rem;display:flex}.run-actions .button[hidden]{display:none}@media (prefers-reduced-motion:reduce){.run-track i,.run-step,.run-dot{transition:none}}.split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(2.5rem,5vw,4rem);display:grid}.split-lead{max-width:26rem;color:var(--ink2);margin:1.4rem 0 0}.ladder{border:var(--line);background:var(--line-color);border-radius:18px;gap:1px;display:grid;overflow:hidden}.ladder div{background:var(--white);grid-template-columns:4rem minmax(0,1fr) minmax(0,1.4fr);align-items:baseline;gap:1.5rem;padding:1.4rem 1.75rem;display:grid}.ladder div:hover{background:var(--bg)}.ladder b{letter-spacing:-.02em;font-size:1.35rem;font-weight:500}.ladder span{color:var(--ink2);font-size:.95rem}.trace{border-radius:24px;padding:.4rem}.trace>div{background:var(--bg);color:var(--ink2);font-family:var(--font-mono);border-radius:18px;padding:1.75rem;font-size:.8rem;font-weight:500;line-height:1.9;overflow-x:auto}.trace i{color:var(--teal);font-style:normal}.trace i.ask{color:var(--orange)}.trace .dim{color:var(--ink3)}.trace .hi{color:var(--ink)}.marquee{border-block:var(--line);white-space:nowrap;padding:1.4rem 0;overflow:hidden}.marquee ul{color:var(--ink3);letter-spacing:-.03em;gap:3.5rem;margin:0;padding:0;font-size:clamp(1.4rem,2.6vw,2.2rem);font-weight:500;list-style:none;animation:48s linear infinite mq;display:inline-flex}.marquee a{text-decoration:none}.marquee b{color:var(--ink);font-weight:500}.marquee a:hover b{text-decoration:underline}@keyframes mq{to{transform:translate(-50%)}}@media (width<=64rem){.story{height:280vh}.strip .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.run-track{display:none}.run-steps{grid-template-columns:1fr;gap:1.75rem}.run-step{text-align:left;align-items:flex-start;padding-left:2.5rem;position:relative}.run-dot{margin:0;position:absolute;top:0;left:0}.run-step.gate .run-dot{margin:0;left:-5px}.run-step:not(:last-child):before{background:var(--ink);content:"";width:2px;position:absolute;top:16px;bottom:-1.75rem;left:7px}.run[data-state=waiting] .run-step.gate:before,.run[data-state=rejected] .run-step.gate:before,.run[data-state=rejected] .run-step.after:before{background:var(--line-color)}.strip div:nth-child(odd){border-left:0;padding-left:0}.split{grid-template-columns:1fr}.ladder div{grid-template-columns:3rem minmax(0,1fr)}.ladder div span:last-child{grid-column:2}.counter{bottom:1.25rem}.counter b{font-size:2.4rem}.scroll-cue{display:none}}@media (width<=36rem){.strip .wrap{grid-template-columns:1fr}.strip div{border-left:0;border-top:var(--line);padding-left:0}.glass{padding:1.75rem}}@media (prefers-reduced-motion:reduce){.marquee ul,.scroll-cue i{animation:none}}
