:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff8ef;--yellow:#ffe454;--cyan:#81f2ff;--muted:#c7badb;--line:#a994d236;--gutter:clamp(20px, 5.5vw, 92px);--bar:66px;background:#130b24;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit}button{font:inherit}:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.skip{z-index:5;background:#130b24;padding:10px;position:fixed;top:10px;left:12px;transform:translateY(-160%)}.skip:focus{transform:translateY(0)}.bar{height:var(--bar);padding-inline:var(--gutter);border-bottom:1px solid var(--line);z-index:4;background:#130b24f2;justify-content:space-between;align-items:center;gap:14px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.08em;font-size:1.36rem;font-weight:950;text-decoration:none}.brand-dot{color:var(--yellow)}.header-label,.bar button,.bottom,.stage-index,.eyebrow,.chapter-footer,.demo{letter-spacing:.11em;font-family:ui-monospace,Consolas,monospace;font-size:.68rem}.header-label,.bottom,.chapter-footer,.stage-index{color:var(--muted)}.bar button{color:inherit;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:3px;padding:10px 12px}.bar button strong{color:var(--cyan)}.story{isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:repeat(4, minmax(calc(100svh - var(--bar)), auto));background:radial-gradient(at 95% 14%,#37205d 0%,#0000 37%),linear-gradient(#1c1033,#130b24 65%,#24143e);display:grid}.visual{top:var(--bar);height:calc(100svh - var(--bar));pointer-events:none;z-index:1;grid-area:1/2/5/3;align-self:start;place-items:center;display:grid;position:sticky}.stage{isolation:isolate;aspect-ratio:1;background:radial-gradient(closest-side,#733ee52f,#0000);place-items:center;width:min(94%,680px,100svh - 105px);display:grid;position:relative}.canvas,.ring{position:absolute;inset:0}.canvas canvas{width:100%;height:100%;display:block}.canvas canvas[hidden],.hidden{display:none}.ring{border:1px solid var(--line);border-radius:50%;inset:7%}.ring-inner{opacity:.66;border-style:dashed;inset:19%}.cross{color:var(--muted);font:14px monospace;position:absolute;top:48%}.cross-left{left:3%}.cross-right{right:3%}.static{object-fit:contain;z-index:1;width:57%;max-height:65%}.stage-index{position:absolute;bottom:0;right:7%}.chapter{padding:clamp(48px, 8svh, 104px) 20px clamp(58px, 8svh, 104px) var(--gutter);scroll-margin-top:var(--bar);border-bottom:1px solid var(--line);grid-column:1;align-items:center;display:flex;position:relative}.chapter h1,.chapter h2{letter-spacing:-.075em;margin:.22em 0 .28em;font-size:clamp(2.8rem,6.4vw,7.5rem);font-weight:890;line-height:.92}.chapter h2{font-size:clamp(2.5rem,5.35vw,6rem)}.chapter em{color:var(--yellow);font-style:normal}.eyebrow{color:var(--cyan);margin:0 0 22px;font-weight:700}.eyebrow i{background:currentColor;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.lede{max-width:37ch;color:var(--muted);font-size:clamp(1rem,1.65vw,1.24rem);line-height:1.55}.cta{background:var(--yellow);color:#130b24;border-radius:3px;align-items:center;gap:22px;margin-top:14px;padding:12px 16px;font-weight:750;text-decoration:none;display:inline-flex}.cta:hover{background:#fff8ef}.chapter-footer{bottom:18px;left:var(--gutter);gap:16px;margin:0;display:flex;position:absolute}.demo{color:var(--cyan);line-height:1.5}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.metrics div{border:1px solid var(--line);border-top-color:var(--cyan);background:#291941;padding:10px 12px}.metrics dt{color:var(--muted);font-size:.78rem}.metrics dd{letter-spacing:-.04em;margin:2px 0 0;font-size:clamp(1.22rem,3vw,2.5rem);font-weight:800}.metrics dd.detail{color:var(--muted);letter-spacing:normal;font-size:.68rem;font-weight:400}.pillars{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.pillars li{border:1px solid var(--line);padding:7px 10px;font-size:.82rem}.bottom{border:0;position:static}@media (width<=740px){:root{--bar:54px}.header-label{display:none}.story{grid-template-columns:minmax(0,1fr)}.visual{top:var(--bar);background:radial-gradient(at 50% 25%,#382062,#1b102eea 67%,#1b102e00);grid-column:1;height:clamp(112px,28svh,255px)}.stage{width:min(86%,clamp(106px,26svh,237px))}.stage-index{display:none}.chapter{padding:calc(clamp(112px, 28svh, 255px) + 14px) var(--gutter) 55px;align-items:flex-start}.chapter h1,.chapter h2{font-size:clamp(2.35rem,10vw,4.5rem)}.eyebrow{margin-bottom:13px}.lede{margin-block:8px}.chapter-footer{bottom:13px}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.chapter:first-of-type{grid-row:1}.chapter:nth-of-type(2){grid-row:2}.chapter:nth-of-type(3){grid-row:3}.chapter:nth-of-type(4){grid-row:4}
