:root{--ink:#0e2a33;--ink-2:#143843;--teal:#018399;--teal-dark:#01505e;--cream:#efe6d2;--paper:#f6e7c8;--amber:#f2a43a;--display:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--mono:"Martian Mono", ui-monospace, "Cascadia Mono", monospace;--pixel:"Silkscreen", var(--mono);--gutter:clamp(16px, 4vw, 56px)}*,:before,:after{box-sizing:border-box}html{background:var(--ink);color:var(--cream);-webkit-text-size-adjust:100%}body{background:var(--ink);font-family:var(--display);font-optical-sizing:auto;margin:0;overflow-x:hidden}a{color:inherit}#stage3d{z-index:0;opacity:0;width:100vw;height:100lvh;transition:opacity .8s;display:block;position:fixed;inset:0}#stage3d.ready{opacity:1}.poster{z-index:0;position:fixed;inset:0}.poster img{object-fit:cover;width:100%;height:100%;display:block}.grain{z-index:50;pointer-events:none;opacity:.11;mix-blend-mode:overlay;background:url(/grain.png);animation:.9s steps(3,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-3%)}}main{z-index:1;position:relative}.loader{right:var(--gutter);z-index:60;transform-origin:100% 100%;transition:opacity .6s,visibility .6s;position:fixed;bottom:22px;transform:scale(.5)}.loader.done{opacity:0;visibility:hidden}.loader-o{background:linear-gradient(var(--cream), var(--cream)) 8px 0 / 16px 4px no-repeat, linear-gradient(var(--cream), var(--cream)) 8px 36px / 16px 4px no-repeat, linear-gradient(var(--cream), var(--cream)) 0 8px / 4px 24px no-repeat, linear-gradient(var(--cream), var(--cream)) 28px 8px / 4px 24px no-repeat, linear-gradient(var(--cream), var(--cream)) 4px 4px / 4px 4px no-repeat, linear-gradient(var(--cream), var(--cream)) 24px 4px / 4px 4px no-repeat, linear-gradient(var(--cream), var(--cream)) 4px 32px / 4px 4px no-repeat, linear-gradient(var(--cream), var(--cream)) 24px 32px / 4px 4px no-repeat;width:32px;height:40px;animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.25}}.nav{z-index:40;padding:18px var(--gutter) 26px;font-family:var(--mono);background:linear-gradient(to bottom, color-mix(in oklab, var(--ink) 92%, transparent) 55%, transparent);justify-content:space-between;align-items:center;font-size:15px;display:flex;position:fixed;top:0;left:0;right:0}.brand{font-family:var(--display);letter-spacing:-.01em;align-items:center;gap:12px;font-size:21px;font-weight:800;text-decoration:none;display:flex}.nav nav{gap:22px;display:flex}.nav nav a{opacity:.8;text-decoration:none}.on-paper .nav{opacity:0;pointer-events:none}.nav{transition:opacity .3s,color .7s,background-color .7s}.ag-day .nav{color:var(--ink);background:linear-gradient(to bottom, color-mix(in oklab, var(--paper) 92%, transparent) 55%, transparent)}.on-paper .grain{opacity:.05}.nav nav a:hover{opacity:1;text-underline-offset:4px;text-decoration:underline}.hero-track{height:800vh;position:relative}.hero-title{min-height:100svh;padding:0 var(--gutter) clamp(28px, 7vh, 72px);flex-direction:column;justify-content:flex-end;max-width:1400px;display:flex;position:relative}.pixel-label{font-family:var(--pixel);letter-spacing:.06em;text-transform:uppercase;color:var(--amber);margin:0 0 14px;font-size:14px}h1{letter-spacing:-.045em;color:var(--cream);margin:0;font-size:clamp(64px,17vw,260px);font-weight:800;line-height:.82}.lede{max-width:36ch;color:color-mix(in oklab, var(--cream) 88%, transparent);margin:22px 0 0;font-size:clamp(19px,1.9vw,25px);font-weight:500;line-height:1.45}.cta{flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:26px;display:flex}.install{border:1.5px solid var(--cream);background:var(--ink);color:var(--cream);font-family:var(--mono);cursor:pointer;white-space:nowrap;border-radius:2px;align-items:center;gap:10px;padding:13px 16px;font-size:16px;display:inline-flex}.install:hover{background:var(--cream);color:var(--ink)}.install .prompt{color:var(--amber)}.install .copy-state{font-family:var(--pixel);opacity:.7;margin-left:6px;font-size:10px}.ghost{font-family:var(--mono);text-underline-offset:5px;font-size:16px}.install:focus-visible,.ghost:focus-visible,.nav a:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.beat{left:var(--gutter);opacity:0;letter-spacing:-.015em;pointer-events:none;will-change:opacity, transform;max-width:24ch;text-shadow:0 1px 0 var(--ink);font-size:clamp(24px,3.1vw,46px);font-weight:600;line-height:1.14;position:fixed;bottom:12vh}.beat p{margin:0}.beat .pixel-label{margin-bottom:10px}.beat-right{left:auto;right:var(--gutter);text-align:right}.beat-big{letter-spacing:-.035em;max-width:15ch;font-size:clamp(34px,5vw,76px);font-weight:800;line-height:1;bottom:14vh}.dash-track{height:500vh;position:relative}.dash-stage{z-index:30;background:var(--paper);color:var(--ink);opacity:0;pointer-events:none;position:fixed;inset:0}.dash-placeholder{padding:120px var(--gutter)}.dash-placeholder h2{letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(32px,5vw,64px)}.dash-placeholder .pixel-label{color:var(--teal)}.no-webgl #stage3d{display:none}@media (width<=640px){.nav nav{gap:14px}.install{padding:12px 13px;font-size:13.5px}.hero-title:before{content:"";z-index:-1;background:linear-gradient(to bottom, transparent, color-mix(in oklab, var(--ink) 82%, transparent) 45%);position:absolute;inset:35% 0 0}.beat,.beat-right{left:var(--gutter);right:var(--gutter);text-align:left;bottom:9vh}}@media (prefers-reduced-motion:reduce){.grain,.loader-o{animation:none}}.finale-track{height:420vh;position:relative}.finale-copy{left:var(--gutter);z-index:5;opacity:0;pointer-events:none;width:min(520px,40vw);position:fixed;top:16vh}.finale-copy h2{letter-spacing:-.035em;text-shadow:0 2px 0 var(--ink);margin:0;font-size:clamp(34px,4.2vw,66px);font-weight:800;line-height:.98}.hlabels{z-index:4;pointer-events:none;transition:opacity .3s;position:fixed;inset:0}.hlabels.gone{opacity:0}.hl{opacity:0;white-space:nowrap;align-items:center;gap:8px;margin:-15px 0 0 16px;display:flex;position:absolute;top:0;left:0}.hl-icon{border:1.5px solid var(--amber);background:var(--ink);width:30px;height:30px;color:var(--cream);border-radius:50%;place-items:center;display:grid}.hl-icon svg{width:16px;height:16px}.hl b{letter-spacing:-.01em;font-size:17px;font-weight:800;line-height:1.1}.hl small{font-family:var(--pixel);color:var(--amber);letter-spacing:.04em;font-size:9px}.wrap{max-width:1180px;padding:0 var(--gutter);margin:0 auto}.agentic,.selfhost,.closer{z-index:6;background:var(--ink);position:relative}.agentic h2,.selfhost h2,.closer h2{letter-spacing:-.035em;margin:0;font-size:clamp(34px,5vw,68px);font-weight:800;line-height:.98}.section-lede{max-width:58ch;color:color-mix(in oklab, var(--cream) 82%, transparent);margin:18px 0 0;font-size:clamp(18px,1.7vw,23px);line-height:1.5}.tty{color:var(--cream);background:#0a2129;border:1px solid #22434e;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:10px 10px #061419}.tty-h{font-family:var(--mono);color:#8fa3a6;border-bottom:1px solid #22434e;align-items:center;gap:7px;margin:0;padding:11px 14px;font-size:12px;display:flex}.tty-h i{background:#2c5260;border-radius:50%;width:10px;height:10px}.tty-h span{margin-left:auto}.tty-body{height:460px;font-family:var(--mono);flex-direction:column;justify-content:flex-end;padding:18px 20px;font-size:14px;line-height:1.65;display:flex;overflow:hidden;container-type:inline-size}.ln{white-space:pre-wrap;overflow-wrap:anywhere;flex:none;min-height:1.65em}.ln .p{color:var(--amber)}.ln .dim,.ln.dim{color:#6f8e96}.ln .ok,.ln.ok{color:#5fc4d1}.ln b{color:var(--cream);font-weight:500}.ln.spin{color:#8fa3a6}.cur{vertical-align:-.2em;background:var(--amber);width:.6em;height:1.15em;margin-left:1px;animation:1s steps(2,end) infinite blink;display:inline-block}.banner{white-space:pre;color:#22b3c9;flex:none;margin:4px 0 8px;font-family:Cascadia Mono,Consolas,SF Mono,Menlo,DejaVu Sans Mono,monospace;font-size:min(13px,2.5cqw);line-height:1.08}.tty-foot{font-family:var(--mono);color:#8fa3a6;border-top:1px solid #22434e;align-items:center;gap:8px;margin:0;padding:9px 16px;font-size:12px;display:flex}.tty-foot .tty-dot{background:var(--teal);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in oklab, var(--teal) 30%, transparent);border-radius:50%}.tty-foot b{color:var(--amber);font-weight:500}.agentic{background:linear-gradient(to bottom, transparent, var(--ink) 20vh);padding:24vh 0 130px;transition:color .7s;overflow:hidden}.agentic:before{content:"";pointer-events:none;background:linear-gradient(to bottom, transparent, var(--paper) 16vh);opacity:0;transition:opacity .9s;position:absolute;inset:8vh 0 0}.agentic.is-day{color:var(--ink)}.agentic.is-day:before{opacity:1}.agentic.is-day .section-lede,.agentic.is-day .ag-steps span{color:color-mix(in oklab, var(--ink) 78%, transparent)}.agentic.is-day .pixel-label,.agentic.is-day .ag-title span{color:var(--teal)}.agentic.is-day .ag-head{border-color:color-mix(in oklab, var(--ink) 25%, transparent)}.ag-sky{pointer-events:none;opacity:0;color:var(--cream);transition:opacity .9s;position:absolute;inset:0}.is-stars .ag-sky{opacity:1}.is-day .ag-sky{color:var(--ink)}.px-star{background:currentColor;width:3px;height:3px;animation:2.4s steps(2,end) infinite twinkle;position:absolute;box-shadow:3px 0,-3px 0,0 3px,0 -3px}.px-star.big{color:var(--amber);transform:scale(1.7)}.is-day .px-star.big{color:var(--teal)}.px-star.dot{box-shadow:none}@keyframes twinkle{50%{opacity:.35}}.ag-const{pointer-events:none;opacity:0;width:44%;height:52%;transition:opacity .9s;position:absolute;top:0;right:0}.is-stars .ag-const{opacity:1}.ag-wrap{transition:transform .8s cubic-bezier(.2,.8,.2,1);position:relative}.is-tilt .ag-wrap{transform:rotate(-1.6deg)}.ag-head{border-bottom:1px solid #2c5260;justify-content:space-between;align-items:flex-end;gap:24px 48px;padding-bottom:30px;transition:border-color .7s;display:flex;position:relative}.ag-head .section-lede{text-align:right;max-width:38ch;margin:0}.ag-title span{color:var(--amber);transition:color .7s;display:block}.is-pixel .ag-title{font-family:var(--pixel);letter-spacing:0;font-size:clamp(26px,3.7vw,52px);font-weight:400;line-height:1.12}.ag-title.flash{animation:.32s steps(2,end) 2 flash}@keyframes flash{50%{opacity:.2}}.ag-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:64px;margin-top:60px;display:grid}.ag-term .tty-body{height:430px}.ag-steps{counter-reset:step;gap:34px;margin:0;padding:0;list-style:none;display:grid}.ag-steps li{counter-increment:step;grid-template-columns:42px 1fr;gap:6px 18px;transition:opacity .4s;display:grid}.ag-steps li:before{content:counter(step);width:40px;height:40px;font-family:var(--mono);border:1.5px solid;border-radius:50%;grid-row:span 2;align-self:start;place-items:center;font-size:14px;transition:background-color .3s,color .3s,border-color .3s;display:grid}.ag-steps b{letter-spacing:-.015em;font-size:clamp(21px,1.9vw,26px);line-height:1.2}.ag-steps span{color:color-mix(in oklab, var(--cream) 78%, transparent);font-size:clamp(16px,1.3vw,19px);line-height:1.5;transition:color .7s}.ag-live .ag-steps li{opacity:.45}.ag-live .ag-steps li.on{opacity:1}.ag-steps li.on:before{background:var(--amber);border-color:var(--amber);color:var(--ink)}.ag-toast{right:var(--gutter);z-index:2;background:var(--ink);color:var(--cream);border:1.5px solid var(--amber);font-family:var(--mono);opacity:0;pointer-events:none;border-radius:6px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;transition:opacity .35s,transform .35s;display:flex;position:absolute;bottom:44px;transform:translateY(10px)}.ag-toast img{width:22px;height:22px}.ag-toast.show{opacity:1;transform:none}.selfhost{border-top:1px solid #1c3d48;padding:120px 0}.two-col{grid-template-columns:1fr 1.15fr;align-items:center;gap:56px;display:grid}.server-cmd{text-align:left;width:100%;color:var(--cream);cursor:pointer;font:inherit;background:0 0;border:1px solid #2c5260;border-radius:6px;margin-top:30px;padding:14px 16px;display:block;position:relative}.server-cmd:hover{border-color:var(--cream)}.server-cmd:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.server-cmd .pixel-label{margin:0 0 6px;font-size:11px;display:block}.server-cmd code{font-family:var(--mono);padding-right:52px;font-size:13.5px;line-height:1.6;display:block}.server-cmd .prompt{color:var(--amber)}.server-cmd .copy-state{font-family:var(--pixel);opacity:.7;font-size:10px;position:absolute;top:14px;right:14px}.install-term .tty-body{height:640px;font-size:13px}.closer{border-top:1px solid #1c3d48;padding:140px 0 0}.closer .cta{margin-top:34px}.foot{padding:26px var(--gutter);font-family:var(--mono);color:#8fa3a6;border-top:1px solid #1c3d48;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 28px;margin-top:140px;font-size:14px;display:flex}.foot span:first-child{color:var(--cream);font-family:var(--display);align-items:center;gap:8px;font-size:15px;font-weight:800;display:inline-flex}@media (width<=820px){.finale-copy{width:auto;right:var(--gutter);top:12vh}.two-col{grid-template-columns:1fr;gap:32px}.hl small{display:none}.hl b{font-size:12px}.hl-icon{width:24px;height:24px}.hl-icon svg{width:13px;height:13px}.ag-head{flex-direction:column;align-items:flex-start}.ag-head .section-lede{text-align:left}.ag-const{width:62%;height:14vh;top:-17vh}.ag-grid{grid-template-columns:1fr;gap:40px;margin-top:40px}.tty-body{padding:14px;font-size:12.5px}.ag-term .tty-body{height:360px}.install-term .tty-body{height:560px;font-size:11.5px}}@media (prefers-reduced-motion:reduce){.px-star,.cur{animation:none}}.dash-stage{--app-bg:#0c0d0f;--z:1;--sidebar:240px;background:var(--app-bg)}.obs-shell{position:absolute;inset:0;overflow:hidden}.obs-frame{transform-origin:0 0;background:var(--app-bg);pointer-events:none;border:0;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.cursor{z-index:20;pointer-events:none;opacity:0;will-change:transform;position:absolute;top:0;left:0}.cursor svg{width:24px;height:24px;fill:var(--cream);stroke:#0c0d0f;stroke-width:1.5px;stroke-linejoin:round;filter:drop-shadow(0 2px 3px #00000080);display:block}.cursor span{font-family:var(--pixel);background:var(--amber);color:var(--ink);white-space:nowrap;border-radius:3px;padding:2px 6px 1px;font-size:12px;position:absolute;top:20px;left:17px}.cursor.tag-left span{left:auto;right:12px}.ripple{z-index:19;border:2px solid var(--amber);pointer-events:none;border-radius:50%;width:36px;height:36px;margin:-18px 0 0 -18px;position:absolute}.annot{pointer-events:none;z-index:15;position:absolute;inset:0}.annot svg{position:absolute;overflow:visible}.annot path{fill:none;stroke:var(--amber);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #0009)}.annot p{color:var(--amber);white-space:nowrap;background:#16181b;border-radius:6px;margin:0;padding:2px 10px 4px;font-family:Caveat,cursive;font-size:30px;line-height:1;position:absolute;transform:rotate(-3deg);box-shadow:0 0 0 1.5px #f2a43a8c,0 10px 24px -10px #000c}.chapter-note{z-index:25;width:max(calc(var(--sidebar) * var(--z) - 20px), 236px);background:var(--ink);color:var(--cream);border:1px solid #1f4452;border-radius:12px;padding:16px 18px 14px;position:absolute;bottom:10px;left:10px;box-shadow:0 24px 40px -18px #000000d9}.chapter-note .note{display:none}.chapter-note .note.on{display:block}.chapter-note .note p:last-child{font-family:var(--display);margin:0;font-size:17.5px;font-weight:500;line-height:1.42}.chapter-note .pixel-label{margin-bottom:8px}.dots{gap:6px;margin-bottom:12px;display:flex}.dots i{background:#2c5260;width:8px;height:8px}.dots i.on{background:var(--amber)}.note-bar{background:#2c5260;height:2px;margin-top:14px}.note-bar i{background:var(--amber);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}@media (width>=768px) and (height<=780px){.chapter-note{padding:13px 15px 11px}.chapter-note .note p:last-child{font-size:15px;line-height:1.38}.dots{margin-bottom:9px}}@media (width<=767px){.chapter-note{width:auto;padding:14px 16px 12px;bottom:12px;left:12px;right:12px}.chapter-note .note p:last-child{font-size:16.5px}.annot p{font-size:25px}}
