:root{--bg: #f6f4ef;--bg-alt: #efece5;--surface: #fffefb;--surface-2: #f3f0e9;--border: #e3dfd5;--border-strong: #cdc7ba;--grid: rgb(70 58 30 / 14%);--wire: #b9b2a3;--text: #1c1a16;--text-muted: #6a655b;--accent: #2b55d6;--accent-hover: #2147bb;--accent-ink: #ffffff;--accent-soft: #e5ebfb;--ok: #1d9460;--warm: #b07f0c;--hot: #cf3a3a;--idle: #9a9488;--ok-soft: #e1f2e8;--warm-soft: #faefd5;--hot-soft: #f9e0de;--shadow-sm: 0 1px 2px rgb(40 32 15 / 6%);--shadow: 0 1px 2px rgb(40 32 15 / 5%), 0 12px 32px -8px rgb(40 32 15 / 12%);--shadow-lg: 0 2px 4px rgb(40 32 15 / 4%), 0 30px 60px -20px rgb(40 32 15 / 22%);--font: "Onest", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--serif: "Source Serif 4", Georgia, "Times New Roman", serif;--mono: "JetBrains Mono", ui-monospace, "Cascadia Code", Consolas, monospace;--radius: 14px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #141517;--bg-alt: #18191c;--surface: #1d1f22;--surface-2: #24272b;--border: #2d3035;--border-strong: #3c4046;--grid: rgb(255 255 255 / 7%);--wire: #555b63;--text: #ecebe7;--text-muted: #9c9a93;--accent: #85a8ff;--accent-hover: #a2bdff;--accent-ink: #0d1222;--accent-soft: #1d2640;--ok: #4cc38a;--warm: #e5b445;--hot: #ef6060;--idle: #6b7078;--ok-soft: #15291f;--warm-soft: #302612;--hot-soft: #371a1b;--shadow-sm: 0 1px 2px rgb(0 0 0 / 30%);--shadow: 0 1px 2px rgb(0 0 0 / 30%), 0 12px 32px -8px rgb(0 0 0 / 40%);--shadow-lg: 0 2px 4px rgb(0 0 0 / 30%), 0 30px 60px -20px rgb(0 0 0 / 60%);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit}h1,h2,h3{margin:0;font-weight:600;line-height:1.12;letter-spacing:-.022em;text-wrap:balance}h1 em,h2 em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em}p{margin:0}code{font-family:var(--mono);font-size:.88em}.wrap{width:min(1160px,100% - 32px);margin-inline:auto}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--accent);border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:500;font-size:15px;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background-color .15s,border-color .15s,transform .15s}.btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn:active{transform:translateY(1px)}.btn-lg{padding:13px 22px;font-size:16px}.btn-sm{padding:7px 14px;font-size:14px}.btn-ghost{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn-ghost:hover{background:var(--surface-2);border-color:var(--border-strong)}.top{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.top-in{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:650;font-size:17px;letter-spacing:-.01em;text-decoration:none}.brand svg{color:var(--accent)}.nav{display:flex;align-items:center;gap:4px}.nav-link{padding:6px 12px;border-radius:999px;color:var(--text-muted);font-size:14px;text-decoration:none;transition:color .15s,background-color .15s}.nav-link:hover{color:var(--text);background:var(--surface-2)}.nav .btn{margin-left:8px}@media(max-width:720px){.nav-link{display:none}}.hero{position:relative;padding:72px 0 96px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--grid) 1.2px,transparent 1.4px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 20%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 90% 70% at 50% 20%,#000 30%,transparent 75%);pointer-events:none}.hero .wrap{position:relative}.hero-text{max-width:940px;margin-inline:auto;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);font-size:13px;box-shadow:var(--shadow-sm)}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.hero h1{margin-top:24px;font-size:clamp(38px,6vw,70px)}.hero h1 em{color:var(--accent)}.lead{margin:24px auto 0;max-width:640px;color:var(--text-muted);font-size:clamp(17px,1.6vw,19px);line-height:1.6}.cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px}.fine{margin-top:16px;color:var(--text-muted);font-size:13px}.board{margin:56px 0 0;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-lg);overflow:hidden}.board-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border);font-size:13px}.file{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12.5px;color:var(--text)}.file svg{color:var(--text-muted)}.live{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);font-size:12.5px}.pulse{position:relative;width:8px;height:8px;border-radius:50%;background:var(--ok)}.pulse:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--ok);opacity:0;animation:ping 2.4s ease-out infinite}@keyframes ping{0%{transform:scale(.5);opacity:.7}80%,to{transform:scale(1.4);opacity:0}}.canvas{padding:56px 28px;background-color:var(--bg);background-image:radial-gradient(var(--grid) 1.2px,transparent 1.4px);background-size:18px 18px;border-bottom:1px solid var(--border)}.chain{display:flex;align-items:stretch;min-height:112px;opacity:0;transition:opacity .4s}.board.ready .chain{opacity:1}.node{--c: var(--ok);position:relative;flex:0 0 150px;padding:12px 14px 14px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);transition:border-color .2s,background-color .2s,box-shadow .2s}.node-kind{font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-name{margin-top:2px;font-weight:600;font-size:15px}.node-sub{color:var(--text-muted);font-weight:400;font-size:13px}.node-load{margin-top:10px;font-family:var(--mono);font-size:22px;font-weight:500;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}.bar{margin-top:10px;height:4px;border-radius:2px;background:var(--surface-2);overflow:hidden}.bar span{display:block;height:100%;width:0;border-radius:inherit;background:var(--c);transition:width .25s ease,background-color .2s}.node[data-status=warm]{--c: var(--warm);border-color:color-mix(in srgb,var(--warm) 55%,var(--border-strong))}.node:is([data-status=hot],[data-status=over]){--c: var(--hot);border-color:var(--hot);background:var(--hot-soft)}.node[data-status=warm] .node-load{color:var(--warm)}.node:is([data-status=hot],[data-status=over]) .node-load{color:var(--hot)}.node[data-status=over]{animation:alarm 1.6s ease-out infinite}@keyframes alarm{0%{box-shadow:var(--shadow),0 0 color-mix(in srgb,var(--hot) 45%,transparent)}70%,to{box-shadow:var(--shadow),0 0 0 10px color-mix(in srgb,var(--hot) 0%,transparent)}}.node[data-status=idle]{--c: var(--idle)}.node-client{border-style:dashed;background:var(--surface-2);box-shadow:none}.wire{--wc: var(--wire);position:relative;flex:1 1 0;min-width:52px}.wire:before{content:"";position:absolute;left:-1px;right:-1px;top:50%;height:1px;background:var(--border-strong)}.wire:after{content:"";position:absolute;left:4px;right:4px;top:50%;height:8px;transform:translateY(-50%);background-image:radial-gradient(circle,var(--wc) 2.2px,transparent 2.7px);background-size:16px 8px;background-repeat:repeat-x;animation:flow-x var(--dur, 1.2s) linear infinite;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}.wire[data-flow="0"]:after{animation:none;opacity:0}.wire[data-status=warm]{--wc: var(--warm)}.wire:is([data-status=hot],[data-status=over]){--wc: var(--hot)}@keyframes flow-x{to{background-position-x:16px}}@keyframes flow-y{to{background-position-y:16px}}.wire-rps{position:absolute;left:50%;top:calc(50% - 30px);transform:translate(-50%);padding:2px 7px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-muted);font-family:var(--mono);font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}.board-foot{padding:22px 24px 20px}.controls{display:grid;grid-template-columns:1fr 1fr auto;gap:20px 36px;align-items:end}.ctl{display:grid;gap:10px;font-size:14px;color:var(--text-muted)}.ctl-head{display:flex;justify-content:space-between;gap:12px}.ctl b{color:var(--text);font-family:var(--mono);font-weight:500;font-variant-numeric:tabular-nums}input[type=range]{width:100%;margin:0;accent-color:var(--accent);cursor:pointer}.stepper{display:flex;gap:6px}.stepper button{width:40px;height:32px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text);font:500 18px/1 var(--font);cursor:pointer;transition:background-color .15s}.stepper button:hover{background:var(--surface-2)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:22px 0 0;border:1px solid var(--border);border-radius:12px;background:var(--border);overflow:hidden}.metrics>div{padding:12px 16px;background:var(--surface)}.metrics dt{color:var(--text-muted);font-size:12.5px}.metrics dd{margin:2px 0 0;font-family:var(--mono);font-size:20px;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums;transition:color .2s}.metrics dd[data-tone=warm],.metrics dd[data-tone=hot]{color:var(--warm)}.metrics dd[data-tone=over]{color:var(--hot)}.hint{margin-top:14px;color:var(--text-muted);font-size:14px}@media(max-width:900px){.controls{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.canvas{padding:28px 16px}.chain{flex-direction:column;align-items:stretch}.node{flex:none;display:grid;grid-template-columns:1fr auto;grid-template-areas:"kind load" "name load" "bar bar";column-gap:12px;padding:10px 14px}.node-kind{grid-area:kind}.node-name{grid-area:name}.node-load{grid-area:load;align-self:center;margin:0;font-size:20px}.bar{grid-area:bar;margin-top:8px}.wire{flex:none;height:44px;min-width:0}.wire:before{inset:-1px auto -1px 50%;width:1px;height:auto}.wire:after{inset:2px auto 2px 50%;width:8px;height:auto;transform:translate(-50%);background-size:8px 16px;background-repeat:repeat-y;animation-name:flow-y;-webkit-mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent)}.wire-rps{left:calc(50% + 14px);top:50%;transform:translateY(-50%)}.controls{grid-template-columns:1fr}.board-foot{padding:18px 16px}.board-head .live{display:none}}.section{padding:104px 0}.section-alt{background:var(--bg-alt);border-block:1px solid var(--border)}.section-head{max-width:720px;margin-bottom:52px}.kicker{margin-bottom:14px;color:var(--accent);font-family:var(--mono);font-size:12.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.section h2,.final h2{font-size:clamp(30px,4vw,46px)}.sub{margin-top:16px;color:var(--text-muted);font-size:17px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:0;padding:0;list-style:none}.steps li{padding-top:22px;border-top:1px solid var(--border-strong)}.num{display:block;color:var(--accent);font-family:var(--mono);font-size:13px;font-weight:500}.steps h3{margin-top:14px;font-size:21px}.steps p{margin-top:10px;color:var(--text-muted)}@media(max-width:860px){.steps{grid-template-columns:1fr;gap:28px}}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{display:flex;flex-direction:column;padding:22px 22px 20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-decoration:none;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s}.card:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--shadow)}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags span{padding:2px 8px;border-radius:6px;background:var(--surface-2);color:var(--text-muted);font-family:var(--mono);font-size:11.5px}.card h3{margin-top:18px;font-size:20px}.card p{margin-top:8px;flex:1;color:var(--text-muted);font-size:15px}.go{margin-top:18px;color:var(--accent);font-weight:500;font-size:14px}.go span{display:inline-block;transition:transform .2s}.card:hover .go span{transform:translate(4px)}.card-blank{border-style:dashed;border-color:var(--border-strong);background:transparent;box-shadow:none}.card-blank .tags span{background:var(--accent-soft);color:var(--accent)}@media(max-width:960px){.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.cards{grid-template-columns:1fr}}.model{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.limits-title{margin-top:36px;font-size:16px}.limits{margin:12px 0 0;padding:0;list-style:none;color:var(--text-muted);font-size:15px}.limits li{position:relative;padding-left:22px;margin-top:8px}.limits li:before{content:"";position:absolute;left:2px;top:.62em;width:10px;height:1.5px;background:var(--warm)}.sheet{padding:10px;border:1px solid var(--border);border-radius:18px;background-color:var(--surface);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px;background-position:-1px -1px;box-shadow:var(--shadow)}.f{display:grid;gap:4px;padding:16px 18px;border-radius:10px;background:color-mix(in srgb,var(--surface) 88%,transparent)}.f+.f{margin-top:6px}.f code{font-size:18px;font-weight:500;color:var(--text)}.f span{color:var(--text-muted);font-size:14px}@media(max-width:860px){.model{grid-template-columns:1fr;gap:40px}}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.feature svg{color:var(--accent)}.feature h3{margin-top:14px;font-size:18px}.feature p{margin-top:8px;color:var(--text-muted);font-size:15px}@media(max-width:860px){.features{grid-template-columns:1fr;gap:28px}}.final{padding:104px 0}.final-card{position:relative;padding:72px 32px;border:1px solid var(--border);border-radius:24px;background-color:var(--surface);background-image:radial-gradient(var(--grid) 1.2px,transparent 1.4px);background-size:20px 20px;text-align:center;box-shadow:var(--shadow);overflow:hidden}.final-card h2 em{color:var(--accent)}.final-card .sub{max-width:540px;margin-inline:auto}.final-card .btn{margin-top:32px}@media(max-width:600px){.section,.final{padding:72px 0}.final-card{padding:48px 20px}}.foot{border-top:1px solid var(--border);padding:28px 0;color:var(--text-muted);font-size:14px}.foot-in{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.brand-sm{font-size:15px;color:var(--text)}.foot-note{flex:1}.foot a{text-decoration:none}.foot a:hover{color:var(--text)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}