.vb{--bg: #eef2f4;--panel: #e2e9ed;--ink: #0b1420;--muted: #4b5d70;--line: #c3d0da;--teal: #0c8a75;--warn: #b25f00;--err: #c0362c;background:var(--bg);color:var(--ink);font-family:"Source Serif 4",Georgia,serif;min-height:100vh}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .vb{--bg: #0b1420;--panel: #0f1c2c;--ink: #e4ebf1;--muted: #8ea2b6;--line: #1d3044;--teal: #3fd1b5;--warn: #ffb547;--err: #ff6b5e}}:root[data-theme=dark] .vb{--bg: #0b1420;--panel: #0f1c2c;--ink: #e4ebf1;--muted: #8ea2b6;--line: #1d3044;--teal: #3fd1b5;--warn: #ffb547;--err: #ff6b5e}.vb-prompt,.vb-name,.vb-when,.vb h1,.vb h3,.vb dl{font-family:JetBrains Mono,ui-monospace,monospace}.vb-prompt{color:var(--teal);font-size:14px;font-weight:400;margin:0 0 14px}.vb .fade-out{--swap-x: -110px;--swap-y: 0px}.vb-hero{display:grid;gap:40px;padding:clamp(48px,12vh,120px) clamp(16px,4vw,48px) 64px;align-items:center}@media(min-width:960px){.vb-hero{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);min-height:92vh}}.vb-name{font-size:14px;color:var(--muted);margin:0}.vb h1{font-size:clamp(32px,5.4vw,68px);line-height:1.08;letter-spacing:-.035em;font-weight:700;margin:14px 0 22px}.vb-lede{font-size:clamp(18px,1.9vw,22px);line-height:1.55;max-width:46ch;color:var(--muted);margin:0}.vb-log{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:12px 16px}.vb-line{font:13px/2.3 JetBrains Mono,monospace;white-space:pre;margin:0;color:var(--muted);animation:vb-type .3s ease both}@keyframes vb-type{0%{opacity:0}}.vb-line span:first-child{color:var(--teal)}.vb-warn span:first-child{color:var(--warn)}.vb-error span:first-child{color:var(--err)}.vb-scene{height:340vh;border-top:1px solid var(--line)}.vb-sticky{position:sticky;top:0;height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;padding:20px clamp(16px,4vw,48px) 72px;align-items:center}@media(min-width:900px){.vb-sticky{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:48px}}.vb-steps{margin:0;padding-left:1.3em;font-size:clamp(15px,1.7vw,20px);line-height:1.45;max-width:40ch}.vb-steps li{margin-bottom:.5em}.vb-steps li::marker{color:var(--teal);font-family:JetBrains Mono,monospace}.vb-svg{width:100%;height:100%;max-height:70svh}.vb-svg rect{fill:var(--panel);stroke:var(--ink);stroke-width:1.5}.vb-wire{fill:none;stroke:var(--teal);stroke-width:2}.vb-node{font:700 15px JetBrains Mono,monospace;fill:var(--ink)}.vb-node-small{font:700 12px JetBrains Mono,monospace;fill:var(--ink)}.vb-note,.vb-proto{font:12px JetBrains Mono,monospace;fill:var(--muted)}.vb-proto{fill:var(--teal)}.vb-warn-text{font:700 13px JetBrains Mono,monospace;fill:var(--err)}.vb-svg .vb-errfill{fill:var(--warn);stroke:none;transform-box:fill-box;transform-origin:left center;transform:scaleX(.85)}.vb-threshold{stroke:var(--err);stroke-width:2;stroke-dasharray:3 3}.vb-gate{stroke:var(--err);stroke-width:5;stroke-linecap:round;transform-box:view-box;transform-origin:250px 570px}@keyframes vb-fill{0%{transform:scaleX(0)}to{transform:scaleX(.85)}}@keyframes vb-close{0%{transform:rotate(-90deg)}to{transform:rotate(0)}}@supports (animation-timeline: view()){.vb-svg .vb-errfill,.vb-gate{animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--scene;animation-range:contain calc(var(--i) * 8%) contain calc(var(--i) * 8% + 16%)}.vb-svg .vb-errfill{animation-name:vb-fill}.vb-gate{animation-name:vb-close}}@supports not (animation-timeline: view()){.js .vb-svg .vb-errfill{transform:scaleX(0);transition:transform 1.2s ease calc(var(--i) * .18s)}.js .is-visible .vb-errfill{transform:scaleX(.85)}.js .vb-gate{transform:rotate(-90deg);transition:transform .6s ease calc(var(--i) * .18s)}.js .is-visible .vb-gate{transform:rotate(0)}}.vb-work{padding:96px clamp(16px,4vw,48px);max-width:900px}.vb-tl{list-style:none;margin:0;padding:0 0 0 28px;border-left:2px solid var(--teal)}.vb-tl>li{position:relative;padding:0 0 48px}.vb-tl>li:before{content:"";position:absolute;left:-36px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--bg);border:2px solid var(--teal)}.vb-when{color:var(--teal);font-size:13px;margin:0 0 6px}.vb h3{font-size:clamp(20px,2.4vw,28px);letter-spacing:-.02em;margin:0 0 10px}.vb-tl p{font-size:18px;line-height:1.55;margin:0 0 12px}.vb-tl ul{list-style:none;padding:0;margin:0;font:14px/1.9 JetBrains Mono,monospace;color:var(--muted)}.vb-tl ul li:before{content:"> ";color:var(--teal)}.vb-contact{padding:80px clamp(16px,4vw,48px) 160px;border-top:1px solid var(--line)}.vb dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:14px 24px;font-size:clamp(15px,2.4vw,24px);margin:0 0 32px}.vb dt{color:var(--muted)}.vb dd{margin:0;overflow-wrap:anywhere}.vb dd a{color:var(--teal)}.vb-open{color:var(--muted);font-size:18px;line-height:1.55;max-width:56ch}