@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbfbfd;--surface:#fff;--stage:#f2f2f4;--ink:#1d1d1f;--ink-2:#6e6e73;--ink-3:#a1a1a6;--hairline:#00000017;--asphalt:#e4e4e8;--wall:#1d1d1f;--car:#1d1d1f8c;--accent:#ff4d1a;--accent-soft:#ff4d1a24;--cool:#2563ff;--cool-soft:#2563ff24;--font:"Inter Variable", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--t-display:clamp(2.75rem, 7.2vw, 5.5rem);--t-title:clamp(2rem, 4.4vw, 3.25rem);--t-lead:clamp(1.125rem, 1.6vw, 1.375rem);--t-body:1.0625rem;--t-small:.8125rem;--t-micro:.6875rem;--gutter:clamp(1rem, 4vw, 2.5rem);--measure:34rem;--page:72rem;--section-gap:clamp(6rem, 14vw, 11rem);--radius:20px;--radius-sm:10px;--ease:cubic-bezier(.22, 1, .36, 1);--dur:.32s}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0b;--surface:#161617;--stage:#111113;--ink:#f5f5f7;--ink-2:#a1a1a6;--ink-3:#6e6e73;--hairline:#ffffff1f;--asphalt:#1c1c1f;--wall:#f5f5f7;--car:#f5f5f78c;--accent:#ff6a3a;--accent-soft:#ff6a3a2e;--cool:#5b8cff;--cool-soft:#5b8cff2e}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0b;--surface:#161617;--stage:#111113;--ink:#f5f5f7;--ink-2:#a1a1a6;--ink-3:#6e6e73;--hairline:#ffffff1f;--asphalt:#1c1c1f;--wall:#f5f5f7;--car:#f5f5f78c;--accent:#ff6a3a;--accent-soft:#ff6a3a2e;--cool:#5b8cff;--cool-soft:#5b8cff2e}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--t-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11", "ss01";transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);margin:0;line-height:1.55;overflow-x:hidden}h1,h2,h3,p{margin:0}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.micro{font-size:var(--t-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:500}.nav{z-index:10;height:52px;padding:0 var(--gutter);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(180%)blur(16px);backdrop-filter:saturate(180%)blur(16px);border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.wordmark{letter-spacing:-.02em;font-size:1rem;font-weight:600;text-decoration:none}.nav-right{align-items:center;gap:.75rem;display:flex}.nav-link{font-size:var(--t-small);color:var(--ink-2);transition:color var(--dur) var(--ease);text-decoration:none}.nav-link:hover{color:var(--ink)}.icon-btn{width:36px;height:36px;color:var(--ink-2);transition:color var(--dur) var(--ease), background-color var(--dur) var(--ease);border-radius:50%;place-items:center;display:inline-grid}.icon-btn:hover{color:var(--ink);background:var(--hairline)}.hero{padding:clamp(2rem, 4vw, 3rem) var(--gutter) 0;max-width:calc(var(--page) + 2 * var(--gutter));margin:0 auto}.hero-copy{text-align:center;margin:0 auto clamp(1.5rem,3vw,2.25rem)}.hero-stage{min-width:0}.hero h1{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2.5rem,4.6vw,4rem);font-weight:650;line-height:1.04}.lede{max-width:40rem;font-size:var(--t-lead);color:var(--ink-2);text-wrap:pretty;margin:1rem auto 0;line-height:1.45}#sections{padding-top:var(--section-gap);display:block}#sections section{scroll-margin-top:76px}.footer{max-width:calc(var(--page) + 2 * var(--gutter));padding:2rem var(--gutter) 3rem;border-top:1px solid var(--hairline);font-size:var(--t-small);color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin:0 auto;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}@media (max-height:500px) and (orientation:landscape){.hero{grid-template-columns:minmax(0,1fr) minmax(0,2.5fr);gap:1.5rem;padding-top:1rem;display:grid}.hero-copy{text-align:left;margin:2.75rem 0 0}.hero h1{font-size:1.875rem}.lede{margin-top:.75rem;font-size:.875rem}}.nv-inspector{box-sizing:border-box;width:100%;height:100%;color:var(--ink);font-family:var(--font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;opacity:0;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);flex-direction:column;gap:14px;padding:16px 16px 18px;display:flex;overflow:hidden;transform:translateY(4px)}.nv-inspector[hidden]{display:none}.nv-inspector.nv-open{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.nv-inspector{transition:none;transform:none}}.nv-micro{font-size:var(--t-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:600}.nv-dim{letter-spacing:.04em;text-transform:none;font-weight:500}.nv-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.nv-title{align-items:baseline;gap:8px;display:flex}.nv-num{letter-spacing:-.02em;color:var(--ink);font-size:1.375rem;font-weight:600;line-height:1}.nv-status{align-items:center;gap:6px;display:flex}.nv-status .nv-micro{color:var(--ink-2)}.nv-dot{background:var(--ink);width:6px;height:6px;transition:background var(--dur) var(--ease);border-radius:50%}.nv-dot.nv-dead{box-sizing:border-box;border:1px solid var(--ink-3);background:0 0}.nv-crashed .nv-net,.nv-crashed .nv-rays{opacity:.55;transition:opacity var(--dur) var(--ease)}.nv-speed{border-bottom:1px solid var(--hairline);grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding-bottom:14px;display:grid}.nv-speed .nv-unit{font-size:var(--t-small);color:var(--ink-3);margin-left:-8px}.nv-track{background:var(--hairline);height:2px;overflow:hidden}.nv-fill{background:var(--ink);transform-origin:0;height:100%;transform:scaleX(0)}.nv-val{font-size:var(--t-small);color:var(--ink);text-align:right;min-width:2ch;font-weight:500}.nv-net{flex:auto;min-height:200px;margin-inline:-8px;position:relative}.nv-net canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.nv-row-head{border-top:1px solid var(--hairline);justify-content:space-between;align-items:baseline;margin-bottom:-4px;padding-top:14px;display:flex}.nv-rays{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.nv-ray{flex-direction:column;align-items:center;gap:6px;display:flex}.nv-ray-bar{background:var(--hairline);align-items:flex-end;width:4px;height:30px;display:flex;overflow:hidden}.nv-ray-fill{background:var(--ink-2);transform-origin:bottom;width:100%;height:100%;transform:scaleY(0)}.nv-ray-glyph{background:var(--ink-3);transform-origin:bottom;width:1px;height:8px}.nv-ray .nv-val{font-size:var(--t-micro);color:var(--ink-2);text-align:center;min-width:0}@media (max-height:520px){.nv-inspector{gap:10px;padding:12px 14px}.nv-row-head,.nv-rays{display:none}.nv-net{min-height:150px}}.stage-bar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.stage-presets{flex-wrap:wrap;gap:0 .25rem;margin-left:-.625rem;display:flex}.stage-actions{align-items:center;gap:.5rem;display:flex}.text-btn{min-height:36px;font-size:var(--t-small);color:var(--ink-3);border-radius:var(--radius-sm);transition:color var(--dur) var(--ease);white-space:nowrap;padding:0 .625rem;font-weight:500}.text-btn:hover,.text-btn[aria-pressed=true]{color:var(--ink)}.draw-btn{color:var(--ink);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:999px;padding:0 .875rem}.draw-btn[aria-pressed=true]{background:var(--ink);color:var(--bg);box-shadow:none}.stage{position:relative}.stage-box{aspect-ratio:16/10;border-radius:var(--radius);background:var(--stage);width:100%;min-height:260px;max-height:calc(100svh - 27rem);transition:background-color var(--dur) var(--ease);position:relative;overflow:hidden}.stage-canvas{cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;display:block;position:absolute;inset:0}.is-drawing .stage-canvas{cursor:crosshair;touch-action:none}.is-max .stage-canvas{cursor:default}.stage-hint,.stage-toast{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--stage) 86%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:calc(100% - 2rem);font-size:var(--t-small);color:var(--ink-2);pointer-events:none;opacity:0;transition:opacity var(--dur) var(--ease), translate var(--dur) var(--ease);align-items:center;gap:.5rem;padding:.25rem .375rem .25rem .875rem;display:flex;position:absolute;left:50%;translate:-50%}.stage-hint{white-space:nowrap;top:.75rem}.stage-hint .text-btn{color:var(--ink)}.is-drawing .stage-hint{opacity:1;pointer-events:auto}.stage-toast{color:var(--ink);text-align:center;padding:.5rem .875rem;bottom:1rem;translate:-50% 4px}.stage-toast.is-on{opacity:1;translate:-50%}.stage-inspector{border-radius:var(--radius-sm);background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline);animation:insp-in var(--dur) var(--ease);margin-top:.75rem;position:relative}.stage-inspector[hidden]{display:none}.inspector-close{z-index:1;position:absolute;top:.25rem;right:.5rem}.stage-inspector .nv-head{padding-right:2rem}.stage-hint[hidden]{display:none}@keyframes insp-in{0%{opacity:0;translate:0 6px}}@media (min-width:900px){.stage-inspector{background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:320px;max-height:calc(100% - 2rem);margin:0;position:absolute;top:1rem;right:1rem;overflow:auto}}.hud{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.25rem 2rem;margin-top:1.25rem;display:flex}.hud-stats{align-items:flex-end;gap:2.25rem;display:flex}.hud-stat{min-width:4.5rem}.hud-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:.125rem;font-size:1.5rem;font-weight:600;line-height:1.2}.hud-of{color:var(--ink-3);letter-spacing:0;font-size:.9375rem;font-weight:400}.hud-spark{width:10rem}.hud-spark-canvas{width:100%;height:30px;margin-top:.25rem;display:block}.hud-controls{align-items:center;gap:1rem;display:flex}.hud-pop{align-items:center;gap:.5rem;display:flex}.play-btn{width:36px;height:36px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--hairline);flex-shrink:0}.seg{border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--hairline);padding:2px;display:inline-flex}.seg-btn{min-width:2.75rem;height:32px;font-size:var(--t-small);color:var(--ink-3);font-variant-numeric:tabular-nums;transition:color var(--dur) var(--ease), background-color var(--dur) var(--ease);border-radius:8px;padding:0 .5rem;font-weight:500}.seg-btn:hover{color:var(--ink)}.seg-btn[aria-pressed=true]{color:var(--ink);background:var(--hairline)}@media (max-width:640px){.stage-box{aspect-ratio:1;max-height:none}.stage-bar{flex-direction:column;align-items:stretch;gap:.5rem}.draw-btn{align-self:flex-start;min-height:44px}.text-btn{min-height:44px}.hud-stats{flex-wrap:wrap;justify-content:space-between;gap:1rem;width:100%}.hud-spark{width:100%}.hud-controls{justify-content:space-between;gap:.5rem;width:100%}.hud-pop .micro{display:none}.seg-btn{min-width:2.5rem}.play-btn,.inspector-close{width:44px;height:44px}.seg-btn{height:40px}}@media (max-height:500px) and (orientation:landscape){.stage-bar{margin-bottom:.5rem}.stage-box{height:calc(100svh - 104px - 2rem);min-height:0;max-height:none}.stage-bar{gap:.25rem}.stage-actions{gap:.125rem}.stage-presets{gap:0;margin-left:-.375rem}.text-btn{min-height:44px;padding-inline:.375rem}.draw-btn{padding-inline:.625rem}.hud-stats{flex-wrap:wrap;gap:1.25rem}.hud-spark{flex:1;min-width:6rem}.hud-controls{gap:.5rem}.play-btn{width:44px;height:44px}.seg-btn{height:40px}}.xs{margin:0 auto var(--section-gap);padding:0 var(--gutter);max-width:calc(var(--page) + 2 * var(--gutter));box-sizing:border-box}.xs *{box-sizing:border-box}.xs-text{max-width:var(--measure);margin:0 auto 3rem}.xs-kicker{font-size:var(--t-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0 0 .875rem;font-weight:500}.xs-title{font-size:var(--t-title);letter-spacing:-.03em;color:var(--ink);margin:0 0 1.25rem;font-weight:620;line-height:1.05}.xs-copy{font-size:var(--t-body);color:var(--ink-2);text-wrap:pretty;margin:0 0 .875rem;line-height:1.55}.xs-demo{max-width:var(--page);flex-direction:column;gap:1.25rem;margin:0 auto;display:flex}.xs-canvas{background:var(--stage);border-radius:var(--radius);width:100%;display:block}.xs-canvas--sees{aspect-ratio:16/7}.xs-canvas--genes{aspect-ratio:2;border:1px solid var(--hairline);background:0 0}.xs-canvas--line{aspect-ratio:16/10}.xs-canvas--trace{background:0 0;border-radius:0;height:140px}.xs-canvas--car{aspect-ratio:4/3}.xs-canvas--net{aspect-ratio:4/3;background:var(--stage)}.xs-split{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.xs-touch{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.xs-canvas--sees{cursor:ns-resize}.xs-canvas--trace{cursor:crosshair}.xs-bars{grid-auto-columns:1fr;grid-auto-flow:column;gap:.5rem;width:100%;max-width:34rem;margin:0 auto;display:grid}.xs-bar{flex-direction:column;align-items:center;gap:.375rem;min-width:0;display:flex}.xs-bar-track{background:var(--stage);border-radius:4px;width:100%;max-width:2.25rem;height:4.5rem;position:relative;overflow:hidden}.xs-bar-fill{background:var(--ink);opacity:.8;transform-origin:bottom;position:absolute;inset:0;transform:scaleY(1)}.xs-bar-num{font-size:var(--t-small);font-variant-numeric:tabular-nums;color:var(--ink)}.xs-bar-label,.xs-micro{font-size:var(--t-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:500}.xs-bars.is-draggable .xs-bar{cursor:ns-resize}.xs-bars.is-draggable .xs-bar-track{height:6rem}.xs-bar.is-active .xs-bar-fill{background:var(--accent);opacity:1}.xs-bar.is-active .xs-bar-num{color:var(--accent)}.xs-readout{flex-wrap:wrap;justify-content:center;gap:.75rem 2.5rem;display:flex}.xs-pair{flex-direction:column;align-items:center;gap:.25rem;display:flex}.xs-num{font-size:var(--t-lead);letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--ink);font-weight:560}.xs-hint,.xs-caption{text-align:center;font-size:var(--t-small);color:var(--ink-3);transition:opacity var(--dur) var(--ease);margin:0}.xs-caption{min-height:2.6em;font-size:var(--t-body);color:var(--ink-2)}.xs-hint.is-used{opacity:.5}.xs-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1.5rem;display:flex}.xs-btn{border:1px solid var(--hairline);border-radius:var(--radius-sm);min-height:44px;color:var(--ink);font:500 var(--t-small) / 1 var(--font);cursor:pointer;transition:background var(--dur) var(--ease);-webkit-tap-highlight-color:transparent;background:0 0;padding:0 1.125rem}.xs-btn:hover{background:var(--stage)}.xs-btn:active{background:var(--asphalt)}.xs-btn:focus-visible,.xs-range:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.xs-steps{gap:1.25rem;display:flex}.xs-step{font-size:var(--t-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);transition:color var(--dur) var(--ease);font-weight:500}.xs-step.is-on{color:var(--ink)}.xs-range{max-width:28rem;height:44px;accent-color:var(--ink);appearance:none;background:0 0;flex:16rem;margin:0}.xs-range::-webkit-slider-runnable-track{background:var(--hairline);height:2px}.xs-range::-moz-range-track{background:var(--hairline);height:2px}.xs-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border:0;border-radius:50%;width:20px;height:20px;margin-top:-9px}.xs-range::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:20px;height:20px}.xs-legend{font-size:var(--t-small);color:var(--ink-3);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.xs-legend span:nth-child(2n){margin-right:1rem}.xs-key{border-top:2.5px solid var(--ink-3);width:18px;height:0;display:inline-block}.xs-key--first{border-top-style:dashed;border-top-width:1.5px}.xs-key--slow{border-top-color:var(--cool)}.xs-key--fast{border-top-color:var(--accent)}@media (max-width:640px){.xs-text{margin-bottom:2rem}.xs-split{grid-template-columns:1fr}.xs-canvas--sees{aspect-ratio:3/2}.xs-canvas--genes{aspect-ratio:3/4}.xs-canvas--line{aspect-ratio:1}.xs-bars{gap:.375rem}.xs-readout{gap:.75rem 1.5rem}.xs-steps{gap:.875rem}.xs-readout{grid-template-columns:repeat(3,1fr);display:grid}.xs-readout:has(>:nth-child(4)){grid-template-columns:1fr 1fr}.xs-canvas--car{aspect-ratio:2}}.xs-canvas--sees,.xs-canvas--line{max-height:80svh}
