.hero{--hero-background:#0a0b0c;--hero-ink:#f6f7f8;--hero-muted:#8e8f90;--hero-accent:#f0b23e;--hero-accent-carrier:#0a0b0c;background:var(--hero-background);min-height:100svh;color:var(--hero-ink);grid-template-rows:88px 1fr auto;display:grid;position:relative}.hero :focus-visible{box-shadow:none;outline:2px solid var(--hero-accent);outline-offset:3px;border-radius:2px}.hero button{cursor:pointer}.hero-nav{justify-content:space-between;align-items:center;gap:24px;width:min(100% - 56px,1740px);margin:0 auto;display:flex}.hero-brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.hero-brand .wordmark{font:600 15px/1 var(--font-sans);letter-spacing:-.01em}.hero-brand .hero-mark{width:auto;height:32px}.hero-brand small{font:500 10px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--hero-muted)}.hero-nav nav{align-items:center;gap:8px;display:flex}.hero-nav nav a{font:500 10.5px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--hero-muted);align-items:center;gap:7px;padding:10px 12px;text-decoration:none;transition:color .16s linear;display:inline-flex}.hero-nav nav a:hover{color:var(--hero-ink)}.hero-nav-icon{opacity:.85;flex:none;width:14px;height:14px;transition:opacity .16s linear}.hero-nav nav a:hover .hero-nav-icon{opacity:1}.hero-nav nav a.hero-run{background:var(--hero-ink);color:var(--hero-background);letter-spacing:.12em;white-space:nowrap;border-radius:999px;margin-left:8px;padding:11px 16px;font-weight:600}.hero-body{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:clamp(28px,3vw,56px);width:min(100% - 56px,1740px);margin:0 auto;padding:16px 0 32px;display:grid}.hero-copy{max-width:760px;container-type:inline-size}.hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(36px,min(9.5cqw,25.5102svh - 153.061px),96px);font-weight:390;line-height:.98}.hero h1 span{white-space:nowrap;display:block}.hero-lede{max-width:520px;color:color-mix(in srgb, var(--hero-ink) 78%, var(--hero-background));text-wrap:pretty;margin:24px 0 0;font-size:clamp(15px,1.2vw,19px);line-height:1.5}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-actions a{font:600 11px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--hero-ink);border:1px solid color-mix(in srgb, var(--hero-ink) 35%, transparent);border-radius:999px;align-items:center;gap:10px;padding:14px 20px;text-decoration:none;transition:border-color .16s linear,background-color .16s linear,color .16s linear;display:inline-flex}.hero-actions a:hover{border-color:var(--hero-ink)}.hero-actions a.primary{background:var(--hero-accent);color:var(--accent-ink);border-color:var(--hero-accent)}.hero-actions a.primary:hover{background:color-mix(in srgb, var(--hero-accent) 88%, white);border-color:color-mix(in srgb, var(--hero-accent) 88%, white)}.hero-install{border:1px solid color-mix(in srgb, var(--hero-ink) 16%, transparent);background:color-mix(in srgb, var(--hero-ink) 5%, var(--hero-background));border-radius:10px;max-width:520px;margin-top:30px;overflow:hidden}.hero-install-head{border-bottom:1px solid color-mix(in srgb, var(--hero-ink) 10%, transparent);font:500 9.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--hero-ink) 55%, var(--hero-background));justify-content:space-between;align-items:center;gap:8px;padding:7px 12px 0 10px;display:flex}.hero-install-tabs{scrollbar-width:none;gap:2px;min-width:0;display:flex;overflow-x:auto}.hero-install-tabs button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;flex:none;padding:6px 8px 11px;transition:color .16s linear;position:relative}.hero-install-tabs button:after{content:"";background:var(--hero-accent);transform-origin:0;height:1px;transition:transform .22s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:-1px;left:8px;right:8px;transform:scaleX(0)}.hero-install-tabs button:hover,.hero-install-tabs button[aria-selected=true]{color:var(--hero-ink)}.hero-install-tabs button[aria-selected=true]:after{transform:scaleX(1)}.hero-install-copy{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--hero-accent);background:var(--hero-accent-carrier);border-radius:5px;flex:none;margin-bottom:5px;padding:5px 8px;transition:color .16s linear}.hero-install-copy:hover{color:var(--hero-ink)}.hero-install-note{font:500 9.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--hero-ink) 45%, var(--hero-background));padding:12px 18px 0}.hero-install pre{font:400 12.5px/1.7 var(--font-mono);letter-spacing:0;color:color-mix(in srgb, var(--hero-ink) 88%, var(--hero-background));white-space:pre;scrollbar-width:none;margin:0;padding:10px 18px 16px;overflow-x:auto}.hero-install code{font:inherit;display:block}.hero-install .line{display:block}.hero-install i{color:color-mix(in srgb, var(--hero-ink) 45%, var(--hero-background));-webkit-user-select:none;user-select:none;font-style:normal}.hero-scene{aspect-ratio:4/3;width:100%;max-height:calc(100svh - 240px);margin:0 -28px 0 0;position:relative;overflow:hidden}.hero-scene canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-scroll{font:500 11px/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--hero-ink);flex-direction:column;justify-self:center;align-items:center;gap:14px;margin:0 0 28px;padding:8px 12px;transition:color .16s linear;display:inline-flex}.hero-scroll span{opacity:.82;transition:opacity .16s linear}.hero-scroll:hover span{opacity:1}.hero-scroll-ring{border:1px solid color-mix(in srgb, var(--hero-ink) 28%, transparent);width:44px;height:44px;color:var(--hero-accent);border-radius:50%;place-items:center;transition:border-color .16s linear;display:grid;position:relative}.hero-scroll:hover .hero-scroll-ring{border-color:var(--hero-accent)}.hero-scroll-ring:before{content:"";border:1px solid var(--hero-accent);border-radius:50%;animation:2.4s ease-out infinite hero-pulse;position:absolute;inset:-1px}.hero-scroll-ring svg{animation:1.6s cubic-bezier(.6,0,.4,1) infinite hero-arrow}@keyframes hero-arrow{0%{opacity:0;transform:translateY(-9px)}40%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@keyframes hero-pulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@media (prefers-reduced-motion:reduce){.hero-scroll-ring:before{display:none}.hero-scroll-ring svg{animation:none}}@media (max-width:1100px){.hero{grid-template-rows:76px 1fr auto}.hero-nav,.hero-body{width:calc(100% - 48px)}.hero-body{gap:32px}.hero-scene{margin-right:-24px}.hero-lede{font-size:15px}}@media (max-width:760px){.hero{grid-template-rows:64px 1fr auto}.hero-nav,.hero-body{width:calc(100% - 32px)}.hero-nav nav a:not(.hero-run){display:none}.hero-nav nav a.hero-run{padding:9px 12px;font-size:9.5px}.hero-brand small{display:none}.hero-body{grid-template-columns:1fr;gap:24px;padding:8px 0 24px}.hero h1{font-size:clamp(30px,8.2vw,40px)}.hero-lede{margin-top:14px;font-size:14px;line-height:1.45}.hero-actions{gap:8px;margin-top:18px}.hero-actions a{padding:11px 14px;font-size:10px}.hero-install{margin-top:18px}.hero-install pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:12px 14px 14px;font-size:11px}.hero-scene{aspect-ratio:auto;height:clamp(380px,110vw,460px);max-height:none;margin-right:0}.hero-scroll{margin-bottom:16px}}.hero-part{box-sizing:border-box;border:1px solid var(--hero-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--hero-accent) 14%, transparent);pointer-events:none;border-radius:6px;animation:.14s ease-out hero-part-in;position:absolute}.hero-tip{border:1px solid color-mix(in srgb, var(--hero-accent) 40%, transparent);background:color-mix(in srgb, var(--hero-background) 92%, var(--hero-ink));width:264px;box-shadow:0 12px 32px color-mix(in srgb, var(--hero-background) 70%, transparent);pointer-events:none;border-radius:10px;padding:12px 14px 13px;animation:.14s ease-out hero-part-in;position:absolute}.hero-tip strong{font:600 10.5px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--hero-accent);margin-bottom:6px;display:block}.hero-tip p{color:color-mix(in srgb, var(--hero-ink) 88%, var(--hero-background));text-wrap:pretty;margin:0;font-size:13px;line-height:1.45}@keyframes hero-part-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.hero-part,.hero-tip{animation:none}}
.odyssey{--journey-progress:0;--stage-background:var(--bg-canvas);--stage-chrome:var(--bg-canvas);--stage-ink:var(--text-1);--stage-muted:var(--text-3);--stage-accent:var(--accent);--stage-accent-carrier:var(--accent-ink);--stage-screen:#0a0b0c;--stage-screen-ink:#f6f7f8;--paper-mix:0;--wash-mix:0;--scroll-hint-opacity:1;--rail-gust:0}html:has(.odyssey){background:var(--stage-background);scroll-behavior:auto}body:has(.odyssey){text-rendering:geometricprecision;overflow-x:hidden}.odyssey button,.afterword button{cursor:pointer}.odyssey :focus-visible,.afterword :focus-visible,.skip-link:focus-visible{box-shadow:none;outline:2px solid var(--stage-accent);outline-offset:3px;border-radius:2px}.skip-link{z-index:20;background:var(--accent);color:var(--accent-ink);font:500 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;padding:10px 14px;position:absolute;top:-100px;left:16px}.skip-link:focus-visible{top:16px}.odyssey{height:3000vh;position:relative}.odyssey-stage{background:var(--stage-background);height:100svh;min-height:620px;color:var(--stage-ink);position:sticky;top:0;overflow:hidden}.odyssey-stage canvas.world{width:100%;height:100%;display:block;position:absolute;inset:0}.halftone-field{pointer-events:none;mix-blend-mode:soft-light;opacity:.18;background-image:radial-gradient(circle at 1px 1px,#ffffffb3 .6px,#0000 1.1px);background-size:4px 4px;position:absolute;inset:0}.nav-shell{z-index:6;grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);align-items:center;gap:24px;width:min(100% - 56px,1740px);height:88px;display:grid;position:absolute;top:0;left:50%;translate:-50%}.brand{justify-self:start;align-items:center;gap:12px;display:inline-flex}.brand .wordmark{font:600 15px/1 var(--font-sans);letter-spacing:-.01em}.brand .brand-mark{--mark:color-mix(in srgb, var(--accent-ink) calc(var(--wash-mix) * 100%), var(--accent));--mark-ink:color-mix(in srgb, var(--accent) calc(var(--wash-mix) * 100%), var(--accent-ink));width:auto;height:32px}.brand small{font:500 10px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--stage-muted)}.chapter-nav{justify-self:center;align-items:flex-start;gap:8px;display:flex}.act-group{border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;padding:0 4px 2px;transition:border-color .22s linear,background-color .22s linear;display:flex;position:relative}.act-group[data-current]{border-color:color-mix(in srgb, var(--stage-muted) 28%, transparent);background:color-mix(in srgb, var(--stage-ink) 4%, transparent)}.act-fill{--act-fill:clamp(0, calc((var(--journey-progress,0) - var(--act-start)) / (var(--act-end) - var(--act-start))), 1);background:var(--stage-accent);height:1px;transform:scaleX(var(--act-fill));transform-origin:0;opacity:0;transition:opacity .22s linear;position:absolute;bottom:-1px;left:12px;right:12px}.act-group[data-current] .act-fill{opacity:1}.chapter-nav button{font:500 10px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--stage-muted);padding:10px 10px 12px;transition:color .16s linear;position:relative}.chapter-nav button:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .22s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:6px;left:10px;right:10px;transform:scaleX(0)}.chapter-nav button[aria-current=step]{color:var(--stage-ink)}.chapter-nav button[aria-current=step]:after{transform:scaleX(1)}.act-button:after{display:none}.act-chapters{opacity:0;visibility:hidden;grid-template-columns:0fr;margin-top:-6px;transition:grid-template-columns .36s cubic-bezier(.2,.7,.2,1),opacity .2s linear,visibility 0s linear .36s;display:grid}.act-group[data-current] .act-chapters,.act-group:hover .act-chapters,.act-group:focus-within .act-chapters{opacity:1;visibility:visible;grid-template-columns:1fr;transition:grid-template-columns .36s cubic-bezier(.2,.7,.2,1),opacity .2s linear .12s,visibility linear}.act-chapters-row{white-space:nowrap;justify-content:center;gap:2px;min-width:0;display:flex;overflow:hidden}.act-chapters button{letter-spacing:.12em;color:color-mix(in srgb, var(--stage-muted) 72%, transparent);padding:6px 5px 8px;font-size:9px}.act-chapters button:after{bottom:3px}.act-chapters button[aria-current=step]{color:var(--stage-ink)}.act-group[data-current] .act-chapters button{color:var(--stage-muted)}.act-group[data-current] .act-chapters button[aria-current=step]{color:var(--stage-ink)}.run-link{background:var(--stage-ink);color:var(--stage-chrome);font:600 10.5px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border-radius:999px;justify-self:end;align-items:center;gap:10px;padding:11px 16px;text-decoration:none;transition:background-color .12s linear,color .12s linear;display:inline-flex}.journey-status{z-index:6;width:min(100% - 56px,1740px);font:500 10.5px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:24px;display:flex;position:absolute;bottom:22px;left:50%;translate:-50%}.progress-track .rail-caption{top:calc(100% - 2px);left:calc(var(--journey-progress) * 100%);translate:calc(var(--journey-progress) * -100%) 0;white-space:nowrap;pointer-events:none;gap:12px;display:flex;position:absolute}.rail-caption span{color:var(--stage-muted)}.progress-track{flex:1;min-width:0;height:28px;margin-top:10px;position:relative}.progress-track:before{content:"";background:color-mix(in srgb, var(--stage-ink) 26%, transparent);height:1px;position:absolute;top:50%;left:0;right:0}.progress-track .played{height:1px;width:calc(var(--journey-progress) * 100%);background:var(--stage-accent);position:absolute;top:50%;left:0}.progress-track button{place-items:center;width:28px;height:28px;display:grid;position:absolute;top:0;translate:-50%}.progress-track button:before{content:"";background:var(--stage-muted);border-radius:50%;width:5px;height:5px;transition:background-color .12s linear,transform .2s}.progress-track button[aria-current=step]:before{background:var(--stage-ink);transform:scale(1.4)}.progress-track .playhead{top:50%;left:calc(var(--journey-progress) * 100%);z-index:1;cursor:grab;touch-action:none;width:26px;height:22px;position:absolute;translate:-50% -50%}.progress-track .playhead:before{content:"";position:absolute;inset:-8px}.progress-track .rail-gust{width:100%;height:100%;transform:translateX(calc(var(--rail-gust,0) * -6px)) rotate(calc(var(--rail-gust,0) * 16deg));display:block}.progress-track .rail-mark{--mark:color-mix(in srgb, var(--accent-ink) calc(var(--wash-mix) * 100%), var(--accent));--mark-ink:color-mix(in srgb, var(--accent) calc(var(--wash-mix) * 100%), var(--accent-ink));width:100%;height:100%;filter:drop-shadow(0 0 2px var(--stage-chrome)) drop-shadow(0 0 1px var(--stage-chrome));animation:3.4s ease-in-out infinite rail-drift;display:block}@keyframes rail-drift{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-1.5px)rotate(3deg)}}.progress-track .playhead:focus-visible{outline-offset:5px}.odyssey-stage.is-scrubbing{-webkit-user-select:none;user-select:none}.odyssey-stage.is-scrubbing,.odyssey-stage.is-scrubbing .playhead{cursor:grabbing}.telemetry{white-space:nowrap;color:var(--stage-muted);gap:8px;margin-top:10px;display:flex}.telemetry b{color:var(--stage-accent);background:var(--stage-accent-carrier);font-variant-numeric:tabular-nums;border-radius:4px;margin:-1px;padding:1px 5px;font-weight:600}.scroll-prompt{z-index:5;font:500 10px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--stage-muted);opacity:var(--scroll-hint-opacity);pointer-events:none;align-items:center;gap:12px;display:flex;position:absolute;bottom:86px;left:50%;translate:-50%}.scroll-prompt i{background:var(--stage-accent);transform-origin:top;width:1px;height:34px;animation:1.8s cubic-bezier(.6,0,.4,1) infinite scroll-pulse}.scroll-prompt.is-next{border:1px solid color-mix(in srgb, var(--stage-ink) 24%, transparent);background:var(--stage-chrome);color:var(--stage-ink);opacity:1;pointer-events:auto;cursor:pointer;border-radius:999px;gap:10px;padding:10px 14px 10px 16px;font-size:11px;transition:border-color .16s linear;animation:.36s cubic-bezier(.2,.7,.2,1) both prompt-in}.scroll-prompt.is-next:hover,.scroll-prompt.is-next:focus-visible{border-color:var(--stage-accent);outline:none}.scroll-prompt.is-next i{width:auto;height:auto;color:var(--stage-accent);background:0 0;place-items:center;animation:none;display:grid}.scroll-prompt.is-next svg{animation:1.3s cubic-bezier(.6,0,.4,1) infinite prompt-beat;display:block}@keyframes prompt-in{0%{opacity:0;translate:-50% 12px}to{opacity:1;translate:-50%}}@keyframes prompt-beat{0%,to{opacity:.45;transform:translateY(-3px)}50%{opacity:1;transform:translateY(3px)}}@keyframes scroll-pulse{0%{opacity:0;transform:scaleY(0)}35%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)translateY(24px)}}.beats{pointer-events:none;position:absolute;inset:0}.beat{opacity:0;will-change:opacity, transform;pointer-events:none;width:min(580px,41vw);position:absolute;top:22%}.beat-left{left:max(36px,50vw - 842px)}.beat-right{right:max(36px,50vw - 842px)}.beat .beat-eyebrow{max-width:none;font:600 14px/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--stage-accent);background:var(--stage-accent-carrier);border-radius:6px;align-items:center;gap:12px;margin:0 0 22px -9px;padding:6px 9px;display:inline-flex}.beat .beat-eyebrow em{border:1px solid color-mix(in srgb, var(--stage-muted) 55%, transparent);letter-spacing:.14em;color:var(--stage-muted);border-radius:999px;padding:3px 6px;font-size:8.5px;font-style:normal}.beat h1,.beat h2{letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(36px,min(3.45vw,25.5102svh - 153.061px),96px);font-weight:390;line-height:.98}.beat p{max-width:440px;color:color-mix(in srgb, var(--stage-ink) 78%, var(--stage-background));margin:22px 0 0;font-size:clamp(15px,1.15vw,18px);line-height:1.5}.beat .proof{border-top:1px solid color-mix(in srgb, var(--stage-ink) 18%, transparent);font:500 10.5px/1.6 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--stage-muted);margin:26px 0 0;padding:12px 0 0;display:block}.beat-final{top:18%}.snippet{border:1px solid color-mix(in srgb, var(--stage-screen-ink) 16%, transparent);background:color-mix(in srgb, var(--stage-screen-ink) 5%, var(--stage-screen));font:400 12px/1.62 var(--font-mono);letter-spacing:0;color:color-mix(in srgb, var(--stage-screen-ink) 88%, var(--stage-screen));white-space:pre;scrollbar-width:none;tab-size:2;border-radius:10px;margin:24px 0 0;padding:30px 18px 14px;position:relative;overflow:auto hidden}.snippet-file{font:500 9.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--stage-screen-ink) 55%, var(--stage-screen));position:absolute;top:9px;left:18px}.snippet code{font:inherit;display:block}.snippet .snippet-compact{display:none}@media (max-width:1279px){.snippet .snippet-wide{display:none}.snippet .snippet-compact{display:block}}.snippet .line{opacity:0;transition:opacity .36s cubic-bezier(.2,.7,.2,1),transform .46s cubic-bezier(.2,.7,.2,1);display:block;transform:translateY(6px)}.beat.is-live .snippet .line{opacity:1;transition-delay:calc(.14s + var(--i) * 55ms);transform:none}.snippet i{font-style:normal}.snippet .tk-keyword{color:var(--accent)}.snippet .tk-string{color:color-mix(in srgb, var(--accent) 62%, var(--stage-screen-ink))}.snippet .tk-comment,.snippet .tk-prompt{color:color-mix(in srgb, var(--stage-screen-ink) 55%, var(--stage-screen))}.snippet .tk-env{color:color-mix(in srgb, var(--stage-screen-ink) 92%, var(--accent))}.snippet .tk-ellipsis{color:color-mix(in srgb, var(--stage-screen-ink) 55%, var(--stage-screen));padding:0 1px}.progress-track .rail-act{letter-spacing:.16em;color:var(--stage-muted);white-space:nowrap;text-overflow:clip;pointer-events:none;padding-left:14px;font-size:9px;position:absolute;top:-12px;overflow:hidden}.beat-final .hero-install{--hero-background:var(--stage-screen);--hero-ink:var(--stage-screen-ink);--hero-accent:var(--accent);--hero-accent-carrier:var(--stage-screen);max-width:none;margin-top:24px}.final-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.final-actions a{font:600 11px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid color-mix(in srgb, var(--stage-ink) 35%, transparent);border-radius:999px;align-items:center;gap:10px;padding:14px 20px;text-decoration:none;display:inline-flex}.final-actions a.primary{background:var(--stage-ink);color:var(--stage-chrome);border-color:var(--stage-ink)}.beat.is-live{pointer-events:auto}.still{display:none}.afterword{z-index:6;width:min(100% - 56px,1740px);font:500 10.5px/1.6 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--stage-muted);opacity:0;pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 32px;padding:0 0 14px;display:flex;position:absolute;bottom:96px;left:50%;translate:-50%}.afterword.is-live{pointer-events:auto}.afterword nav{gap:24px;display:flex}.afterword a{color:var(--stage-ink);border-bottom:1px solid color-mix(in srgb, var(--stage-ink) 35%, transparent);text-decoration:none}.afterword a:hover{border-bottom-color:var(--stage-accent)}.afterword .fine{margin:0}.afterword .wordmark{color:var(--stage-ink)}@media (max-width:1100px){.nav-shell{grid-template-columns:1fr auto;width:calc(100% - 48px);height:76px}.chapter-nav,.progress-track .rail-act{display:none}.progress-track{margin-top:0}.journey-status{width:calc(100% - 48px);bottom:20px}.telemetry{display:none}.rail-caption .state{color:var(--stage-accent);background:var(--stage-accent-carrier);border-radius:4px;margin:-1px;padding:1px 5px}.beat{width:min(560px,44vw);top:18%}.snippet{margin-top:18px;padding:26px 14px 12px;font-size:11px;line-height:1.55}.beat-final .hero-install{margin-top:18px}.beat-left{left:32px}.beat-right{right:32px}.beat h1,.beat h2{font-size:clamp(34px,min(4.1vw,25.5102svh - 153.061px),52px)}.beat p{font-size:15px}.scroll-prompt{bottom:96px}}@media (max-width:760px){.odyssey{height:2180vh}.odyssey-stage{min-height:560px}.nav-shell{width:calc(100% - 32px);height:64px}.run-link{padding:9px 12px;font-size:9.5px}.brand small{display:none}.beat,.beat-final{width:auto;max-height:50%;top:11%;left:18px;right:18px}.snippet{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px;padding:24px 12px 10px;font-size:10.5px;line-height:1.5}.snippet-file{font-size:8.5px;top:8px;left:12px}.beat .beat-eyebrow{margin-bottom:14px}.beat h1,.beat h2{font-size:clamp(30px,8.2vw,40px)}.beat p{margin-top:14px;font-size:14px;line-height:1.45}.beat .proof{margin-top:12px;padding-top:10px;font-size:9px;line-height:1.5}.final-actions{gap:8px;margin-top:16px}.final-actions a{padding:11px 14px;font-size:10px}.journey-status{width:calc(100% - 32px);font-size:9.5px;bottom:16px}.scroll-prompt{display:none}.afterword{gap:6px 20px;width:calc(100% - 32px);padding-bottom:10px;font-size:9.5px;bottom:74px}}@media (min-width:760px) and (max-height:880px){.beat{top:15%}.beat p{margin-top:16px}.snippet{margin-top:18px;padding:26px 16px 12px;line-height:1.5}.beat .proof{margin-top:18px}.beat-final .hero-install{margin-top:16px}.beat-final .hero-install pre{padding:8px 18px 12px;font-size:12px;line-height:1.55}.beat-final .proof{margin-top:14px}.beat-final .final-actions{margin-top:20px}}@media (prefers-reduced-motion:reduce),(max-height:620px),(max-width:759px) and (max-height:779px){.odyssey{height:auto}.odyssey-stage{background:var(--stage-background);height:auto;min-height:0;position:relative;overflow:visible}.odyssey-stage canvas.world,.halftone-field,.journey-status,.scroll-prompt{display:none}.nav-shell{background:color-mix(in srgb, var(--stage-background) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;color:var(--stage-ink);padding:0 28px;position:sticky;top:0;left:0;translate:0}.chapter-nav{display:flex}.chapter-nav button:after,.act-chapters{display:none}.beats{pointer-events:auto;position:static}.beat,.beat-final{pointer-events:auto;border-top:1px solid color-mix(in srgb, var(--beat-ink,var(--stage-ink)) 12%, transparent);background:var(--beat-background,var(--stage-background));width:100%;max-height:none;color:var(--beat-ink,var(--stage-ink));will-change:auto;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:40px;padding:64px 28px;display:grid;position:relative;inset:auto;opacity:1!important;filter:none!important;transform:none!important}.beat>*{grid-column:1}.beat p{color:color-mix(in srgb, var(--beat-ink,var(--stage-ink)) 80%, var(--beat-background,var(--stage-background)))}.beat .proof{border-top-color:color-mix(in srgb, var(--beat-ink,var(--stage-ink)) 20%, transparent);color:color-mix(in srgb, var(--beat-ink,var(--stage-ink)) 62%, var(--beat-background,var(--stage-background)))}.beat .beat-eyebrow{color:var(--beat-accent,var(--stage-accent));background:var(--beat-accent-carrier,var(--stage-accent-carrier))}.snippet .line{opacity:1;transition:none;transform:none}.final-actions a.primary{background:var(--beat-ink,var(--stage-ink));color:var(--beat-background,var(--stage-background));border-color:var(--beat-ink,var(--stage-ink))}.final-actions a{border-color:color-mix(in srgb, var(--beat-ink,var(--stage-ink)) 35%, transparent)}.afterword{background:var(--accent);width:100%;color:color-mix(in srgb, var(--accent-ink) 78%, var(--accent));pointer-events:auto;padding:40px 28px;position:relative;bottom:auto;left:auto;translate:0;opacity:1!important}.afterword a,.afterword .wordmark{color:var(--accent-ink)}.afterword a{border-bottom-color:color-mix(in srgb, var(--accent-ink) 40%, transparent)}.afterword a:hover{border-bottom-color:var(--accent-ink)}.still{width:100%;aspect-ratio:var(--still-aspect,16 / 10);border:1px solid color-mix(in srgb, var(--beat-ink,var(--stage-ink)) 14%, transparent);border-radius:12px;grid-area:1/2/span 6;display:block}@media (max-width:900px){.beat,.beat-final{grid-template-columns:1fr;padding:48px 20px}.afterword{padding:32px 20px}.still{order:-1;grid-area:auto/1}.chapter-nav{display:none}}}