:root{--ink-900:#0a0b0d;--ink-850:#0e1013;--ink-800:#14171b;--ink-700:#1c2127;--ink-600:#252b32;--phosphor-bright:#d8ff6b;--phosphor:#c6f84e;--phosphor-deep:#a4d62f;--plasma:#5ee0ff;--text-hi:#f2f5ef;--text:#cbd1c9;--text-mut:#8b938f;--text-faint:#5b635f;--text-on-accent:#14210a;--line:#21262d;--line-strong:#2c333b;--line-faint:#181c21;--c-turbo:#ff5e9c;--c-nx:#6aa8ff;--c-baseline:#8a8f98;--bg-page:var(--ink-900);--bg-sunken:var(--ink-850);--surface-card:var(--ink-800);--accent-text:var(--phosphor-deep);--link:var(--plasma);--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", "Menlo", monospace;--font-display:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-body:"Hanken Grotesk", system-ui, -apple-system, sans-serif;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--text-xs:12px;--text-sm:13px;--text-md:16px;--ls-display:-.04em;--ls-tight:-.02em;--ls-label:.14em;--type-body:var(--fw-regular) var(--text-md) / 1.55 var(--font-body);--type-body-sm:var(--fw-regular) var(--text-sm) / 1.55 var(--font-body);--type-label:var(--fw-medium) var(--text-xs) / 1.25 var(--font-mono);--container-max:1200px;--gutter:clamp(20px, 5vw, 64px);--radius-xs:3px;--radius-sm:5px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--glow-phosphor-sm:0 0 16px color-mix(in srgb, var(--phosphor) 30%, transparent);--glow-phosphor:0 0 28px color-mix(in srgb, var(--phosphor) 38%, transparent);--text-glow:0 0 18px color-mix(in srgb, var(--phosphor) 45%, transparent);--ease-out:cubic-bezier(.22, 1, .36, 1)}.vx-landing *,.vx-landing :before,.vx-landing :after{box-sizing:border-box}html:has(.vx-landing),body:has(.vx-landing){background:var(--bg-page);margin:0;overflow-x:clip}.vx-landing{--vx-bg:#0a0b0d;--vx-fg:#f2f5ef;--vx-text:#cbd1c9;--vx-muted:#8b938f;--vx-surface:#14171b;--vx-surface-2:#1c2127;--vx-border:#2c333b;--vx-accent:#c6f84e;--vx-link:#5ee0ff;--vx-danger:#ff6b6b;--vx-ok:#22c55e;--vx-warn:#ff9d42;--vx-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--vx-font-body:"Hanken Grotesk", system-ui, -apple-system, sans-serif;background:var(--bg-page);color:var(--text);font:var(--type-body);font-feature-settings:"ss01" on, "cv01" on;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.vx-landing ::selection{background:color-mix(in srgb, var(--phosphor) 35%, transparent);color:var(--text-hi)}.vx-landing h1,.vx-landing h2,.vx-landing h3{color:var(--text-hi);font-family:var(--font-display);margin:0}.vx-kicker{font:var(--type-label);text-transform:uppercase;letter-spacing:var(--ls-label);color:var(--accent-text);margin:0}.container{max-width:var(--container-max);margin:0 auto}.btn{height:38px;font:var(--fw-semibold) 13.5px/1 var(--font-mono);letter-spacing:.02em;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:transform .14s var(--ease-out), background .14s, box-shadow .14s, border-color .14s;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-sm{height:34px;padding:0 14px;font-size:13px}.btn-lg{height:48px;padding:0 26px;font-size:15px}.btn-primary{background:var(--phosphor);color:var(--text-on-accent);box-shadow:var(--glow-phosphor-sm)}.btn-primary:hover{box-shadow:var(--glow-phosphor)}.btn-ghost{color:var(--text);border-color:var(--line-strong);background:0 0}.btn-ghost:hover{background:var(--ink-600)}.btn .arr{font-size:1.1em}.nav{z-index:50;padding:0 var(--gutter);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--ink-900) 78%, transparent);-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;height:64px;display:flex;position:sticky;top:0}.nav-left{align-items:center;gap:40px;display:flex}.brand{align-items:center;gap:10px;text-decoration:none;display:flex}.brand .word{font:var(--fw-bold) 19px/1 var(--font-display);color:var(--text-hi);letter-spacing:-.02em}.nav-links{gap:26px;display:flex}.nav-links a{font:var(--fw-medium) var(--text-sm) / 1 var(--font-mono);color:var(--text-mut);letter-spacing:.01em;text-decoration:none}.nav-links a:hover{color:var(--text-hi)}.nav-right{align-items:center;gap:12px;display:flex}.btn-github{border:1px solid var(--line-strong);border-radius:var(--radius-sm);height:34px;font:var(--fw-medium) var(--text-xs) / 1 var(--font-mono);color:var(--text);align-items:center;gap:8px;padding:0 12px;text-decoration:none;display:flex}.btn-github:hover{border-color:var(--line);color:var(--text-hi)}.phosphor{color:var(--phosphor);text-shadow:var(--text-glow)}.install-pill{background:var(--ink-800);border:1px solid var(--line-strong);border-radius:var(--radius-sm);height:48px;font:var(--fw-medium) 13.5px/1 var(--font-mono);color:var(--text);cursor:pointer;align-items:center;gap:12px;padding:0 8px 0 18px;display:flex}.install-pill .dollar{color:var(--phosphor)}.install-pill .cmd{white-space:nowrap}.install-pill .copy{border-radius:var(--radius-xs);background:var(--ink-700);width:32px;height:32px;color:var(--text-mut);justify-content:center;align-items:center;display:inline-flex}.install-pill.copied .copy{color:var(--phosphor)}.install-pill .icon-check{display:none}.install-pill.copied .icon-check{display:block}.install-pill.copied .icon-copy{display:none}.bench-panel{background:var(--bg-sunken);border:1px solid var(--line);border-radius:var(--radius-xl);overflow:hidden}.bench-legend{gap:20px;display:flex}.legend{font:var(--fw-medium) 12px/1 var(--font-mono);color:var(--text-mut);align-items:center;gap:7px;display:flex}.legend .sw{border-radius:2px;width:10px;height:10px}.bench-rows{padding:8px 36px 30px}.bench-row{border-bottom:1px solid var(--line-faint);padding:20px 0}.bench-row:last-child{border-bottom:none}.bench-row .task{font:var(--fw-medium) var(--text-sm) / 1 var(--font-mono);color:var(--text-hi);margin:0 0 12px}.bench-bar{align-items:center;gap:12px;margin-bottom:7px;display:flex}.bench-bar .name{width:52px;font:11px/1 var(--font-mono);color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em}.bench-bar .track{background:var(--ink-800);border-radius:var(--radius-xs);flex:1;height:22px;overflow:hidden}.bench-bar .fill{width:var(--w);background:var(--c);border-radius:var(--radius-xs);transform-origin:0;height:100%;animation:bench-grow .9s var(--ease-out) both;animation-delay:.1s;display:block}.bench-bar.best .fill{box-shadow:0 0 16px color-mix(in srgb, var(--c) 50%, transparent)}.bench-bar.clipped .fill{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000 calc(100% - 26px),#000 calc(100% - 20px),#0000 calc(100% - 18px),#000 calc(100% - 12px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000 calc(100% - 26px),#000 calc(100% - 20px),#0000 calc(100% - 18px),#000 calc(100% - 12px),#0000)}.bench-bar.baseline .fill{border:1px dashed var(--c-baseline);box-shadow:none;background:0 0}.bench-bar.baseline .name,.bench-bar.baseline .disp{color:var(--c-baseline)}@keyframes bench-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.bench-bar .disp{text-align:right;width:72px;font:var(--fw-regular) 13px/1 var(--font-mono);color:var(--text-mut)}.bench-bar.best .disp{font-weight:var(--fw-bold);color:var(--phosphor-bright)}@media (prefers-reduced-motion:reduce){.bench-bar .fill{animation:none}}.footer{border-top:1px solid var(--line);padding:56px var(--gutter) 40px;background:var(--bg-sunken)}.foot-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:32px;display:grid}.foot-brand .row{align-items:center;gap:10px;margin-bottom:14px;display:flex}.foot-brand .word{font:var(--fw-bold) 18px/1 var(--font-display);color:var(--text-hi)}.foot-brand p{font:var(--type-body-sm);color:var(--text-faint);max-width:230px;margin:0}.foot-col .title{font:var(--type-label);text-transform:uppercase;letter-spacing:var(--ls-label);color:var(--text-faint);margin:0 0 14px}.foot-col .links{flex-direction:column;gap:10px;display:flex}.foot-col .links a{font:var(--type-body-sm);color:var(--text-mut);text-decoration:none}.foot-col .links a:hover{color:var(--text-hi)}.foot-bottom{border-top:1px solid var(--line-faint);font:12px/1 var(--font-mono);color:var(--text-faint);justify-content:space-between;margin:40px auto 0;padding-top:24px;display:flex}.vx-landing h1{font:var(--fw-bold) clamp(40px, 5.6vw, 72px) / 1.02 var(--font-display);letter-spacing:var(--ls-display);color:var(--text-hi);margin:14px 0 0}.vx-landing h2{font:var(--fw-bold) clamp(30px, 3.8vw, 48px) / 1.08 var(--font-display);letter-spacing:var(--ls-tight);color:var(--text-hi);margin:12px 0 0}.section{padding:96px var(--gutter);border-top:1px solid var(--line-faint)}.section-head{max-width:820px;margin-bottom:40px}.sub{font:var(--fw-regular) 18px / 1.5 var(--font-body);color:var(--text-mut);max-width:680px;margin:16px 0 0}.section-link{font:var(--fw-semibold) 16px / 1 var(--font-body);color:var(--link);margin-top:32px;text-decoration:none;display:inline-block}.section-link:hover{color:var(--text-hi)}.actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px;display:flex}.hero{padding:72px var(--gutter) 88px;background:radial-gradient(ellipse 60% 50% at 18% 20%, color-mix(in srgb, var(--phosphor) 9%, transparent), transparent 70%), var(--bg-page)}.hero h1{max-width:15em}.hero .demo{max-width:100%;height:auto;margin-top:40px;display:block}.one-run{grid-template-columns:minmax(0,1fr) 20rem;align-items:center;gap:40px;display:grid}.one-run .vx-diagram{margin:0}.callouts{gap:14px;margin:0;padding:0;list-style:none;display:grid}.callouts li{font:var(--fw-regular) 17px / 1.45 var(--font-body);color:var(--vx-text);align-items:baseline;gap:12px;scroll-margin-top:88px;display:flex}.callouts strong{color:var(--vx-fg)}.callouts code{font:.9em var(--vx-mono);color:var(--vx-fg)}.callouts .n{border:2px solid var(--vx-accent);width:24px;height:24px;color:var(--vx-accent);font:700 13px/1 var(--vx-font-body);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;transform:translateY(-2px)}.callouts li:target .n{background:var(--vx-accent);color:var(--vx-bg)}.bench-panel{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px 28px 8px}.bench-legend{margin-bottom:18px}.bench-bar .fill{animation:none}.bench-bar .name{width:96px;font-size:13px}.bench-bar .disp{width:76px;font-size:14px}.bench-bar .ratio{width:84px;font:var(--fw-medium) 13px/1 var(--font-mono);color:var(--text-mut);text-align:right}.bench-bar.best .ratio{color:var(--phosphor)}.bench-row .task{font-size:14px}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.card{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius-lg);color:inherit;padding:26px 24px;scroll-margin-top:88px;text-decoration:none;transition:border-color .15s;display:block;position:relative}.card:target{border-color:var(--c)}.card:hover{border-color:color-mix(in srgb, var(--c) 50%, transparent)}.card .ico{border-radius:var(--radius-md);background:color-mix(in srgb, var(--c) 12%, transparent);border:1px solid color-mix(in srgb, var(--c) 30%, transparent);width:40px;height:40px;color:var(--c);justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.card h3{font:var(--fw-semibold) 20px / 1.25 var(--font-display);color:var(--text-hi);margin:0 0 8px}.card p{font:var(--fw-regular) 16px / 1.55 var(--font-body);color:var(--text-mut);margin:0}.card .learn{color:var(--c);font:var(--fw-semibold) 14px / 1 var(--font-body);margin-top:14px;display:inline-block}.section-links{flex-wrap:wrap;gap:14px 28px;margin-top:32px;display:flex}.section-links .section-link{margin-top:0;line-height:1.35}@media (width<=1100px){.one-run{grid-template-columns:minmax(0,1fr)}}@media (width<=900px){.nav-links{display:none}.foot-grid{grid-template-columns:minmax(0,1fr)}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:48px var(--gutter) 64px}.section{padding:72px var(--gutter)}}@media (width<=620px){.btn-github{display:none}.foot-grid{grid-template-columns:1fr 1fr}.cards{grid-template-columns:minmax(0,1fr)}.foot-bottom{flex-direction:column;gap:8px}.bench-panel{padding:16px 16px 4px}.bench-bar{grid-template-columns:auto 1fr auto;grid-template-areas:"name disp ratio""track track track";gap:6px 12px;margin-bottom:12px;display:grid}.bench-bar .name{grid-area:name;width:auto}.bench-bar .disp{text-align:right;grid-area:disp;width:auto}.bench-bar .ratio{grid-area:ratio;width:auto;font-size:11px}.bench-bar .track{grid-area:track}}html{scroll-behavior:smooth}body{margin:0}