@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#14100c;--text:#d3ccc1;--heading:#f3efe8;--muted:#8f8576;--line:#ffffff12;--chip:#0005;--chip-line:#ffffff14;--code-bg:#0005;--code-text:#cfe8e0;--code-line:#ffffff14;--code-c:#8f8576;--code-k:#6fd8c4;--code-s:#e6c07b;--a1:#7fe0cc;--a2:#3fae99;--a3:#4fbfa8;--t1:#7fe0cc;--t2:#3fae99;--t3:#1c6b5f;--ease:cubic-bezier(.6, 0, .2, 1);--dur:.84s}[data-theme=light]{--bg:#f3eee3;--text:#423d33;--heading:#191510;--muted:#8a8072;--line:#00000016;--chip:#fff8;--chip-line:#00000014;--code-bg:#faf7f0;--code-text:#3a352c;--code-line:#0000001f;--code-c:#9a9082;--code-k:#0f766e;--code-s:#b26a1f;--a1:#1f9682;--a2:#177a6a;--a3:#0f5f53}body[data-depth="1"]{--accent:var(--a1)}body[data-depth="2"]{--accent:var(--a2)}body[data-depth="3"]{--accent:var(--a3)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:color .5s var(--ease);font-family:IBM Plex Sans,sans-serif;font-weight:300;line-height:1.6}.depths{perspective:1500px;perspective-origin:50% 38%;background:var(--bg);transition:background .5s var(--ease);position:fixed;inset:0}.plane{scrollbar-width:none;transition:transform var(--dur) var(--ease), opacity var(--dur) var(--ease), filter var(--dur) var(--ease);will-change:transform, opacity, filter;position:absolute;inset:0;overflow:hidden auto}.plane::-webkit-scrollbar{display:none}.plane[data-state=live]{opacity:1;filter:blur();pointer-events:auto;transform:translateZ(0)scale(1)}.plane[data-state=behind]{opacity:0;filter:blur(6px);pointer-events:none;transform:translateZ(-680px)}.plane[data-state=ahead]{opacity:0;filter:blur(12px);pointer-events:none;transform:translateZ(520px)scale(1.28)}.col{max-width:660px;margin:0 auto;padding:14vh 1.6rem 55vh}.tier-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:1.4rem;font-family:JetBrains Mono,monospace;font-size:.68rem}.doc-title{letter-spacing:-.025em;color:var(--heading);margin-bottom:.7rem;font-size:clamp(2rem,5.5vw,2.9rem);font-weight:600;line-height:1.08}.doc-sub{color:var(--muted);margin-bottom:1rem;font-size:1.12rem;line-height:1.55}h2{letter-spacing:-.015em;color:var(--heading);margin-bottom:.9rem;font-size:1.55rem;font-weight:600}p{margin-bottom:1rem;font-size:1.06rem;line-height:1.72}.beat{border-top:1px solid var(--line);transition:opacity .45s var(--ease);margin-left:-1.4rem;padding:7vh 0 8vh 1.4rem;position:relative}.beat:first-of-type{border-top:none}.beat:before{content:"";background:var(--accent);opacity:0;width:2px;transition:opacity .45s var(--ease);border-radius:2px;position:absolute;top:7vh;bottom:8vh;left:-1.4rem}.beat.active:before{opacity:.9}.beat:not(.active){opacity:.38}.beat-no{letter-spacing:.12em;color:var(--muted);margin-bottom:.7rem;font-family:JetBrains Mono,monospace;font-size:.68rem;transition:color .4s}.beat.active .beat-no{color:var(--accent)}.code{background:var(--code-bg);border:1px solid var(--code-line);color:var(--code-text);white-space:pre;transition:background .5s var(--ease), color .5s var(--ease);border-radius:9px;margin:1.1rem 0;padding:1rem 1.2rem;font-family:JetBrains Mono,monospace;font-size:.86rem;line-height:1.9;overflow-x:auto}.nav{z-index:60;flex-direction:column;gap:11px;display:flex;position:fixed;top:50%;right:26px;transform:translateY(-50%)}.nav-plate{cursor:pointer;width:46px;height:13px;transition:transform .42s var(--ease), box-shadow .42s var(--ease);border-radius:4px;position:relative}.nav-plate[data-p="1"]{background:var(--t1)}.nav-plate[data-p="2"]{background:var(--t2)}.nav-plate[data-p="3"]{background:var(--t3)}.nav-plate.active{transform:translate(11px)}.nav-plate.active[data-p="1"]{box-shadow:-14px 0 16px -8px var(--t1)}.nav-plate.active[data-p="2"]{box-shadow:-14px 0 16px -8px var(--t2)}.nav-plate.active[data-p="3"]{box-shadow:-14px 0 16px -8px var(--t3)}.nav-plate .name{white-space:nowrap;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);opacity:0;font-family:JetBrains Mono,monospace;font-size:.6rem;transition:opacity .25s;position:absolute;top:-3px;right:60px}.nav-plate:hover .name,.nav-plate.active .name{opacity:1}.nav-plate.active .name{color:var(--heading)}@media (width<=720px){.nav{right:12px}.nav-plate .name{display:none}}.rail{z-index:60;flex-direction:column;gap:14px;display:flex;position:fixed;top:50%;left:24px;transform:translateY(-50%)}.rail-dot{background:var(--line);cursor:pointer;width:9px;height:9px;transition:all .3s var(--ease);border-radius:50%;position:relative}.rail-dot.on{background:var(--accent);box-shadow:0 0 12px -2px var(--accent);transform:scale(1.35)}.rail-dot .rlbl{white-space:nowrap;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);opacity:0;font-family:JetBrains Mono,monospace;font-size:.58rem;transition:opacity .25s;position:absolute;top:-3px;left:20px}.rail-dot:hover .rlbl,.rail-dot.on .rlbl{opacity:1}.rail-dot.on .rlbl{color:var(--accent)}@media (width<=720px){.rail{left:10px}.rail-dot .rlbl{display:none}}.theme{z-index:60;letter-spacing:.06em;color:var(--muted);background:var(--chip);border:1px solid var(--chip-line);cursor:pointer;backdrop-filter:blur(6px);border-radius:20px;align-items:center;gap:.5rem;padding:.5rem .9rem;font-family:JetBrains Mono,monospace;font-size:.66rem;display:flex;position:fixed;top:20px;left:24px}.theme:hover{color:var(--heading)}.hint{z-index:60;color:var(--muted);background:var(--chip);border:1px solid var(--chip-line);backdrop-filter:blur(6px);border-radius:20px;gap:1.1rem;padding:.5rem 1.1rem;font-family:JetBrains Mono,monospace;font-size:.63rem;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.hint b{color:var(--accent);font-weight:500}@media (prefers-reduced-motion:reduce){.plane,.depths{transition-duration:1ms}}