:root{--teal: #0F3D3A;--canopy: #1F7A5C;--mint: #3CCB9A;--amber: #F2A541;--mist: #F2F6F4;--sage: #E6EEEA;--ink: #0C1A17;--body-light: #3E524C;--body-dark: #BFD8D0;--f-sans: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--f-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--chrome-fg: var(--ink);--chrome-bg: rgba(242, 246, 244, .8);--chrome-line: rgba(12, 26, 23, .12);color-scheme:light}html[data-tone=dark]{--chrome-fg: var(--mist);--chrome-bg: rgba(12, 26, 23, .62);--chrome-line: rgba(191, 216, 208, .18)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{margin:0;background:var(--teal);color:var(--ink);font-family:var(--f-sans);font-size:16px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}a:focus-visible,button:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:4px}.stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none}.scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.nav{position:fixed;z-index:20;top:env(safe-area-inset-top,0px);left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));color:var(--chrome-fg);pointer-events:none;transition:color .5s ease}.nav>*{pointer-events:auto}.brand{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:700;font-size:1.05rem;letter-spacing:-.01em;white-space:nowrap}.brand .wm-light{font-weight:400}.mark-badge{width:34px;height:34px;border-radius:50%;background:var(--teal);display:grid;place-items:center;flex:none;box-shadow:inset 0 0 0 1px #3ccb9a47}.nav-links{display:flex;gap:2px;list-style:none;margin:0;padding:5px;background:var(--chrome-bg);border:1px solid var(--chrome-line);border-radius:8px;transition:background-color .5s ease,border-color .5s ease}.nav-links a{display:block;color:inherit;text-decoration:none;font-weight:500;font-size:.9rem;padding:7px 12px;border-radius:5px;transition:background-color .25s,color .25s}.nav-links a:hover{background:var(--chrome-line)}.nav-links a[aria-current=true]{background:var(--amber);color:var(--ink)}.chapters{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5}.chapter{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding-top:96px;padding-bottom:72px;padding-left:max(16px,6vw,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));opacity:0;pointer-events:none;will-change:opacity;--h: var(--ink);--b: var(--body-light);--acc: var(--canopy);--scrim-a: rgba(242, 246, 244, .86);--scrim-b: rgba(242, 246, 244, .45);--chip: rgba(12, 26, 23, .22)}.chapter:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,var(--scrim-a) 0%,var(--scrim-b) 36%,transparent 64%)}.chapter.tone-dark{--h: var(--mist);--b: var(--body-dark);--acc: var(--mint);--scrim-a: rgba(9, 34, 31, .84);--scrim-b: rgba(9, 34, 31, .42);--chip: rgba(191, 216, 208, .3)}.panel{position:relative;max-width:31rem;min-width:0;display:flex;flex-direction:column;gap:18px;will-change:transform}.chapter.is-active .panel,.chapter.is-active .horizon-foot{pointer-events:auto}.meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.tag{display:inline-flex;align-items:center;gap:10px;margin:0;font-family:var(--f-mono);font-size:.76rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--acc)}.blaze{width:7px;height:14px;background:var(--amber);border-radius:1px;flex:none}.chip{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--b);border:1px solid var(--chip);padding:5px 9px;border-radius:3px}.chapter h1,.chapter h2{margin:0;color:var(--h);font-weight:600;letter-spacing:-.025em;line-height:1.04;font-size:clamp(2rem,1.2rem + 2.7vw,3.3rem);text-wrap:balance}.chapter .hero-h{font-size:clamp(2.4rem,1.3rem + 3.8vw,4.3rem)}.lede{margin:0;color:var(--b);font-size:clamp(1.02rem,.96rem + .25vw,1.18rem);line-height:1.55;max-width:34em;text-wrap:pretty}.acronym{margin:0;font-family:var(--f-mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--b)}.acronym b{color:var(--h);font-weight:500}.acronym-big{margin:0;color:var(--b);font-size:1.05rem;line-height:1.7}.acronym-big b{color:var(--acc);font-weight:700;font-size:1.2em}.planned{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.planned li{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--b);border:1px dashed var(--chip);padding:6px 10px;border-radius:3px}.examples{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.examples li{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--h);background:#1f7a5c1a;border-left:2px solid var(--acc);padding:6px 10px;border-radius:2px}.btn-row{display:flex;flex-wrap:wrap;gap:10px}.btn{display:inline-flex;align-items:center;gap:8px;font:600 .95rem/1 var(--f-sans);text-decoration:none;cursor:pointer;padding:13px 18px;border-radius:6px;border:1.5px solid transparent;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--amber);color:var(--ink)}.btn-primary:hover{background:#f5b35c}.btn-ghost{background:transparent;color:var(--h);border-color:var(--chip)}.btn-ghost:hover{border-color:var(--h)}.text-link{color:var(--h);font-weight:600;text-decoration:none;display:inline-flex;gap:6px;align-items:center;border-bottom:1.5px solid var(--amber);align-self:flex-start;padding-bottom:2px}.start{align-self:flex-start;display:inline-flex;align-items:center;gap:14px;background:none;border:0;padding:0;cursor:pointer;color:var(--h);font:600 1rem var(--f-sans);text-align:left}.start .ring{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--chip);display:grid;place-items:center;position:relative}.start .ring:after{content:"";position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;border-radius:50%;border:1.5px solid var(--amber);opacity:0;animation:ping 2.4s ease-out infinite}.start .hint{display:block;font:400 .72rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--b);margin-top:4px}.start svg{animation:step 2.4s ease-in-out infinite}@keyframes ping{0%{transform:scale(.9);opacity:.9}80%,to{transform:scale(1.35);opacity:0}}@keyframes step{0%,to{transform:translateY(-2px)}50%{transform:translateY(3px)}}.chapter.horizon{justify-content:center;align-items:flex-start;padding-left:max(16px,env(safe-area-inset-left,0px));padding-top:100px}.chapter.horizon:before{background:radial-gradient(ellipse 58% 50% at 50% 24%,var(--scrim-a) 0%,var(--scrim-b) 55%,transparent 100%)}.horizon .panel{align-items:center;text-align:center;max-width:38rem;gap:16px}.horizon h2{font-size:clamp(2rem,1.2rem + 2.4vw,3.1rem)}.horizon .btn-row{justify-content:center}.register{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:27rem;margin-top:4px}.register label{font:500 .72rem var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}.register .row{display:flex;width:100%;background:#fffc;border:1.5px solid var(--chip);border-radius:6px;padding:4px}.register .row:focus-within{border-color:var(--ink)}.register input{flex:1 1 auto;min-width:0;border:0;background:transparent;outline:none;font:400 1rem var(--f-sans);color:var(--ink);padding:9px 10px}.register input::placeholder{color:#6a7e78}.register button{border:0;border-radius:4px;background:var(--teal);color:var(--mist);cursor:pointer;font:600 .9rem var(--f-sans);padding:0 16px}.register .status{margin:0;font-size:.88rem;color:var(--b);min-height:1.3em}.horizon-foot{position:absolute;left:0;right:0;bottom:calc(18px + env(safe-area-inset-bottom,0px));display:flex;justify-content:center;flex-wrap:wrap;gap:6px 16px;align-items:center;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));font:400 .72rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--body-light)}.horizon-foot .addr{color:var(--ink);-webkit-user-select:all;user-select:all}.copy{font:500 .66rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:transparent;color:var(--body-light);border:1px solid rgba(12,26,23,.25);border-radius:3px;padding:4px 7px}.hud{position:fixed;z-index:15;left:max(16px,6vw,env(safe-area-inset-left,0px));bottom:calc(22px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:8px;width:168px;font:500 .68rem var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--chrome-fg);pointer-events:none;transition:color .5s ease}.hud-bar{position:relative;height:2px;background:var(--chrome-line)}.hud-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--chrome-fg);transform-origin:left center;transform:scaleX(0);will-change:transform}.hud-dot{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.hud-dot i{position:absolute;left:-4px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--amber)}@media (max-width: 759px){.nav{padding-block:10px;gap:10px}.brand{font-size:.98rem;gap:8px}.mark-badge{width:30px;height:30px}.mark-badge svg{width:21px;height:21px}.nav-links{padding:4px}.nav-links a{font-size:.8rem;padding:6px 8px}.chapter{align-items:flex-start;padding-top:calc(84px + env(safe-area-inset-top,0px));padding-bottom:24px}.chapter:before{background:linear-gradient(180deg,var(--scrim-a) 0%,var(--scrim-a) 22%,var(--scrim-b) 48%,transparent 72%)}.panel{gap:14px}.chapter.horizon{padding-top:calc(80px + env(safe-area-inset-top,0px))}.chapter.horizon:before{background:linear-gradient(180deg,var(--scrim-a) 0%,var(--scrim-a) 46%,var(--scrim-b) 60%,transparent 74%)}.horizon-foot{gap:4px 12px;font-size:.64rem}.hud{left:max(16px,env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));width:140px}}@media (max-width: 420px){.brand .wm-light{display:none}.nav-links a{font-size:.76rem;padding:6px 7px}}@media (max-height: 640px) and (min-width: 760px){.chapter{padding-top:76px}.panel{gap:12px}}@media (prefers-reduced-motion: reduce){.start .ring:after,.start svg{animation:none}.btn:hover{transform:none}}