@font-face{font-family:Bricolage Grotesque;src:url(/_astro/BricolageGrotesque-Variable.IeJf__1j.ttf)format("truetype");font-weight:200 800;font-display:swap}@font-face{font-family:Geist;src:url(/_astro/Geist-Variable.Cz_WRCMl.ttf)format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Geist Mono;src:url(/_astro/GeistMono-Variable.Cfl0yKzG.ttf)format("truetype");font-weight:100 900;font-display:swap}:root{--accent:#f50;--accent-hover:#ff7a1a;--accent-soft:#ff550024;--accent-glow:#ff550059;--accent-grad:linear-gradient(135deg, #ff3d00 0%, #f50 50%, #ff9a1f 100%);--amber:#ff9a1f;--canvas-deep:#0d0c0b;--canvas:#141210;--surface:#1b1916;--surface-raised:#24211d;--surface-hover:#2f2b26;--line:#ffecdc14;--line-strong:#ffecdc24;--text:#f5efe8;--text-muted:#b3aaa0;--text-subtle:#7d756c;--success:#3dd68c;--glass:#141210b8;--grain-opacity:.07;--f-display:"Bricolage Grotesque", "Geist", system-ui, sans-serif;--f-ui:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono:"Geist Mono", ui-monospace, "Cascadia Code", monospace;--r-s:6px;--r-m:10px;--r-l:14px;--r-xl:20px;--ease-std:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--fast:.12s;--base:.2s;--slow:.32s;--page:.42s;--gutter:clamp(16px, 4vw, 48px);--maxw:1180px;color-scheme:dark}:root[data-theme=light]{--accent:#e84d00;--accent-soft:#e84d001a;--accent-glow:#ff550047;--canvas-deep:#f2ede6;--canvas:#faf7f3;--surface:#fff;--surface-raised:#f2ede6;--surface-hover:#eae3da;--line:#28190a17;--line-strong:#28190a29;--text:#1a1714;--text-muted:#5e564d;--text-subtle:#8f867c;--glass:#faf7f3c7;--grain-opacity:.045;color-scheme:light}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--canvas-deep);color:var(--text);font:500 16px/1.6 var(--f-ui);-webkit-font-smoothing:antialiased;transition:background-color var(--page) var(--ease-out), color var(--page) var(--ease-out);margin:0;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}p a,.t-notes a{color:var(--accent);transition:background-size var(--base) var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;text-decoration:none}p a:hover,.t-notes a:hover{background-size:100% 1px}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-s)}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums;font-weight:400}.muted{color:var(--text-muted)}.ic{flex:none;width:20px;height:20px}kbd{font:500 12px/1 var(--f-mono);border-radius:var(--r-s);background:var(--surface-raised);border:1px solid var(--line-strong);min-width:22px;height:22px;color:var(--text-muted);vertical-align:middle;border-bottom-width:2px;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}kbd+kbd{margin-left:3px}.grad-text{background:var(--accent-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.label{font:600 11px/1 var(--f-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;margin:0 0 18px;display:inline-flex}.grain{z-index:100;pointer-events:none;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:1.2s steps(6,end) infinite grain;position:fixed;inset:-8%}:root[data-theme=light] .grain{filter:invert()}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}.cursor-glow{pointer-events:none;z-index:0;background:radial-gradient(circle, var(--accent-soft) 0%, transparent 65%);opacity:0;width:520px;height:520px;transition:opacity .6s var(--ease-out);will-change:transform;border-radius:50%;margin:-260px 0 0 -260px;position:fixed;top:0;left:0}body.has-pointer .cursor-glow{opacity:.9}.btn{--h:48px;height:var(--h);font:600 15px/1 var(--f-ui);transition:transform var(--base) var(--ease-spring), background-color var(--fast) var(--ease-std), box-shadow var(--base) var(--ease-out), border-color var(--fast) var(--ease-std);will-change:transform;border-radius:999px;align-items:center;gap:10px;padding:0 22px;text-decoration:none;display:inline-flex}.btn .ic{width:18px;height:18px;transition:transform var(--base) var(--ease-out)}.btn:hover .ic:last-child{transform:translate(2px)}.btn:active{transform:scale(.96)}.btn-sm{--h:36px;padding:0 14px;font-size:14px}.btn-sm .ic{width:16px;height:16px}.btn-primary{background:var(--accent-grad);color:#fff;box-shadow:0 8px 28px -6px var(--accent-glow), inset 0 1px 0 #ffffff40}.btn-primary:hover{box-shadow:0 14px 40px -8px var(--accent-glow), inset 0 1px 0 #ffffff4d}.btn-secondary{background:var(--surface-raised);border:1px solid var(--line)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--line-strong)}.icon-btn{width:36px;height:36px;color:var(--text-muted);transition:background-color var(--fast) var(--ease-std), color var(--fast) var(--ease-std), transform var(--base) var(--ease-spring);border-radius:999px;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface-hover);color:var(--text)}.icon-btn:active{transform:scale(.9)}.icon-btn-sm{width:30px;height:30px}.icon-btn-sm .ic{width:16px;height:16px}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);border-radius:var(--r-s);background:var(--text);color:var(--canvas);font:500 12px/1.2 var(--f-ui);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--fast) var(--ease-std), transform var(--base) var(--ease-out);z-index:5;padding:5px 9px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;transition-delay:.35s;transform:translate(-50%)}.nav [data-tip]:after{top:calc(100% + 8px);bottom:auto;transform:translate(-50%,-4px)}.nav [data-tip]:hover:after{transform:translate(-50%)}.reveal{opacity:0;filter:blur(6px);transition:opacity .9s var(--ease-out), transform .9s var(--ease-out), filter .9s var(--ease-out);transition-delay:calc(var(--d,0) * 80ms);transform:translateY(28px)}.reveal.in{opacity:1;filter:none;transform:none}.badge{border-radius:var(--r-s);height:22px;font:600 11px/1 var(--f-ui);letter-spacing:.02em;background:var(--accent-soft);color:var(--accent);align-items:center;padding:0 8px;display:inline-flex}.badge-new{background:var(--accent-grad);color:#fff}main>.section{z-index:1;position:relative}.section{width:min(var(--maxw), calc(100% - 2 * var(--gutter)));margin:0 auto;padding:clamp(96px,14vw,170px) 0 0}.section-head{max-width:640px;margin-bottom:56px}.section-head.center{text-align:center;margin-inline:auto}.section-head.center .label{justify-content:center}.section-head h2{font:800 clamp(40px, 6vw, 76px)/.95 var(--f-display);letter-spacing:-.045em;margin:0 0 22px}.section-head p{margin:0;font-size:17px}.split>*{min-width:0}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,88px);display:grid}.split .section-head{margin-bottom:36px}.palette{z-index:200;place-items:start center;padding:14vh 16px 16px;display:grid;position:fixed;inset:0}.palette[hidden]{display:none}.palette-scrim{-webkit-backdrop-filter:blur(6px);animation:fade var(--base) var(--ease-out);background:#0504038c;position:absolute;inset:0}.palette-box{border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line-strong);width:min(560px,100%);animation:pop var(--slow) var(--ease-spring);position:relative;overflow:hidden;box-shadow:0 40px 100px -20px #000000b3}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(-10px)scale(.97)}}.palette-field{border-bottom:1px solid var(--line);height:56px;color:var(--text-muted);align-items:center;gap:12px;padding:0 16px;display:flex}.palette-field input{min-width:0;height:100%;color:var(--text);font:500 16px var(--f-ui);background:0 0;border:0;outline:0;flex:1}.palette-field input::placeholder{color:var(--text-subtle)}.palette-list{max-height:50vh;margin:0;padding:8px;list-style:none;overflow-y:auto}.palette-list li{border-radius:var(--r-m);cursor:pointer;color:var(--text-muted);align-items:center;gap:12px;padding:10px 12px;font-size:15px;display:flex}.palette-list li .kind{font:600 11px/1 var(--f-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);margin-left:auto}.palette-list li .bullet{background:var(--surface-hover);border-radius:50%;flex:none;width:8px;height:8px}.palette-list li.sel{background:var(--surface-hover);color:var(--text)}.palette-list li.sel .bullet{background:var(--accent);box-shadow:0 0 10px var(--accent)}.palette-list .empty{color:var(--text-subtle);cursor:default}.toast{z-index:210;border-radius:var(--r-l);background:var(--text);color:var(--canvas);opacity:0;pointer-events:none;transition:transform var(--slow) var(--ease-spring), opacity var(--base) var(--ease-out);padding:12px 18px;font-size:14px;font-weight:600;position:fixed;bottom:112px;left:50%;transform:translate(-50%,30px);box-shadow:0 20px 40px -12px #00000080}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=860px){.split{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}.reveal{opacity:1;filter:none;transform:none}.display .line>span{transform:none}.window{transform:none!important}}.nav{z-index:50;width:min(var(--maxw), calc(100% - 2 * var(--gutter)));transition:background-color var(--slow) var(--ease-out), border-color var(--slow) var(--ease-out), backdrop-filter var(--slow), box-shadow var(--slow);border:1px solid #0000;border-radius:999px;justify-content:space-between;align-items:center;gap:16px;padding:8px 8px 8px 16px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}.nav.scrolled{background:var(--glass);border-color:var(--line);-webkit-backdrop-filter:blur(18px)saturate(1.4);box-shadow:0 10px 40px -20px #00000080}.brand{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-logo{transition:transform .8s var(--ease-out)}.brand:hover .brand-logo{transform:rotate(180deg)}.wordmark{font:800 22px/1 var(--f-display);letter-spacing:-.045em}.wordmark span{color:var(--accent)}.nav-links{gap:4px;display:flex}.nav-links a{color:var(--text-muted);transition:color var(--fast) var(--ease-std), background-color var(--fast) var(--ease-std);border-radius:999px;padding:8px 12px;font-size:14px;text-decoration:none}.nav-links a:hover,.nav-links a.active{color:var(--text);background:var(--surface-hover)}.nav-actions{align-items:center;gap:6px;display:flex}.kbd-btn{transition:background-color var(--fast);border-radius:999px;align-items:center;padding:6px 8px;display:inline-flex}.kbd-btn:hover{background:var(--surface-hover)}.ic-moon,:root[data-theme=light] .ic-sun{display:none}:root[data-theme=light] .ic-moon{display:block}@media (width<=1080px){.nav-links{display:none}}@media (width<=560px){.nav{padding-left:12px}.kbd-btn,.nav-actions .btn span{display:none}.nav-actions .btn{padding:0 10px}}.footer{z-index:1;width:min(var(--maxw), calc(100% - 2 * var(--gutter)));margin:0 auto;padding:120px 0 150px;position:relative}.footer-mark{text-align:center;font:800 clamp(80px, 22vw, 300px)/.8 var(--f-display);letter-spacing:-.07em;color:#0000;-webkit-text-stroke:1.5px var(--line-strong);user-select:none;background:linear-gradient(90deg, var(--accent) 0 var(--fill,0%), transparent var(--fill,0%));-webkit-background-clip:text;background-clip:text;margin:0 0 40px}.footer-mark span{-webkit-text-stroke-color:var(--accent)}.footer-row{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;display:flex}.footer-row .wordmark{font-size:18px}.footer-links{flex-wrap:wrap;gap:22px;display:flex}.footer-links a{color:var(--text-muted);transition:color var(--fast);font-size:14px;text-decoration:none}.footer-links a:hover{color:var(--accent)}.disclaimer{color:var(--text-subtle);max-width:70ch;margin:6px 0 0;font-size:12px}.dots{gap:7px;display:flex}.dots i{background:var(--surface-hover);border-radius:50%;width:11px;height:11px}.dots i:first-child{background:var(--accent)}.split-start{align-items:start}.terminal{border-radius:var(--r-xl);color:#f5efe8;background:#0d0c0b;border:1px solid #ffecdc24;overflow:hidden;box-shadow:0 40px 80px -40px #000000b3}.term-bar{color:#7d756c;border-bottom:1px solid #ffecdc14;align-items:center;gap:12px;height:42px;padding:0 8px 0 14px;font-size:12px;display:flex}.term-bar .mono{text-align:center;flex:1}.term-bar .dots i{background:#2f2b26}.term-bar .dots i:first-child{background:#f50}.term-bar .icon-btn{color:#b3aaa0}.term-bar .icon-btn:hover{color:#f5efe8;background:#2f2b26}.ic-check{color:var(--success);display:none}.copied .ic-copy{display:none}.copied .ic-check{display:block}.term-body{white-space:pre;margin:0;padding:22px 24px 26px;font-size:14px;line-height:1.85;overflow-x:auto}.term-body .c{color:#7d756c}.term-body .p{color:#f50;user-select:none}.caret{vertical-align:-3px;background:#f50;width:8px;height:17px;margin-left:4px;animation:1s step-end infinite blink;display:inline-block}.start-cta{margin:0 0 28px}