:root{--paper: #f3efe6;--paper-2: #ebe5d7;--paper-3: #e2dbcb;--card: #fbf9f4;--ink: #1b1915;--ink-2: #4f4a40;--ink-3: #7d7566;--rule: #d4ccba;--rule-2: #c3b9a4;--night: #15140f;--night-2: #1d1c16;--night-3: #27251d;--night-rule: #3a372c;--on-night: #efe9dc;--on-night-2: #b3ab99;--on-night-3: #857d6b;--signal: #c2410c;--effect: #6d28d9;--dom: #0f766e;--signal-tint: rgb(194 65 12 / .12);--effect-tint: rgb(109 40 217 / .1);--dom-tint: rgb(15 118 110 / .12);--signal-n: #fb923c;--effect-n: #b79cff;--dom-n: #2dd4bf;--sans: "Switzer", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--serif: var(--sans);--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--wrap: 1240px;--ease: cubic-bezier(.2, .8, .2, 1);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.55 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:inherit}code{font-family:var(--mono);font-size:.86em}em{font-style:normal}::selection{background:var(--signal-tint)}:focus-visible{outline:2px solid var(--dom);outline-offset:3px;border-radius:4px}.wrap{width:min(var(--wrap),100% - 40px);margin-inline:auto}.wrap--wide{width:min(1420px,100% - 40px)}.machine .code{font-size:12.5px}.skip{position:absolute;left:16px;top:-60px;z-index:100;background:var(--ink);color:var(--paper);padding:10px 14px;border-radius:8px}.skip:focus{top:12px}.nav{position:fixed;inset:0 0 auto;z-index:50;transition:background .3s,box-shadow .3s,backdrop-filter .3s}.nav--scrolled{background:#f3efe6db;-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);box-shadow:0 1px 0 var(--rule)}.nav-in{height:64px;display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.01em;text-decoration:none}.mark{width:34px;height:14px}.mark path{stroke:var(--ink);stroke-width:1.4}.mark-s{fill:var(--signal)}.mark-e{fill:var(--effect)}.mark-d{fill:var(--dom)}.nav nav{margin-left:auto}.nav-links{display:flex;gap:28px;list-style:none;margin:0;padding:0;font-size:15px}.nav-links a{text-decoration:none;color:var(--ink-2);transition:color .15s}.nav-links a:hover{color:var(--ink)}.btn{--bh: 48px;position:relative;display:inline-flex;align-items:center;gap:10px;height:var(--bh);padding:0 22px;border-radius:999px;font:500 15px/1 var(--sans);text-decoration:none;white-space:nowrap;border:1px solid transparent;cursor:pointer;transition:transform .18s var(--ease),background .18s,border-color .18s,color .18s}.btn span{transition:transform .2s var(--ease)}.btn:hover span{transform:translate(3px)}.btn[href^="#"]:hover span{transform:translateY(2px)}.btn:active{transform:scale(.98)}.btn--sm{--bh: 38px;padding:0 16px;font-size:14px}.btn--ink{background:var(--ink);color:var(--paper)}.btn--ink:hover{background:#000}.btn--paper{background:var(--on-night);color:var(--night)}.btn--paper:hover{background:#fff}.btn--line{border-color:var(--rule-2);color:var(--ink);background:transparent}.btn--line:hover{border-color:var(--ink);background:var(--card)}.btn--line-light{border-color:var(--night-rule);color:var(--on-night)}.btn--line-light:hover{border-color:var(--on-night-2)}.btn--beam{isolation:isolate}.btn--beam:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--beam-a, 0deg),transparent 0 72%,var(--signal) 80%,var(--effect) 88%,var(--dom) 96%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:beam 4s linear infinite;z-index:-1;pointer-events:none}@property --beam-a{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes beam{to{--beam-a: 360deg}}.hero{position:relative;min-height:max(720px,100svh);display:flex;flex-direction:column;justify-content:center;padding:120px 0 40px;overflow:hidden;background:radial-gradient(1200px 520px at 78% 18%,rgb(109 40 217 / .07),transparent 70%),radial-gradient(900px 480px at 12% 90%,rgb(194 65 12 / .06),transparent 70%),var(--paper)}.hero-field{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:pan-y}.field-grid{position:absolute;top:0;right:0;bottom:0;left:0}.field-dot{--h: 0;position:absolute;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;border-radius:50%;background:color-mix(in oklab,var(--rule-2) calc((1 - var(--h)) * 100%),var(--signal));transform:scale(calc(1 + var(--h) * 2.2));will-change:transform}.hero-in{position:relative;pointer-events:none}.hero-in a,.hero-in button,.hero-in code{pointer-events:auto}.kicker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 28px;color:var(--ink-2);font-size:15px}.kicker-pill{font:500 12px/1 var(--sans);letter-spacing:.02em;padding:7px 10px;border:1px solid var(--rule-2);border-radius:999px;background:var(--card);color:var(--ink)}.hero-h{margin:0;font:600 clamp(48px,7.8vw,128px) / .95 var(--serif);letter-spacing:-.05em;display:flex;flex-direction:column}.hero-h em{color:var(--ink-3);font-weight:300}.swap{position:relative;display:inline-grid;vertical-align:baseline}.swap>span{grid-area:1 / 1;transition:opacity .5s var(--ease),transform .6s var(--ease),filter .5s}.swap-src{font:400 .62em/1.4 var(--mono);letter-spacing:-.04em;color:var(--signal);align-self:center;background:var(--signal-tint);border-radius:10px;padding:0 .12em}.swap-out{color:var(--dom);opacity:0;transform:translateY(.18em);filter:blur(8px)}.swap--done .swap-src{opacity:0;transform:translateY(-.3em);filter:blur(8px)}.swap--done .swap-out{opacity:1;transform:none;filter:none}.hero-lead{max-width:34ch;margin:34px 0 0;font-size:clamp(18px,1.5vw,22px);line-height:1.5;color:var(--ink-2)}.hero-lead code{color:var(--ink)}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.install{display:inline-flex;align-items:center;gap:12px;margin-top:22px;padding:10px 10px 10px 16px;border:1px dashed var(--rule-2);border-radius:12px;background:#fbf9f4b3;font-size:14px;max-width:100%}.install code{overflow-x:auto;white-space:nowrap}.install-p{font-family:var(--mono);color:var(--ink-3)}.copy{font:500 12px/1 var(--sans);padding:7px 10px;border-radius:7px;border:1px solid var(--rule);background:var(--card);color:var(--ink-2);cursor:pointer;pointer-events:auto;transition:border-color .15s,color .15s}.copy:hover{border-color:var(--ink-3);color:var(--ink)}.hero-foot{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:auto;padding-top:56px;pointer-events:none}.meter{display:inline-flex;align-items:center;gap:10px;font:400 13px/1.4 var(--sans);color:var(--ink-2);background:var(--card);border:1px solid var(--rule);border-radius:999px;padding:8px 14px}.meter b{color:var(--ink);font-weight:500}.meter-live{color:var(--signal)!important;display:inline-block;min-width:2.2ch;text-align:right}.meter-dot{width:7px;height:7px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 4px var(--signal-tint);animation:pulse 2.4s var(--ease) infinite}@keyframes pulse{50%{box-shadow:0 0 0 7px transparent}}.meter-hint{margin:0;font-size:13px;color:var(--ink-3)}.rise{display:block;animation:rise .9s var(--ease) both}.kicker.rise,.install.rise{display:flex}.install.rise{display:inline-flex}.hero-cta.rise{display:flex}@keyframes rise{0%{opacity:0;transform:translateY(22px);filter:blur(6px)}}.band{padding:clamp(96px,12vw,168px) 0;position:relative}.band--paper{background:var(--paper)}.band--paper2{background:var(--paper-2);border-block:1px solid var(--rule)}.band--night{background:var(--night);color:var(--on-night)}.shead{max-width:880px;margin-bottom:clamp(48px,6vw,80px)}.fig{display:inline-block;font:600 11.5px/1 var(--sans);letter-spacing:.12em;color:var(--ink-3);padding-bottom:10px;border-bottom:1px solid currentColor;margin-bottom:26px}.band--night .fig{color:var(--on-night-3)}.shead-h{margin:0;font:600 clamp(36px,5vw,72px) / 1 var(--serif);letter-spacing:-.045em}.shead-h em{color:var(--ink-3);font-weight:300}.band--night .shead-h em{color:var(--on-night-3)}.shead-p{margin:24px 0 0;max-width:52ch;color:var(--ink-2);font-size:18px}.band--night .shead-p{color:var(--on-night-2)}[data-reveal]{opacity:0;transform:translateY(28px);filter:blur(6px);transition:opacity .8s var(--ease),transform .9s var(--ease),filter .8s var(--ease)}[data-reveal].in{opacity:1;transform:none;filter:none}.code{margin:0;padding:14px 0;font:400 13px/1.7 var(--mono);overflow-x:auto;-moz-tab-size:2;tab-size:2}.code code{font-size:inherit;display:block;min-width:max-content}.ln{display:flex;padding-right:18px;position:relative;transition:background .35s var(--ease)}.ln:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:transparent;transition:background .35s}.ln-no{flex:none;width:44px;padding-right:14px;text-align:right;color:var(--ink-3);opacity:.55;-webkit-user-select:none;user-select:none}.ln-text{white-space:pre}.ln--signal-hit{background:var(--signal-tint)}.ln--signal-hit:before{background:var(--signal)}.ln--effect-hit{background:var(--effect-tint);transition-delay:.22s}.ln--effect-hit:before{background:var(--effect);transition-delay:.22s}.ln--effect-soft{background:#6d28d90b;transition-delay:.22s}.ln--effect-soft:before{background:#6d28d959;transition-delay:.22s}.ln--more .ln-text{font-style:italic}.t-kw{color:var(--ink-3)}.t-string{color:#6b6150}.t-num{color:var(--ink)}.t-comment{color:var(--ink-3);opacity:.8}.t-tag{color:var(--ink-2)}.t-signal{color:var(--signal);text-decoration:underline dotted 1px;text-underline-offset:3px}.t-effect{color:var(--effect);font-weight:500}.t-dom{color:var(--dom)}.band--night .ln-no,.band--night .t-kw,.band--night .t-comment{color:var(--on-night-3)}.band--night .t-string{color:#cdbf9f}.band--night .t-num,.band--night .t-tag{color:var(--on-night)}.band--night .t-signal{color:var(--signal-n)}.band--night .t-effect{color:var(--effect-n)}.band--night .t-dom{color:var(--dom-n)}.demo-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.legend{display:flex;align-items:center;gap:10px;font:500 13px/1 var(--sans)}.legend-i{display:inline-flex;align-items:center;gap:8px}.legend-i:before{content:"";width:9px;height:9px;border-radius:50%}.legend-i--signal{color:var(--signal)}.legend-i--signal:before{background:var(--signal)}.legend-i--effect{color:var(--effect)}.legend-i--effect:before{background:var(--effect)}.legend-i--dom{color:var(--dom)}.legend-i--dom:before{background:var(--dom)}.legend-arrow{color:var(--ink-3)}.seg{display:inline-flex;padding:4px;border-radius:999px;background:var(--paper-3);border:1px solid var(--rule)}.seg button{font:500 13px/1 var(--sans);padding:9px 14px;border:0;border-radius:999px;background:transparent;color:var(--ink-2);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.seg button.is-on{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #1b19151f}.machine{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.5fr) minmax(0,.78fr);gap:44px;align-items:start}.panel{position:relative;z-index:1;background:var(--card);border:1px solid var(--rule);border-radius:16px;box-shadow:0 1px #fffc inset,0 30px 60px -30px #3c2d1447,0 2px 6px -2px #3c2d1414;overflow:hidden;min-width:0}.panel-h{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--rule);font:500 13px/1 var(--sans);color:var(--ink);background:linear-gradient(var(--card),var(--paper))}.panel-dot{width:8px;height:8px;border-radius:2px;background:var(--rule-2)}.panel-dot--live{border-radius:50%;background:var(--dom);box-shadow:0 0 0 3px var(--dom-tint)}.panel-tag{margin-left:auto;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.compile-error{padding:22px 20px 26px;font:400 14px/1.6 var(--mono)}.compile-error-k{display:inline-block;padding:4px 8px;border-radius:6px;background:var(--signal-tint);color:var(--signal);font-weight:500}.compile-error p{margin:14px 0 0}.compile-error-note{font-family:var(--sans);color:var(--ink-3);font-size:13px}.panel--live{display:flex;flex-direction:column}.live-stage{display:grid;place-items:center;gap:14px;padding:36px 20px 26px;background-image:radial-gradient(var(--rule) 1px,transparent 1px);background-size:16px 16px;border-bottom:1px solid var(--rule)}.live-mount button{font:500 17px/1 var(--sans);padding:15px 24px;border-radius:12px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;transition:transform .15s var(--ease),background .25s,color .25s,border-color .25s;font-variant-numeric:tabular-nums}.live-mount button:hover{transform:translateY(-1px)}.live-mount button:active{transform:scale(.97)}.live-mount button.max{background:var(--dom);border-color:var(--dom)}.live-mount.is-flash button{animation:domflash .9s var(--ease)}@keyframes domflash{0%{box-shadow:0 0 #0f766e99}to{box-shadow:0 0 0 14px #0f766e00}}.live-hint,.live-empty{margin:0;font-size:13px;color:var(--ink-3);text-align:center}.readouts{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--rule)}.readout{padding:16px 18px;display:flex;flex-direction:column;gap:4px}.readout+.readout{border-left:1px solid var(--rule)}.readout-v{font:600 40px/1 var(--serif);letter-spacing:-.04em;font-variant-numeric:tabular-nums;animation:tick .45s var(--ease)}.readout--effect .readout-v{color:var(--effect)}.readout--dom .readout-v{color:var(--dom)}@keyframes tick{0%{transform:translateY(40%);opacity:0}}.readout-l{font:500 11px/1 var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}.trace{list-style:none;margin:0;padding:12px 16px 16px;font:400 12px/1.5 var(--mono);min-height:132px;color:var(--ink-2)}.trace-empty{color:var(--ink-3);font-style:italic}.trace-i{display:flex;gap:9px;align-items:baseline;padding:2px 0;animation:slidein .4s var(--ease);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trace-i:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;transform:translateY(-1px)}.trace-i--signal:before{background:var(--signal)}.trace-i--effect:before{background:var(--effect)}.trace-i--dom:before{background:var(--dom)}@keyframes slidein{0%{opacity:0;transform:translate(-8px)}}.wires{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}.wire path{fill:none;stroke-linecap:round}.wire-track{stroke-width:1.5;opacity:0;animation:track 1.2s var(--ease) both}.wire-pulse{stroke-width:3.5;stroke-dasharray:.16 1.2;stroke-dashoffset:.16;opacity:0;animation:pulsego .75s var(--ease) both}.wire--signal path{stroke:var(--signal)}.wire--effect path{stroke:var(--effect)}.wire--dom path{stroke:var(--dom)}@keyframes track{0%{opacity:0}15%,60%{opacity:.45}to{opacity:0}}@keyframes pulsego{0%{opacity:1;stroke-dashoffset:.16}90%{opacity:1}to{opacity:0;stroke-dashoffset:-1}}.demo-note{margin:22px 0 0;max-width:76ch;font-size:13px;color:var(--ink-3)}.bridge{margin-top:64px;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;font-size:17px;color:var(--ink-2)}.bridge code{background:var(--signal-tint);padding:2px 6px;border-radius:6px;text-decoration:none}.pipe{display:grid;grid-template-columns:280px minmax(0,1fr);gap:64px;align-items:start}.pipe-rail{position:sticky;top:112px;list-style:none;margin:0;padding:0 0 0 22px;border-left:1px solid var(--night-rule)}.pipe-step a{position:relative;display:flex;gap:14px;align-items:baseline;padding:13px 0;text-decoration:none;color:var(--on-night-3);transition:color .3s}.pipe-step a:before{content:"";position:absolute;left:-23px;top:6px;bottom:6px;width:2px;background:transparent;transition:background .35s var(--ease)}.pipe-step.is-past a{color:var(--on-night-2)}.pipe-step.is-on a{color:var(--on-night)}.pipe-step--signal.is-on a:before{background:var(--signal-n)}.pipe-step--effect.is-on a:before{background:var(--effect-n)}.pipe-step--dom.is-on a:before{background:var(--dom-n)}.pipe-n{font:500 12px/1 var(--sans)}.pipe-t{font:500 21px/1.15 var(--serif);letter-spacing:-.02em}.pipe-panels{display:grid;gap:28px}.stage{background:var(--night-2);border:1px solid var(--night-rule);border-radius:18px;padding:26px 26px 10px;box-shadow:0 1px #ffffff0a inset;position:relative;overflow:hidden}.stage:before{content:"";position:absolute;inset:0 0 auto;height:2px}.stage--signal:before{background:var(--signal-n)}.stage--effect:before{background:var(--effect-n)}.stage--dom:before{background:var(--dom-n)}.stage-h{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.stage-n{font:500 12px/1 var(--sans);color:var(--on-night-3)}.stage-h h3{margin:0;font:600 28px/1.05 var(--serif);letter-spacing:-.035em}.stage-file{margin-left:auto;font:400 12px/1 var(--sans);color:var(--on-night-3);text-decoration:none}.stage-file:hover{color:var(--on-night)}.stage-p{margin:12px 0 0;color:var(--on-night-2);max-width:62ch}.stage-explain{margin:18px 0 20px;padding:16px 18px;border-radius:12px;background:var(--night-3);color:var(--on-night-2)}.stage-code{margin:18px -26px 0;border-top:1px solid var(--night-rule);background:var(--night)}.stage-code .code{max-height:420px}.chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}.chips-l{font:500 11px/1 var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--on-night-3);margin-right:4px}.chip{font:500 13px/1 var(--mono);padding:7px 11px;border-radius:999px;opacity:0;transform:translateY(6px) scale(.96);transition:opacity .5s var(--ease),transform .5s var(--ease)}.in .chip{opacity:1;transform:none}.chip--signal{color:var(--signal-n);background:#fb923c1f;border:1px solid rgb(251 146 60 / .3)}.graph{position:relative;display:grid;gap:18px;padding-bottom:84px}.graph-band--build{margin-bottom:64px}.graph-band{font:500 11px/1 var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);display:flex;align-items:center;gap:12px}.graph-band:after{content:"";flex:1;border-top:1px dashed var(--rule-2)}.graph-band--run{margin-top:72px}.graph-row{display:grid;gap:20px;position:relative;z-index:1}.graph-row--3{grid-template-columns:repeat(3,minmax(0,1fr))}.graph-row--4{grid-template-columns:repeat(4,minmax(0,1fr))}.pkg{position:relative;display:flex;flex-direction:column;gap:6px;padding:20px 20px 18px;background:var(--card);border:1px solid var(--rule);border-radius:14px;outline:none;cursor:default;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s,opacity .25s}.pkg:before{content:"";position:absolute;left:20px;top:0;width:28px;height:3px;border-radius:0 0 3px 3px}.pkg--signal:before{background:var(--signal)}.pkg--effect:before{background:var(--effect)}.pkg--dom:before{background:var(--dom)}.pkg:hover,.pkg:focus-visible,.pkg.is-lit{transform:translateY(-3px);box-shadow:0 22px 40px -24px #3c2d1466;border-color:var(--rule-2)}.pkg.is-dim{opacity:.45}.pkg-scope{font:400 12px/1 var(--sans);color:var(--ink-3)}.pkg-name{font:600 26px/1 var(--serif);letter-spacing:-.035em}.pkg-desc{font-size:14px;color:var(--ink-2);line-height:1.45}.pkg-deps{margin-top:8px;font:400 12px/1.4 var(--sans);color:var(--ink-3)}.graph-edges{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.graph-edges marker path{fill:var(--ink-3)}.edge{fill:none;stroke:var(--ink-3);stroke-width:1.6;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke .25s,stroke-width .25s}.in .edge{animation:draw 1.1s var(--ease) .3s forwards}.edge.is-lit{stroke:var(--ink);stroke-width:2.2}.graph:has(.pkg:hover) .edge:not(.is-lit),.graph:has(.pkg:focus-visible) .edge:not(.is-lit){opacity:.25}@keyframes draw{to{stroke-dashoffset:0}}.notes{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--card);border:1px solid var(--rule);border-radius:18px;overflow:hidden;background-image:repeating-linear-gradient(transparent 0 35px,#c3b9a459 35px,#c3b9a459 36px);background-position:0 70px}.notes-col{padding:32px 34px 30px}.notes-col+.notes-col{border-left:1px solid var(--rule)}.notes-h{margin:0 0 14px;font:600 24px/1 var(--serif);letter-spacing:-.03em;display:flex;align-items:center;gap:12px}.notes-h:before{content:"";width:11px;height:11px;border-radius:50%}.notes-h--ok:before{background:var(--dom)}.notes-h--no:before{border:1.5px solid var(--ink-3)}.notes ul{list-style:none;margin:0;padding:0}.note{position:relative;padding:7px 0 7px 26px;font-size:16px;line-height:1.4;color:var(--ink-2);min-height:36px}.note:before{content:"";position:absolute;left:2px;top:14px;width:8px;height:8px;border-radius:50%}.note--ok:before{background:var(--dom)}.note--no:before{border:1.5px solid var(--ink-3)}.closing{overflow:hidden;background:radial-gradient(800px 420px at 85% 10%,rgb(183 156 255 / .1),transparent 70%),radial-gradient(700px 400px at 5% 100%,rgb(45 212 191 / .08),transparent 70%),var(--night)}.closing-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:72px;align-items:center}.closing-h{margin:0;font:600 clamp(48px,6.8vw,108px) / .95 var(--serif);letter-spacing:-.05em}.closing-h em{color:var(--on-night-3);font-weight:300}.closing-p{margin:28px 0 0;max-width:42ch;color:var(--on-night-2);font-size:18px}.term{border-radius:16px;background:#0d0c09;border:1px solid var(--night-rule);box-shadow:0 40px 80px -40px #000000b3,0 1px #ffffff0d inset;overflow:hidden}.term-h{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--night-rule);font:500 12px/1 var(--sans);color:var(--on-night-3)}.term .copy{background:var(--night-2);border-color:var(--night-rule);color:var(--on-night-2)}.term-b{padding:20px 20px 24px;font:400 14px/1.8 var(--mono);min-height:140px}.term-cmd{color:var(--on-night)}.term-out{color:var(--dom-n);animation:slidein .35s var(--ease);word-break:break-word}.term-caret{display:inline-block;width:9px;height:18px;background:var(--on-night-2);vertical-align:middle;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.term-note{margin:14px 4px 0;font-size:13px;color:var(--on-night-3)}.foot{background:var(--night);color:var(--on-night-2);border-top:1px solid var(--night-rule);padding:36px 0 44px;font-size:14px}.foot-in{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.foot .mark path{stroke:var(--on-night-2)}.brand--sm{color:var(--on-night);font-size:15px}.foot-note{margin:0;flex:1;min-width:260px;color:var(--on-night-3)}.foot-links a{color:var(--on-night)}@media(max-width:1100px){.machine{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px 28px}.panel--live{grid-column:1 / -1}.pipe{grid-template-columns:1fr;gap:32px}.pipe-rail{display:none}.closing-in{grid-template-columns:1fr;gap:48px}}@media(max-width:820px){.nav-links{display:none}.nav nav{margin-left:auto}.machine{grid-template-columns:1fr;gap:16px}.wires{display:none}.panel--live{order:-1}.graph-row--3,.graph-row--4{grid-template-columns:1fr 1fr}.graph-band--run{margin-top:36px}.graph-edges{display:none}.notes{grid-template-columns:1fr}.notes-col+.notes-col{border-left:0;border-top:1px solid var(--rule)}}@media(max-width:520px){body{font-size:16px}.graph-row--3,.graph-row--4{grid-template-columns:1fr}.hero{padding-top:104px}.stage{padding:22px 18px 8px}.stage-code{margin-inline:-18px}.stage-file{margin-left:0;width:100%}.notes-col{padding:26px 22px}.readout-v{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important}[data-reveal]{opacity:1;transform:none;filter:none}.btn--beam:before{display:none}}