:root{--paper:#f5f5f3;--paper-2:#ecece8;--white:#fff;--ink:#111;--graphite:#1c1c1a;--text-2:#55554f;--text-3:#6e6e68;--rule:#d9d8d2;--grid:#e3e2db;--console-line:#2a2a27;--console-text:#e8e8e3;--console-dim:#8e8e87;--accent:#f48120;--accent-soft:#f481201f;--sans:"Inter", ui-sans-serif, system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--pixel:"Pixelify Sans", var(--mono);--gutter:120px;--max:1200px;--spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{font-family:var(--sans);color:var(--ink);background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cpath d='M61 64.5h7M64.5 61v7' stroke='%23C9C8C0'/%3E%3C/svg%3E"), linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-position:-64px -64px,0 0,0 0;background-size:128px 128px,32px 32px,32px 32px;margin:0}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.wrap{width:100%;max-width:calc(var(--max) + var(--gutter) * 2);padding-inline:var(--gutter);margin:0 auto}.mono{font-family:var(--mono)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon{flex:none;width:16px;height:16px}.section{padding-block:120px}.section-head{justify-content:space-between;align-items:flex-end;gap:64px;margin-bottom:56px;display:flex}.section-title{letter-spacing:-.046em;margin:18px 0 0;font-size:56px;font-weight:700;line-height:1.02}.section-intro{max-width:390px;color:var(--text-2);margin:0;font-size:17px;line-height:1.55}.tag{background:var(--ink);color:var(--paper);font-family:var(--mono);letter-spacing:.11em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:5px 10px;font-size:11px;display:inline-flex}.tag:before{content:"";background:var(--accent);width:8px;height:8px}.tag--light{background:var(--paper);color:var(--ink)}.dark{background:var(--ink);color:var(--paper)}.pill-btn{border:1.5px solid var(--ink);cursor:pointer;transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out), background .18s;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.pill-btn:hover{box-shadow:0 3px 0 var(--ink);transform:translateY(-2px)}.pill-btn--ink{background:var(--ink);color:var(--paper)}.pill-btn--ink .icon{color:var(--accent)}.pill-btn--ink:hover{box-shadow:0 3px 0 var(--accent)}.pill-btn--white{background:var(--white)}.link-arrow{text-underline-offset:4px;font-size:15px;font-weight:500}.link-arrow span{transition:transform .2s var(--ease-out);display:inline-block}.link-arrow:hover span{transform:translate(4px)}.link-muted{color:var(--text-2);font-size:15px;text-decoration:none}.link-muted:hover{color:var(--ink)}.cmd{background:var(--ink);height:56px;box-shadow:0 4px 0 var(--accent);font-family:var(--mono);color:var(--console-text);border-radius:14px;align-items:center;gap:10px;min-width:0;padding:0 6px 0 18px;font-size:15px;display:flex}.cmd__prompt{color:var(--console-dim)}.cmd__text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;transition:opacity .18s;overflow:hidden}.cmd__text.is-swapping{opacity:0}.copy-btn{background:var(--accent);height:44px;color:var(--ink);font-family:var(--sans);cursor:pointer;transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out), background .18s, color .18s;border:0;border-radius:10px;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.copy-btn:hover{box-shadow:0 3px 0 var(--paper);transform:translateY(-2px)}.copy-btn .icon-done{display:none}.copy-btn.is-copied{background:var(--paper);color:var(--ink)}.copy-btn.is-copied .icon-copy{display:none}.copy-btn.is-copied .icon-done{color:var(--accent);display:block}.pulse{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px;position:relative}.pulse:after{content:"";border:2px solid var(--accent);border-radius:50%;animation:1.25s ease-out infinite pulse;position:absolute;inset:0}@keyframes pulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.flow{--packet:26px;--spacing:120px;border:1.5px solid var(--ink);background-color:var(--paper);background-image:repeating-linear-gradient(90deg, #f4812059 0, var(--accent) var(--packet), transparent var(--packet), transparent var(--spacing));background-size:var(--spacing) 100%;border-radius:999px;animation:1.5s linear infinite flow-x;display:block}.flow--wire{--packet:14px;--spacing:48px;background-color:var(--ink);border:0;border-radius:0;height:4px;animation-duration:1.2s}@keyframes flow-x{to{background-position:var(--spacing) 0}}@keyframes flow-y{to{background-position:0 var(--spacing)}}.card{background:var(--white);border:1.5px solid var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:22px}.icon-tile{background:var(--paper-2);border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.icon-tile .icon{width:18px;height:18px}[data-reveal]{opacity:0;transition:opacity .6s var(--ease-out) calc(var(--i,0) * 80ms), translate .6s var(--ease-out) calc(var(--i,0) * 80ms);translate:0 14px}[data-reveal].is-in,.no-js [data-reveal]{opacity:1;translate:none}@media (width<=900px){:root{--gutter:20px}.section{padding-block:72px}.section-head{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:32px}.section-title{letter-spacing:-.04em;font-size:34px;line-height:1.05}.section-intro{max-width:none;font-size:16px}.cmd{gap:8px;height:52px;padding:0 5px 0 14px;font-size:13px}.copy-btn{height:42px;padding:0 13px}.copy-btn__label{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;transition-delay:0s!important;animation-duration:.001ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;translate:none}}