:root{--ink: #f6f4ee;--muted: #aab0ba;--subtle: #868d98;--amber: #f2a541;--pass: #8fcbf0;--bg: #050608;--sans: "Plus Jakarta Sans", -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", Menlo, monospace;--g: 40px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}h1,h2,p{margin:0}a{color:inherit}:focus-visible{outline:2px solid var(--amber);outline-offset:3px}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.6s}.ready #scene{opacity:1}.bar{position:fixed;z-index:5;inset:0 0 auto;padding:24px var(--g);display:flex;justify-content:space-between;align-items:center}.lockup{display:flex;gap:8px;align-items:center;font-weight:700;font-size:20px;letter-spacing:-.025em;text-decoration:none}.mark{height:20px;width:auto;fill:var(--ink)}.gh{font-size:14px;font-weight:500;text-decoration:none}.gh:hover{color:var(--amber)}.caption{position:fixed;z-index:3;left:var(--g);bottom:56px;width:min(600px,calc(100vw - 2 * var(--g)));will-change:opacity,transform}.meta{font:400 12px var(--mono);color:var(--amber);margin-bottom:18px}.caption h1{font-size:clamp(52px,7.4vw,124px);line-height:.92;font-weight:800;letter-spacing:-.05em;width:90vw}.caption h2{font-size:clamp(36px,4.8vw,72px);line-height:1;font-weight:800;letter-spacing:-.04em}.caption p.body{margin-top:20px;font-size:17px;line-height:1.55;color:var(--muted);max-width:32rem}.state{display:flex;gap:10px;align-items:center;margin-top:20px;font-size:14px;color:var(--muted)}.state b{color:var(--ink)}.state i{width:10px;height:10px;border-radius:50%;border:2px solid var(--amber)}.state.m i{background:var(--pass);border-color:var(--pass)}.links{display:flex;gap:20px;margin-top:16px;font-weight:700;font-size:15px}.links a{text-underline-offset:4px;text-decoration-color:var(--amber)}.links a:hover{color:var(--amber)}.rail{position:fixed;z-index:4;right:var(--g);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;gap:2px}.rail button{all:unset;cursor:pointer;display:flex;align-items:center;gap:10px;height:26px;font:400 11px var(--mono);color:var(--subtle)}.rail button span{opacity:0;transition:opacity .25s}.rail:hover button span,.rail button:focus-visible span,.rail button[aria-current=true] span{opacity:1}.rail button:after{content:"";width:14px;height:1px;background:var(--subtle);transition:width .25s,background .25s}.rail button:hover,.rail button[aria-current=true]{color:var(--ink)}.rail button[aria-current=true]:after{width:30px;background:var(--amber)}#labels{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.tag{all:unset;position:absolute;left:0;top:0;pointer-events:auto;cursor:pointer;font:400 11px var(--mono);padding:4px 6px;opacity:0;visibility:hidden;transition:opacity .4s;white-space:nowrap}.tag.on{opacity:1;visibility:visible}.tag:hover{color:var(--amber)}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body.flow{overflow:auto}.caption.out{opacity:0;transform:translateY(14px)}.fallback{position:relative;padding:110px var(--g);max-width:48rem}.fallback h3{margin:32px 0 4px}.fallback p{color:var(--muted)}@media (max-width: 760px){:root{--g: 16px}.bar{padding-top:16px}.caption{bottom:28px}.caption p.body{font-size:15px;margin-top:12px}.meta{margin-bottom:10px}.rail{display:none}.tag{font-size:10px}}.tag.open{color:var(--amber)}.caption h1{font-size:clamp(44px,5.6vw,92px)}.caption h2{font-size:clamp(30px,3.6vw,56px)}.caption{bottom:32px}.caption p.body{margin-top:12px;font-size:15px}.caption code{font:400 .9em var(--mono);color:var(--ink)}.caption{padding:18px 22px;margin-left:-22px;background:#08090ab8;border-radius:8px}.screen{position:fixed;z-index:3;right:120px;top:50%;width:min(480px,36vw);transform:translateY(-50%);transition:opacity .38s,transform .55s cubic-bezier(.22,1,.36,1)}.screen.out{opacity:0;transform:translateY(calc(-50% + 14px))}.win{background:#101316;border:1px solid #343a41;border-radius:10px;overflow:hidden;color:#d8dce2;font-size:14px;line-height:1.5}.win-bar{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid #2b303c;font:400 11px var(--mono);color:#a3adb6}.win-bar em{font-style:normal;color:var(--amber);white-space:nowrap}.win-body{padding:16px}.win-body>p{margin:0 0 10px}.win-body>:last-child{margin-bottom:0}.win.light{background:#fbfaf7;border-color:#fff;color:#1f242d}.win.light .win-bar{border-color:#e6e4df;color:#525866}.win.light .win-bar em{color:#b45309}.win.light .s-table td,.win.light .s-table th{border-color:#e6e4df;color:inherit}.win code{font:400 12px var(--mono)}.s-term{margin:0;font:400 12.5px/1.75 var(--mono);white-space:pre-wrap;color:#a3adb6}.s-term b{font-weight:500;color:#f6f4ee}.s-term i{font-style:normal;color:#868d98}.s-flow{list-style:none;margin:0 0 10px;padding:0}.s-flow li{position:relative;padding:7px 0 7px 22px;color:#a3adb6}.s-flow li:before{content:"";position:absolute;left:2px;top:13px;width:9px;height:9px;border-radius:50%;border:2px solid #667381;box-sizing:border-box}.s-flow li:not(:last-child):after{content:"";position:absolute;left:6px;top:22px;bottom:-13px;width:1px;background:#4a525c}.s-flow .done{color:#e9edf0}.s-flow .done:before{background:var(--pass);border-color:var(--pass)}.s-flow .now{color:#fff;font-weight:700}.s-flow .now:before{background:var(--amber);border-color:var(--amber)}.s-table{width:100%;border-collapse:collapse;font-size:13px}.s-table th{text-align:left;font:400 11px var(--mono);color:#8c96a0;padding:0 8px 8px 0;border-bottom:1px solid #343a41}.s-table td{padding:8px 8px 8px 0;border-bottom:1px solid #232a31}.s-table tr:last-child td{border-bottom:0}.s-table em{font-style:italic;color:var(--amber)}.s-st{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.s-st u{width:8px;height:8px;border-radius:50%;border:1.5px solid #8c96a0;box-sizing:border-box}.s-st.pass u{background:var(--pass);border-color:var(--pass)}.s-st.hold{color:var(--amber)}.s-st.hold u{background:var(--amber);border-color:var(--amber);transform:rotate(45deg);border-radius:1px}.s-st.run u{border-color:#fff;border-right-color:transparent}.s-tree{list-style:none;margin:0;padding:0}.s-tree li{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-bottom:1px solid #232a31}.s-tree li:last-child{border:0}.s-tree span{color:#8c96a0;font-size:13px}.s-q{font-weight:700;font-size:17px;color:#fff}.light .s-q{color:#111317}.s-a{color:inherit}.s-a code{color:var(--amber)}.s-note{font-size:13px;color:#8c96a0}.light .s-note{color:#525866}.s-note b{color:inherit}.s-verdict{display:flex;align-items:center;gap:12px;margin-bottom:14px;font-weight:700;font-size:18px}.s-verdict small{font-size:12px;font-weight:400;color:#525866}.win mark{background:#ffd978;color:#111317;padding:0 3px}.s-meter{display:flex;gap:3px}.s-meter i{width:18px;height:5px;background:#111317}.s-meter i.off{background:#c8c6c0}.s-quote{font:italic 400 18px/1.5 Georgia,serif;color:#111317}.s-btns{display:flex;gap:8px;margin-top:12px}.s-btns button{all:unset;padding:6px 12px;border:1px solid currentColor;border-radius:6px;font-size:13px;font-weight:700}.s-tower{display:flex;gap:8px;margin-bottom:14px}.s-tower u{width:20px;height:20px;border-radius:50%;border:1.5px solid #667381;box-sizing:border-box}.s-tower .p{background:var(--pass);border-color:var(--pass)}.s-tower .h{background:var(--amber);border-color:var(--amber)}.s-tower .r{border-color:#fff;border-right-color:transparent}.s-big{font-size:40px;font-weight:700;color:#fff}.s-big small{font-size:15px;font-weight:400;color:#8c96a0}.s-bar{height:8px;margin-bottom:12px;background:#232a31;border-radius:4px;overflow:hidden}.s-bar i{display:block;height:100%;background:var(--pass)}.s-chat p{margin:0 0 8px;padding:8px 10px;background:#1a1f24;border-radius:8px;max-width:85%}.s-chat .me{margin-left:auto;background:#2b303c}@media (max-width: 1100px){.screen{right:72px;width:40vw}}@media (max-width: 760px){.screen{left:16px;right:16px;top:62px;width:auto;transform:none}.screen.out{transform:translateY(10px)}.win{font-size:13px}.win-body{padding:12px}.s-flow li{padding-block:4px}.s-flow li:before{top:9px}.s-table td{padding-block:6px}.s-quote{font-size:15px}.caption p.body{font-size:13px;line-height:1.45}.caption{padding:12px 14px;margin-left:0;width:calc(100vw - 32px);bottom:12px}}.screen{right:72px;width:min(500px,36vw)}.rail button span{display:none}.rail:hover button span{display:inline;background:#08090a;padding:2px 6px;opacity:1}.s-facts{margin:0}.s-facts div{display:grid;grid-template-columns:84px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #232a31}.s-facts div:last-child{border:0}.s-facts dt{font:400 11px var(--mono);color:var(--amber);padding-top:3px}.s-facts dd{margin:0;font-size:15px;font-weight:500;color:#f6f4ee}.bar-r{display:flex;gap:20px;align-items:center}button.gh{all:unset;cursor:pointer;font-size:14px;font-weight:500}button.gh:hover{color:var(--amber)}button.gh:focus-visible{outline:2px solid var(--amber);outline-offset:3px}@media (max-width: 760px){.screen{left:16px;right:16px;top:62px;width:auto}}:root{--glass: rgba(20, 22, 26, .46);--glass-line: rgba(255, 255, 255, .15);--glass-hi: rgba(255, 255, 255, .22)}.glass,.caption,.win{background:var(--glass);border:1px solid var(--glass-line);box-shadow:inset 0 1px 0 var(--glass-hi),0 18px 50px #00000047;-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);border-radius:20px}.caption{transition:opacity .38s,transform .55s cubic-bezier(.22,1,.36,1)}.caption.out{opacity:0;pointer-events:none}.win{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000003d;border-radius:14px}.win-bar{border-color:var(--glass-line)}.page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;overflow-y:auto;overscroll-behavior:contain;padding:96px 96px 72px 40px;opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s}.page.open{opacity:1;visibility:visible}.page>*{max-width:1100px;margin-inline:auto}.back{display:block;position:sticky;top:0;z-index:2;margin:0 0 36px;padding:10px 16px;font-size:13px;font-weight:700;color:var(--ink);cursor:pointer;border-radius:999px;font-family:var(--sans);width:max-content;margin-left:max(0px,calc((100% - 1100px)/2))}.back:hover{color:var(--amber)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.reveal.on{opacity:1;transform:none}.p-hero{min-height:62vh;display:flex;flex-direction:column;justify-content:center;padding-block:24px 40px}.p-hero h1{font-size:clamp(44px,7.2vw,112px);line-height:.96;font-weight:800;letter-spacing:-.05em;color:var(--ink)}.pitch{margin-top:28px;max-width:38rem;font-size:clamp(19px,2vw,26px);line-height:1.35;font-weight:500;color:var(--ink)}.p-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn,.ghost{padding:13px 20px;border-radius:999px;font-size:15px;font-weight:700;text-decoration:none}.btn{background:var(--amber);color:#111317}.btn:hover{filter:brightness(1.12)}.ghost{border:1px solid var(--glass-line);color:var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ghost:hover{color:var(--amber)}.p-shot{padding:18px;margin-bottom:24px}.p-wins{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.p-wins>div{padding:26px}.p-wins h3{margin:0 0 8px;font-size:20px;line-height:1.2;letter-spacing:-.02em;color:var(--ink)}.p-wins p{font-size:15px;line-height:1.5;color:var(--muted)}.p-how{display:contents}.p-two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:44px;margin-bottom:24px}.p-two.flip>:first-child{order:2}.p-two h2,.p-end h2{font-size:clamp(30px,3.6vw,52px);line-height:1.02;font-weight:800;letter-spacing:-.04em;color:var(--ink)}.txt{margin-top:16px;font-size:17px;line-height:1.6;color:var(--muted)}.txt code{font:400 .88em var(--mono);color:var(--ink)}.p-end{padding:64px 44px;margin-bottom:24px;text-align:center}.p-end .p-cta{justify-content:center}.p-next{all:unset;display:block;cursor:pointer;width:100%;padding:40px 0 8px;text-align:right;font-size:clamp(32px,5vw,72px);font-weight:800;letter-spacing:-.04em;color:var(--ink);box-sizing:border-box}.p-next span{display:block;font:400 12px var(--mono);letter-spacing:0;color:var(--amber);margin-bottom:6px}.p-next:hover{color:var(--amber)}.p-next:focus-visible{outline:2px solid var(--amber)}@media (max-width: 900px){.page{padding:76px 16px 48px}.p-wins,.p-two{grid-template-columns:1fr}.p-two{padding:24px 20px;gap:24px}.p-two.flip>:first-child{order:0}.p-end{padding:40px 20px}.p-hero{min-height:56vh}}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}}.page{-webkit-mask-image:linear-gradient(transparent 62px,#000 104px);mask-image:linear-gradient(transparent 62px,#000 104px)}.bar{z-index:6}#back[hidden]{display:none}.page .reveal{opacity:1;transform:none;transition:none;will-change:transform,opacity}.page{scrollbar-width:none}.page::-webkit-scrollbar{display:none}#progress{position:fixed;z-index:7;inset:0 0 auto;height:2px;background:var(--amber);transform:scaleX(0);transform-origin:0 50%}.page{overflow-anchor:none}.world{margin-top:18px;max-width:36rem;font-size:15px;line-height:1.55;color:var(--muted)}.world b{color:var(--amber);font-weight:700;margin-right:4px}.world span{display:block;margin-top:2px;font:400 12px var(--mono);color:var(--amber)}.btn{background:var(--amber)}.p-next span,.meta{color:var(--amber)}.page{padding:0;-webkit-mask-image:none;mask-image:none}.page>*{max-width:none}.stops{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.stop{position:absolute;top:50%;right:84px;width:min(500px,42vw);max-height:calc(100dvh - 110px);overflow-y:auto;padding:26px;transform:translateY(-50%);scrollbar-width:none;margin:0}.stop:nth-of-type(2n){right:auto;left:40px}.stop.hero{left:40px;right:auto;width:min(640px,52vw)}.stop h1{margin:0;font-size:clamp(38px,4.6vw,72px);line-height:.98;font-weight:800;letter-spacing:-.045em;color:var(--ink)}.stop h2{margin:0 0 4px;font-size:clamp(26px,2.7vw,38px);line-height:1.05;font-weight:800;letter-spacing:-.035em;color:var(--ink)}.stop .pitch{margin-top:16px;font-size:clamp(16px,1.5vw,20px)}.stop .txt{margin:10px 0 14px;font-size:15px;line-height:1.55}.place{margin-bottom:12px}.wins{list-style:none;margin:12px 0 16px;padding:0}.wins li{padding:9px 0;border-top:1px solid var(--glass-line);font-size:14px;line-height:1.45;color:var(--muted)}.wins b{display:block;font-size:15px;color:var(--ink)}.stop .p-next{padding-top:22px;font-size:clamp(24px,3vw,40px)}.spacer{width:1px}.pin{position:absolute;left:-7px;top:-7px;width:14px;height:14px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 5px color-mix(in srgb,var(--amber) 30%,transparent),0 0 22px var(--amber);pointer-events:none}.leader{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.leader line{stroke:var(--amber);stroke-width:1.2;stroke-dasharray:4 4}@media (max-width: 760px){.stop,.stop:nth-of-type(2n),.stop.hero{top:62px;left:12px;right:12px;width:auto;max-height:56dvh;padding:18px;transform:none}.stop h1{font-size:34px}}@media (max-width: 760px){.bar-r{gap:12px}.gh,button.gh{font-size:12px}.lockup{font-size:17px}}.demo .chips{display:flex;flex-direction:column;gap:8px}.demo button{font:inherit;cursor:pointer;color:var(--ink)}.chips button,.chain button{background:transparent;border:1px solid var(--glass-line);border-radius:10px;padding:9px 12px;text-align:left;font-size:13px;font-weight:500;transition:background .2s,color .2s,border-color .2s,transform .2s}.chips button:hover,.chain button:hover{border-color:var(--amber);transform:translateY(-2px)}.chips .on,.chain .on{background:var(--amber);border-color:var(--amber);color:#111317!important}.d-out{margin:12px 0 0!important;min-height:44px;font-size:14px;line-height:1.5;color:var(--ink)}.d-out code{color:var(--amber)}.d-out em{font:400 11px var(--mono);color:var(--amber)}.chain{display:flex;flex-wrap:wrap;gap:6px}.d-big{margin:12px 0 8px!important;font-size:30px;font-weight:800;letter-spacing:-.03em;color:var(--ink)}.d-big small{font-size:13px;font-weight:400;letter-spacing:0;color:var(--muted)}.line{display:flex;gap:4px}.line span{flex:1;min-width:0;padding:8px 2px;text-align:center;border-radius:8px;border:1px solid var(--glass-line);font:400 10px var(--mono);color:var(--muted);transition:background .2s,color .2s}.line .on{background:var(--amber);color:#111317}.demo .s-bar i{background:var(--amber);transition:width .5s}.d-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.demo .d-btn{padding:10px 16px;border:0;border-radius:999px;background:var(--amber);color:#111317;font-size:14px;font-weight:700;transition:transform .15s,filter .15s}.demo .d-btn:hover{filter:brightness(1.12);transform:translateY(-2px)}.demo .d-btn:active{transform:scale(.96)}.demo .d-btn:disabled{opacity:.45;cursor:default;transform:none}.demo .d-btn.alt{background:transparent;border:1px solid var(--glass-line);color:var(--ink)}.demo .ladder{list-style:none;display:flex;flex-wrap:wrap;gap:4px 10px;margin:0 0 4px;padding:0;font:400 11px var(--mono);color:var(--muted)}.demo .ladder .done{color:var(--pass)}.demo .ladder .now{color:var(--amber);font-weight:500}.bar{padding-block:12px;background:#0506096b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--glass-line)}.stop{width:min(580px,46vw)}.pts{list-style:none;margin:0 0 14px;padding:0}.pts li{position:relative;padding:7px 0 7px 16px;border-top:1px solid var(--glass-line);font-size:14px;line-height:1.45;color:var(--ink)}.pts li:before{content:"";position:absolute;left:0;top:14px;width:6px;height:6px;border-radius:50%;background:var(--amber)}.pts code,.wins code{font:400 .88em var(--mono);color:var(--amber)}@media (max-width: 760px){.stop,.stop:nth-of-type(2n),.stop.hero{width:auto}}.bar{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:0}.travel{margin:22px 0 0;font-size:clamp(22px,2.6vw,34px);font-weight:800;letter-spacing:-.03em;color:var(--ink)}.travel span{display:block;margin-bottom:4px;font:400 12px var(--mono);letter-spacing:0;color:var(--amber)}.stop.wide{width:min(1040px,70vw);padding:32px}.stop.wide:nth-of-type(2n){left:40px;right:auto}.cols{display:grid;grid-template-columns:1fr 1.1fr;gap:26px;align-items:start}.cols>div:last-child{display:grid;gap:12px}.stop.wide h2{font-size:clamp(30px,3.2vw,46px)}.tabset{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.tabset button{padding:8px 12px;background:transparent;border:1px solid var(--glass-line);border-radius:999px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,transform .15s}.tabset button:hover{border-color:var(--amber);transform:translateY(-2px)}.tabset .on{background:var(--amber);border-color:var(--amber);color:#111317!important}.pane{min-height:74px;font-size:15px;line-height:1.55;color:var(--ink)}.pane b,.pane code{color:var(--amber)}.pane[hidden]{display:none}.ladder3{display:flex;gap:6px}.ladder3 span{flex:1;padding:11px 6px;border:1px solid var(--glass-line);border-radius:10px;text-align:center;font:400 11px var(--mono);color:var(--muted);transition:background .25s,color .25s}.ladder3 .on{background:var(--amber);border-color:var(--amber);color:#111317}.range{width:100%;accent-color:var(--amber);cursor:grab;height:24px}.demo [data-budget-bar]{display:block;height:100%;background:var(--amber)}.stop.playable{width:min(640px,50vw)}@media (max-width: 1000px){.stop.wide{width:calc(100vw - 110px)}.cols{grid-template-columns:1fr}}@media (max-width: 760px){.stop.wide,.stop.wide:nth-of-type(2n),.stop.playable{width:auto;left:12px;right:12px;padding:18px;max-height:72dvh}}#intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#020203;color:var(--ink);text-align:center;padding:16px;cursor:pointer}#intro i{width:8px;height:8px;margin-bottom:30px;border-radius:50%;background:#ffe2a0;box-shadow:0 0 34px 12px #f2a541bf;animation:spark 1.6s ease-in-out infinite alternate}#intro p{margin:0;font-size:clamp(24px,3.4vw,46px);font-weight:800;letter-spacing:-.035em;opacity:0;animation:rise .8s .2s forwards}#intro p+p{color:var(--amber);animation-delay:1s}@keyframes spark{to{transform:scale(1.5)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}#intro{background:transparent;pointer-events:none}#intro .mark{height:clamp(48px,7vw,92px);fill:var(--ink);animation:rise .9s .1s both}#intro p{font-size:clamp(40px,7vw,104px);letter-spacing:-.05em;animation:rise .9s .25s forwards}#intro span{font:400 13px var(--mono);color:var(--amber);animation:rise .9s .6s both}.stop.showcase{width:min(1200px,calc(100vw - 150px));padding:30px;left:40px;right:auto;background:#0c0e126b}.show{display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,2fr);gap:30px;align-items:start}.show-copy h2{font-size:clamp(28px,2.7vw,42px);line-height:1.04}.show-screen{min-width:0}.device{margin:0;background:#0a0c0f;border:1px solid var(--glass-line);border-radius:12px;overflow:hidden;box-shadow:0 24px 60px #00000080}.device[hidden]{display:none}.device figcaption{padding:10px 14px;font-size:13px;color:var(--muted);border-top:1px solid var(--glass-line)}.shot{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;transition:opacity .2s}.shot:hover{opacity:.9}.shot img{display:block;width:100%;height:auto;max-height:calc(100dvh - 300px);object-fit:cover;object-position:top}.shot.framed{position:relative;overflow:hidden;height:min(calc(100dvh - 300px),460px)}.shot.framed iframe{position:absolute;left:0;top:0;width:1200px;height:1300px;border:0;transform-origin:0 0;pointer-events:none;background:#0d1013}.s-term.big{padding:18px;font-size:13.5px;line-height:1.7;white-space:pre-wrap}#zoom{width:min(1500px,96vw);max-width:none;height:auto;max-height:94dvh;padding:0;background:#0a0c0f;border:1px solid var(--glass-line);border-radius:14px;overflow:auto;cursor:zoom-out}#zoom::backdrop{background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#zoom img{display:block;width:100%}#zoom iframe{display:block;width:100%;height:90dvh;border:0;pointer-events:none}@media (max-width: 1000px){.show{grid-template-columns:1fr;gap:16px}}@media (max-width: 760px){.stop.showcase{left:12px;right:12px;width:auto;padding:16px;max-height:76dvh}.shot.framed{height:280px}.shot img{max-height:none}}.s-flow li{padding-block:7px;transition:opacity .25s;opacity:.55}.s-flow li.done{opacity:.8}.s-flow li.now{opacity:1}.s-flow b{display:block;font-weight:700;color:var(--ink)}.s-flow span{display:block;margin-top:1px;font-size:13px;line-height:1.4;font-weight:400;color:var(--muted)}.s-flow li.now span{color:var(--ink)}.pane b{display:block;margin-bottom:4px}.shot.framed{cursor:default}.shot.framed iframe{pointer-events:auto}.s-code{margin:0;padding:16px 18px;max-height:calc(100dvh - 300px);overflow:auto;font:400 12.5px/1.65 var(--mono);color:#d8dce2;white-space:pre}.aflow{display:block;width:100%;height:auto}.af-link,.af-back{fill:none;stroke:var(--amber);stroke-width:1.5;stroke-dasharray:5 6;animation:afflow 1.4s linear infinite}.af-back{opacity:.8}@keyframes afflow{to{stroke-dashoffset:-22}}.af-node rect{fill:#ffffff0d;stroke:#ffffff47}.af-agent rect{fill:color-mix(in srgb,var(--amber) 22%,transparent);stroke:var(--amber)}.af-person rect{stroke:#fff;stroke-width:1.6}.aflow text{text-anchor:middle}.af-who{font:400 9px var(--mono);fill:#a3adb6}.af-agent .af-who{fill:var(--amber)}.af-name{font:700 12px var(--sans);fill:#f6f4ee}.af-sub{font:400 9px var(--sans);fill:#a3adb6}.af-note{font:400 11px var(--mono);fill:var(--amber)}@media (prefers-reduced-motion: reduce){.af-link,.af-back{animation:none}}.shot.framed.wide iframe{width:100%;height:100%;transform:none!important}.shot.framed.wide{height:min(calc(100dvh - 280px),520px)}.rmenu{position:relative}.rmenu summary{list-style:none;cursor:pointer}.rmenu summary::-webkit-details-marker{display:none}#rmenu-list{position:absolute;right:0;top:30px;width:300px;padding:8px;display:grid;gap:2px;border-radius:14px}#rmenu-list button{all:unset;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;cursor:pointer;font-size:14px;color:var(--ink)}#rmenu-list button:hover,#rmenu-list button:focus-visible{background:#ffffff1a}#rmenu-list i{width:8px;height:8px;border-radius:50%;flex:none}#rmenu-list em{margin-left:auto;font:400 11px var(--mono);color:var(--muted)}.stop.hero .pitch{font-size:15px;font-family:var(--mono);color:var(--amber)}.plainly{margin:14px 0;font-size:clamp(19px,1.9vw,25px);line-height:1.4;font-weight:500;color:var(--ink)}.read p{margin:12px 0 0;max-width:62ch;font-size:16px;line-height:1.6;color:var(--ink)}.read .pts{margin-top:16px}.pick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.pick button{all:unset;cursor:pointer;padding:14px 16px;border:1px solid var(--glass-line);border-radius:12px;transition:border-color .2s,background .2s}.pick button:hover,.pick button:focus-visible{border-color:var(--amber);background:#ffffff14}.pick b{display:block;font-size:17px;color:var(--ink)}.pick span{display:block;margin-top:4px;font-size:13px;line-height:1.4;color:var(--muted)}@media (max-width: 500px){.pick{grid-template-columns:1fr}}#veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;pointer-events:none}.glass,.caption{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06080db8;box-shadow:inset 0 1px #ffffff1f}.win{background:#00000057}.caption h1{width:auto}.tag{background:#040509b8;border-radius:4px}.expand{all:unset;cursor:pointer;margin-left:10px;color:var(--ink);text-decoration:underline;text-underline-offset:3px}.zoom-close{all:unset;position:absolute;right:16px;top:12px;z-index:2;padding:8px 14px;background:#000;color:#fff;border-radius:999px;cursor:pointer;font-size:13px}#zoom iframe{pointer-events:auto;height:92dvh}#zoom-body{position:relative}.flow-desktop .stop,.flow-desktop .stop.wide,.flow-desktop .stop.showcase,.flow-desktop .stop.playable,.flow-desktop .stop.hero{top:50%;left:40px;right:auto;width:min(520px,42vw);max-height:calc(100dvh - 110px);padding:26px}.flow-desktop .stop.showcase:has(iframe){width:min(760px,58vw)}.show,.cols{grid-template-columns:1fr!important;gap:18px!important}.stop h1{font-size:clamp(34px,3.4vw,56px)}.read p{font-size:15px}.flow-mobile #track,.flow-mobile .spacer{display:none}.flow-mobile .page{overflow:hidden;pointer-events:none;padding:0}.flow-mobile .page.open .stops{pointer-events:auto}.flow-mobile .stops{position:fixed;inset:auto 0 0 0;height:64dvh;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior:contain}.flow-mobile .stops::-webkit-scrollbar{display:none}.flow-mobile .stop,.flow-mobile .stop.wide,.flow-mobile .stop.showcase,.flow-mobile .stop.playable,.flow-mobile .stop:nth-of-type(2n),.flow-mobile .stop.hero{position:relative;inset:auto;flex:0 0 100vw;width:100vw;height:100%;max-height:none;margin:0;transform:none;padding:34px 18px 28px;border-radius:20px 20px 0 0;border-width:1px 0 0;scroll-snap-align:start;scroll-snap-stop:always;overflow-y:auto;background:#06080ddb}#dots{position:fixed;z-index:7;left:0;right:0;bottom:calc(64dvh - 22px);display:none;justify-content:center;gap:5px;pointer-events:none}.flow-mobile #dots{display:flex}#dots i{width:6px;height:6px;border-radius:50%;background:#ffffff4d}#dots i.on{background:var(--amber);width:16px;border-radius:3px}.travel-btn{all:unset;display:block;margin-top:20px;padding:16px 18px;border:1px solid var(--amber);border-radius:14px;font-size:20px;font-weight:800;color:var(--ink);cursor:pointer}.travel-btn span{display:block;font:400 11px var(--mono);color:var(--amber)}.worldlist{display:grid;gap:6px;margin-top:12px;max-height:40dvh;overflow-y:auto}.worldlist button{all:unset;display:grid;grid-template-columns:10px 1fr;column-gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--glass-line);border-radius:10px;cursor:pointer}.worldlist i{width:10px;height:10px;border-radius:50%;grid-row:span 2}.worldlist b{font-size:15px;color:var(--ink)}.worldlist span{grid-column:2;font-size:12px;color:var(--muted)}.flow-mobile .caption{left:12px;right:12px;bottom:12px;width:auto;margin:0;padding:18px}.flow-mobile .caption h1{font-size:40px}.flow-mobile .shot.framed{height:240px}.in-world .caption{pointer-events:none}.stop,.stop:nth-of-type(2n){left:40px;right:auto}.stop.wide,.stop.wide:nth-of-type(2n),.stop.showcase,.stop.showcase:nth-of-type(2n){left:40px}#guide{position:fixed;z-index:6;left:50%;bottom:18px;transform:translate(-50%,16px);display:flex;align-items:center;gap:10px;padding:7px;border-radius:14px;background:#090a0ec7;border:1px solid rgba(255,255,255,.13);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;pointer-events:none;transition:opacity .4s,transform .4s;max-width:calc(100vw - 24px)}#guide.on{opacity:1;pointer-events:auto;transform:translate(-50%)}#guide-steps{display:flex;gap:2px}#guide-steps button{all:unset;cursor:pointer;display:flex;align-items:center;gap:7px;height:34px;padding:0 10px;border-radius:9px;font:500 13px var(--sans, inherit);color:#ffffff94;white-space:nowrap;transition:color .2s,background .2s}#guide-steps button:hover,#guide-steps button:focus-visible{color:#fff;background:#ffffff14}#guide-steps i{font:500 11px var(--mono);font-style:normal;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;border:1px solid currentColor}#guide-steps .done{color:#ffffffd6}#guide-steps .done i{background:#ffffff29;border-color:transparent}#guide-steps .now{color:#fff;background:#ffffff1a}#guide-steps .now i{background:var(--amber);border-color:var(--amber);color:#08090a}#guide-next{all:unset;cursor:pointer;height:34px;padding:0 14px;border-radius:9px;background:var(--amber);color:#08090a;font-weight:700;font-size:13px;white-space:nowrap}#guide-next:focus-visible{outline:2px solid #fff;outline-offset:2px}#pin{position:fixed;z-index:3;left:0;top:0;width:0;height:0;pointer-events:none;opacity:0;transition:opacity .35s}#pin.on:not(.off){opacity:1}#pin b,#pin span{position:absolute;left:14px;width:250px;background:#08090cd6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}#pin b{bottom:62px;padding:9px 12px 2px;border-radius:10px 10px 0 0;font-size:14px}#pin span{top:-62px;padding:2px 12px 10px;border-radius:0 0 10px 10px;font-size:13px;line-height:1.4;color:#fffc;min-height:54px}#pin i{position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px #ffffff38}#pin:before{content:"";position:absolute;left:0;top:-62px;width:1px;height:62px;background:#ffffff8c}.flow-mobile #guide{left:0;right:0;max-width:none;top:56px;bottom:auto;transform:none;border-radius:0;padding:5px 8px;gap:6px;border-width:1px 0}.flow-mobile #guide-steps{flex:1;overflow-x:auto;scrollbar-width:none}.flow-mobile #guide-steps span{display:none}.flow-mobile #guide-steps .now span{display:inline}.flow-mobile #guide-steps button{padding:0 6px}.flow-mobile #guide-next{padding:0 11px;font-size:12px}.flow-mobile #pin{display:none}.flow-desktop .stop{left:40px;right:auto}.flow-desktop .stop{top:calc(50% - 14px);max-height:calc(100dvh - 158px)}#transit{position:fixed;z-index:3;left:50%;top:50%;width:min(760px,86vw);transform:translate(-50%,-40%);text-align:center;color:#fff;opacity:0;pointer-events:none;transition:opacity .35s,transform .6s;text-shadow:0 2px 26px rgba(0,0,0,.75)}#transit.on{opacity:1;transform:translate(-50%,-50%)}#transit h2{margin:0 0 10px;font-size:clamp(38px,5vw,76px);line-height:1;font-weight:800;letter-spacing:-.04em}#transit p{margin:0 auto;max-width:560px;font-size:19px;line-height:1.4}#caption.intro{left:50%;right:auto;top:auto;bottom:9vh;width:min(980px,92vw);transform:translate(-50%);text-align:center;background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;text-shadow:0 2px 24px rgba(0,0,0,.7)}#caption.intro h1{font-size:clamp(42px,6.4vw,96px);line-height:.98;letter-spacing:-.04em}#caption.intro .body{margin:18px auto 24px;max-width:560px;font-size:18px;color:#ffffffd6}.go-tour{all:unset;cursor:pointer;display:inline-block;padding:15px 30px;border-radius:999px;background:#f6f4ee;color:#08090a;font-weight:700;font-size:17px;transition:transform .2s;text-shadow:none}.go-tour:hover{transform:translateY(-2px)}.go-tour:focus-visible{outline:2px solid #fff;outline-offset:3px}#caption .hint{margin:12px 0 0;font-size:13px;color:#fff9}.flow-desktop .stop.line{left:64px;right:auto;top:auto;bottom:104px;width:min(760px,62vw);max-height:none;overflow:visible;padding:0}.stop.line,.flow-mobile .stop.line{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:#fff;text-shadow:0 1px 20px rgba(0,0,0,.55)}.stop.line h1,.stop.line h2{margin:0;color:#fff;font-weight:800;letter-spacing:-.04em;line-height:1}.stop.line h1{font-size:clamp(56px,8vw,124px)}.stop.line h2{font-size:clamp(38px,5vw,76px)}.stop.line>p{margin:16px 0 0;max-width:600px;font-size:clamp(18px,1.6vw,23px);line-height:1.35;color:#ffffffeb}.stop.line .line-links{display:flex;gap:10px}.line-links a{padding:11px 20px;border-radius:999px;background:#f6f4ee;color:#08090a;font-weight:700;font-size:15px;text-decoration:none;text-shadow:none}.in-world body:before{content:"";position:fixed;inset:auto 0 0 0;height:70vh;z-index:2;pointer-events:none;background:linear-gradient(transparent,#040508c7)}#veil{display:grid;place-items:center;font-size:clamp(36px,6vw,84px);font-weight:800;letter-spacing:-.04em}#guide{background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;left:64px;right:64px;transform:translateY(12px);justify-content:space-between;max-width:none;padding:0;bottom:34px}#guide.on{transform:none}#guide-steps{gap:0;align-items:center}#guide-steps button{height:30px;width:26px;padding:0;justify-content:center;background:none!important}#guide-steps i{width:8px;height:8px;border:0;background:#ffffff61;transition:transform .25s,background .25s}#guide-steps .done i{background:#ffffffd9}#guide-steps .now i{background:var(--amber);transform:scale(1.6)}#guide-steps button:hover i{background:#fff}#guide-next{height:44px;padding:0 24px;border-radius:999px;background:#f6f4ee;font-size:15px;display:flex;align-items:center}#pin b,#pin span,#pin:before{display:none}#pin i{left:-6px;top:-6px;width:12px;height:12px;background:#fff;box-shadow:0 0 0 5px #ffffff40,0 0 18px #fff9}.flow-mobile .stops{height:40dvh;inset:auto 0 74px 0;background:none}.flow-mobile .stop.line{display:flex;flex-direction:column;justify-content:flex-end;padding:0 20px 8px;max-height:none;overflow:visible;height:auto}.flow-mobile .stop.line h1{font-size:52px}.flow-mobile .stop.line h2{font-size:36px}.flow-mobile #guide{top:auto;bottom:18px;left:20px;right:20px;padding:0;border:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.flow-mobile #guide-steps{flex:0 1 auto}.flow-mobile #guide-steps button{width:20px;padding:0}.flow-mobile #guide-next{padding:0 18px;font-size:14px;max-width:58vw;overflow:hidden;text-overflow:ellipsis}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#040508;color:#f6f4ee;transition:opacity 1s}.loaded #loader{opacity:0;pointer-events:none}.load-ring{position:relative;width:min(240px,58vw);aspect-ratio:1;margin-bottom:26px}.load-ring svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg);overflow:visible}.load-ring circle{fill:none;stroke-width:1.2}.load-track{stroke:#ffffff1f}#load-arc{stroke:#f2c078;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .35s ease-out}#load-orbit{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .35s ease-out}#load-orbit i{position:absolute;left:50%;top:4%;width:10px;height:10px;margin:-5px;border-radius:50%;background:#fff3dc;box-shadow:0 0 16px 4px #f2c078bf}.load-planet{position:absolute;top:27%;right:27%;bottom:27%;left:27%;border-radius:50%;background:radial-gradient(circle at 68% 30%,#ffe0ad 0,#e08a4a 26%,#7c3518 56%,#1d0b06 80%,#07040a);box-shadow:16px -14px 46px -8px #f2965a80}.load-word{margin:0;font-size:20px;font-weight:700;letter-spacing:-.02em}#load-pct{margin:0;font:400 14px var(--mono);color:#ffffff9e}.stop.line{display:block!important}.flow-desktop .stop.line{width:min(820px,70vw)}.stop.line>p{max-width:680px}.line-facts{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 28px;max-width:760px;font-size:15px;font-weight:600;color:#fff}.line-facts li{padding-left:14px;border-left:2px solid var(--amber);line-height:1.3}.flow-mobile .stops{height:58dvh}.flow-mobile .stop.line>p{font-size:16px;margin-top:10px}.flow-mobile .stop.line h2{font-size:32px}.flow-mobile .line-facts{font-size:13px;margin-top:10px;flex-direction:column}.flow-mobile.in-world body:before{height:76vh;background:linear-gradient(transparent,#040508e0 45%)}.stop.line>p{font-size:clamp(17px,1.35vw,20px);line-height:1.45;max-width:720px}.stop.line .line-result{margin-top:12px;padding-left:14px;border-left:2px solid var(--amber);font-weight:600}.stop.line .line-result[hidden]{display:none}.intro-kicker{margin:0 0 8px!important;font-size:18px;font-weight:700;color:#fff}#pin{z-index:5}#pin-act{all:unset;position:absolute;left:18px;top:-22px;height:44px;padding:0 20px;display:flex;align-items:center;border-radius:999px;background:var(--amber);color:#08090a;font-weight:700;font-size:15px;white-space:nowrap;cursor:pointer;pointer-events:auto;box-shadow:0 6px 24px #00000073}#pin-act[hidden]{display:none}#pin-act:focus-visible{outline:2px solid #fff;outline-offset:3px}#pin:not(.on) #pin-act,#pin.off #pin-act{pointer-events:none}.flow-mobile #pin{display:block}.flow-mobile .stop.line>p{font-size:15px;line-height:1.4}.flow-mobile .stops{height:62dvh}.flow-mobile #pin-act{height:38px;font-size:13px;padding:0 14px;left:12px}#sound{all:unset;cursor:pointer;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:#fff;transition:background-color .2s}#sound:hover{background:#ffffff1f}#sound:focus-visible{outline:2px solid #fff}#sound .snd-off,#sound.muted .snd-on{display:none}#sound.muted .snd-off{display:inline}.stop.line h1,.stop.line h2,#caption.intro h1{font-weight:600}.flow-mobile.in-world body:before{background:linear-gradient(transparent,#040508e6 30%)}.end-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 24px;margin:0}.end-link{all:unset;cursor:pointer;font-size:16px;font-weight:500;color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#fff6;transition:text-decoration-color .2s}.end-link:hover{text-decoration-color:#fff}.end-link:focus-visible{outline:2px solid #fff;outline-offset:4px}a.go-tour{text-decoration:none}#caption.outro>*{opacity:0;transform:translateY(14px);animation:end-rise .9s cubic-bezier(.2,.7,.2,1) forwards}#caption.outro>:nth-child(1){animation-delay:1.5s}#caption.outro>:nth-child(2){animation-delay:1.8s}#caption.outro>:nth-child(3){animation-delay:3.4s}#caption.outro>:nth-child(4){animation-delay:4.2s}@keyframes end-rise{to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){#caption.outro>*{animation:none;opacity:1;transform:none}}#veil{color:transparent;transition:color .4s}#veil.waiting{color:var(--veil-ink, #fff)}.page{transition:opacity .35s}.page:not(.open){opacity:0}.caption,.caption.intro,.flow-mobile .caption{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.in-world .caption{visibility:hidden;transition:opacity .38s,visibility 0s .4s}.tag{background:none!important;border:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;font:500 13px var(--sans, inherit);color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.9)}.flow-mobile #caption.intro{left:0;right:0;width:100%;margin:0;padding:0 20px;transform:none;bottom:40px;box-sizing:border-box}.flow-mobile #caption.intro h1{width:auto;font-size:46px}.flow-mobile #caption.intro .body{font-size:16px}.flow-mobile #caption.intro.out{transform:translateY(14px)}.flow-mobile .stops{align-items:flex-end}.flow-mobile .stop.line{align-self:flex-end;padding-bottom:12px}.flow-mobile.in-world body:before{height:62vh;background:linear-gradient(transparent,#040508d1 55%)}.flow-mobile .stop.line{opacity:1;visibility:visible;transform:none}#veil{font-size:clamp(44px,9vw,150px);font-weight:600;letter-spacing:-.04em;text-align:center;padding:0 20px}.in-world body:before{z-index:1}#veil{z-index:2}#tech{position:fixed;z-index:3;right:64px;bottom:104px;width:min(480px,34vw);margin:0;font:400 13px/1.7 var(--mono);color:#ffffffe6;white-space:pre-wrap;pointer-events:none;text-shadow:0 1px 12px rgba(0,0,0,.85);transition:opacity .3s}#tech span{display:block;opacity:0;transform:translateY(4px)}#tech span.cmd{color:#fff}#tech span.cmd:first-letter{color:var(--amber)}#tech span.note{color:#ffffff8c}#tech.live span{animation:tech-in .35s ease-out forwards;animation-delay:calc(.6s + var(--i) * .22s)}@keyframes tech-in{to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){#tech span,#tech.live span{animation:none;opacity:1;transform:none}}.flow-desktop .stop.line{width:min(720px,52vw)}.flow-mobile #tech{display:none}#tech{width:min(500px,35vw);padding-left:20px;font:400 13.5px/1.8 var(--mono)}#tech:before{content:"";position:absolute;left:0;top:34px;bottom:6px;width:1px;background:linear-gradient(var(--amber),rgba(255,255,255,.15));transform-origin:top;transform:scaleY(0)}#tech.live:before{animation:tech-rule var(--total, 2s) cubic-bezier(.2,.7,.2,1) .4s forwards}@keyframes tech-rule{to{transform:scaleY(1)}}#tech .tech-head{margin:0 0 10px;font:500 12px var(--sans, inherit);color:#fff9;opacity:0}#tech.live .tech-head{animation:tech-fade .5s ease-out .2s forwards}@keyframes tech-fade{to{opacity:1}}#tech span{opacity:1;transform:none;clip-path:inset(0 100% 0 0);white-space:pre-wrap}#tech.live span:not(.caret){animation-name:tech-type;animation-timing-function:steps(var(--n),end);animation-fill-mode:forwards}@keyframes tech-type{to{clip-path:inset(0 0 0 0)}}#tech b{font-weight:500;color:#fff;display:inline-block}#tech .kv b{font-weight:400;color:#ffffff94}#tech .cmd s,#tech .kv s,#tech .plain s{text-decoration:none;color:var(--amber)}#tech i{font-style:normal;color:#ffffffb3}#tech u{text-decoration:none;color:#ffffff73}#tech em{font-style:normal;color:var(--amber)}#tech small{font-size:inherit;color:#ffffff73}#tech .note,#tech .code{color:#ffffff80}#tech .code em{color:var(--amber)}#tech .caret{display:inline-block;width:8px;height:15px;margin-top:4px;background:var(--amber);clip-path:none;opacity:0}#tech.live .caret{animation:tech-caret .9s steps(1,end) 4 both}@keyframes tech-caret{0%{opacity:1}50%{opacity:0}to{opacity:0}}@media (prefers-reduced-motion: reduce){#tech span,#tech.live span{animation:none!important;clip-path:none}#tech:before{transform:none}#tech .tech-head{opacity:1}}#tech{width:min(540px,37vw);padding:0;border-radius:12px;background:#06070ad1;border:1px solid rgba(255,255,255,.1);overflow:hidden;font:400 13px/1.65 var(--mono);text-shadow:none}#tech:empty{display:none}#tech:before{content:none}#tech .term-bar{margin:0;padding:8px 14px;font:500 12px var(--sans, inherit);color:#ffffff80;border-bottom:1px solid rgba(255,255,255,.08)}#tech .term-body{margin:0;padding:12px 14px 14px;height:21.45em;overflow:hidden;white-space:pre;color:#ffffffe0}#tech .term-body span,#tech .term-body b,#tech .term-body small{clip-path:none;opacity:1;transform:none;animation:none;display:inline}#tech .tp{color:#ffffff80}#tech .ta{color:var(--amber)}#tech .tc{display:inline-block;width:.6em;height:1.15em;vertical-align:-.2em;background:var(--amber);animation:term-caret 1s steps(1,end) infinite!important}@keyframes term-caret{50%{opacity:0}}#tech q{quotes:none;color:#ffffff8c}#tech .vn{color:#ffffff4d}#tech .vt{color:#7896ff80}#tech .vs{display:flex!important;justify-content:space-between;background:#ffffff1f;color:#fff;padding:0 6px;margin:0 -6px}#tech .vm{color:var(--amber);font-weight:500}#tech{width:min(640px,43vw);bottom:96px;font-size:14px}#tech .term-body{height:24.75em}#tech .ok{color:#7fdc9a}#tech .bad{color:#ff7b6e}#tech .warn{color:var(--amber)}.flow-desktop .stop.line{width:min(640px,45vw)}#veil{transition:color .4s,background-color .8s}.bar,#veil{user-select:none;-webkit-user-select:none}.stop.brief dl{display:grid;grid-template-columns:9.5em 1fr;gap:14px 24px;margin:22px 0 0;max-width:680px}.stop.brief dt{font-size:15px;font-weight:500;color:#ffffff9e;padding-top:3px}.stop.brief dd{margin:0;font-size:clamp(17px,1.35vw,20px);line-height:1.4;color:#fff}.flow-mobile .stop.brief dl{grid-template-columns:1fr;gap:4px}.flow-mobile .stop.brief dt{padding-top:10px;font-size:13px}.flow-mobile .stop.brief dd{font-size:15px}.demo-steps{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:2px;max-width:620px}.demo-steps button{all:unset;cursor:pointer;display:flex;align-items:baseline;gap:14px;padding:6px 0;font-size:clamp(16px,1.25vw,19px);color:#ffffff80;transition:color .3s}.demo-steps i{font:500 13px var(--mono);font-style:normal;width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid currentColor;transform:translateY(2px)}.demo-steps .done button{color:#ffffffc7}.demo-steps .done i{border-color:transparent;background:#ffffff29}.demo-steps .now button{color:#fff}.demo-steps .now i{background:var(--amber);border-color:var(--amber);color:#08090a}.demo-steps button:hover,.demo-steps button:focus-visible{color:#fff}.demo-replay{all:unset;cursor:pointer;margin-top:14px;font-size:15px;color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#fff6}.flow-mobile .demo-steps button{font-size:15px;padding:3px 0}.flow-desktop .stop.line{max-height:calc(100dvh - 190px);overflow-y:auto;scrollbar-width:none}.flow-desktop .stop.line::-webkit-scrollbar{display:none}#tech .term-body{max-height:calc(100dvh - 250px)}@media (max-height: 780px){.stop.line h1{font-size:clamp(44px,6vw,84px)}.stop.line h2{font-size:clamp(28px,3.4vw,48px)}.stop.line>p,.stop.brief dd,.demo-steps button{font-size:15px}.stop.brief dl{gap:8px 20px;margin-top:14px}.demo-steps button{padding:3px 0}#tech{font-size:12.5px;bottom:88px}}
