:root{--bg-primary:#fff;--bg-secondary:#f5f5f5;--text-primary:#000;--text-secondary:#444;--text-tertiary:#666;--border:#e0e0e0;--nav-bg:#ffffffd9;--accent:#000;--accent-text:#fff;--ok:#1f7a3a;--bad:#b3261e;--code-bg:#f0f0f0}html.night{--bg-primary:#000;--bg-secondary:#0a0a0a;--text-primary:#fff;--text-secondary:#888;--text-tertiary:#666;--border:#1a1a1a;--nav-bg:#000000d9;--accent:#fff;--accent-text:#000;--ok:#6fd48f;--bad:#ff8a80;--code-bg:#141414}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.night{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Inter,SF Pro Display,Segoe UI,sans-serif;font-size:16px;line-height:1.6;transition:background .3s,color .3s}a{color:inherit}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance;margin:0;line-height:1.15}h1{font-size:clamp(2.2rem,6vw,4.2rem);font-weight:600}h2{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:500}h3{font-size:1.05rem;font-weight:600}p{margin:0}.nav{z-index:10;background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;gap:16px;max-width:72rem;margin:0 auto;padding:14px 24px;display:flex}.logo-link{align-items:center;gap:10px;text-decoration:none;display:flex}.logo-svg{width:32px;height:32px}html:not(.night) .logo-svg{filter:invert()}.logo-text{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);font-size:13px}.nav-links{align-items:center;gap:6px;display:flex}.nav-links a{color:var(--text-secondary);border-radius:9999px;padding:8px 12px;font-size:14px;text-decoration:none}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--text-primary);background:var(--bg-secondary)}.theme-toggle{border:1px solid var(--border);background:var(--bg-secondary);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:15px;display:inline-flex}.theme-toggle:hover{opacity:.8}.wrap{max-width:72rem;margin:0 auto;padding-inline:24px}.narrow{max-width:46rem}.hero{text-align:center;padding-block:96px 56px}.hero p.lede{color:var(--text-secondary);max-width:40rem;margin:20px auto 0;font-size:clamp(1.05rem,2vw,1.3rem)}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:18px;font-size:12px}.cta-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}.btn{border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);cursor:pointer;border-radius:9999px;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:500;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex}.btn:hover{opacity:.85}.btn:active{transform:scale(.98)}.btn.ghost{color:var(--text-primary);border-color:var(--border);background:0 0}.btn.ghost:hover{background:var(--bg-secondary);opacity:1}.btn.small{padding:8px 14px;font-size:13px}.btn:disabled{opacity:.5;cursor:default}.section{border-top:1px solid var(--border);padding-block:56px}.section-header{text-align:center;margin-bottom:32px}.section-header p{color:var(--text-secondary);margin-top:10px}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:24px;align-content:start;gap:10px;padding:22px;display:grid}.card p{color:var(--text-secondary);font-size:14px}.card .row{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.steps{counter-reset:s;gap:10px;display:grid}.step{grid-template-columns:34px 1fr;align-items:start;gap:12px;display:grid}.step:before{counter-increment:s;content:counter(s);border:1px solid var(--border);width:28px;height:28px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:inline-flex}code,.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px}code{background:var(--code-bg);word-break:break-all;border-radius:6px;padding:2px 6px}.urlbox{align-items:stretch;gap:8px;display:flex}.urlbox input{border:1px solid var(--border);background:var(--bg-primary);min-width:0;color:var(--text-primary);border-radius:12px;flex:1;padding:12px 14px;font-size:14px}.field{gap:6px;display:grid}.field label{color:var(--text-secondary);font-size:13px}.field input,.field textarea{border:1px solid var(--border);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:12px;padding:12px 14px;font-family:inherit;font-size:16px}.field input:focus,.field textarea:focus,.urlbox input:focus{outline:2px solid var(--text-primary);outline-offset:1px}.err{color:var(--bad);font-size:14px}.ok{color:var(--ok);font-size:14px}.muted{color:var(--text-tertiary);font-size:13px}.footer{border-top:1px solid var(--border);color:var(--text-tertiary);padding-block:36px 48px;font-size:13px}.footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.chat{grid-template-rows:1fr auto;max-width:52rem;margin:0 auto;padding-block:8px 40px;display:grid}.chat-log{align-content:start;gap:16px;min-height:38dvh;max-height:62dvh;padding:24px;display:grid;overflow-y:auto}.msg{white-space:pre-wrap;word-wrap:break-word;border-radius:18px;max-width:92%;padding:12px 16px}.msg.user{background:var(--accent);color:var(--accent-text);justify-self:end}.msg.assistant{background:var(--bg-secondary);border:1px solid var(--border);justify-self:start}.msg.tool{color:var(--text-tertiary);border:1px dashed var(--border);background:0 0;border-radius:10px;justify-self:start;padding:4px 10px;font-size:12px}.chat-input{background:var(--bg-primary);gap:10px;padding:12px 24px 0;display:flex}.chat-input textarea{resize:none;border:1px solid var(--border);background:var(--bg-secondary);min-height:48px;max-height:160px;color:var(--text-primary);border-radius:16px;flex:1;padding:12px 14px;font-family:inherit;font-size:16px}.chips{flex-wrap:wrap;gap:8px;display:flex}.icon-btn{border:1px solid var(--border);background:var(--bg-secondary);width:40px;height:40px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.icon-btn:hover{background:var(--accent);color:var(--accent-text)}.chip{border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:9999px;padding:7px 12px;font-size:13px}.chip:hover{color:var(--text-primary)}@media (max-width:520px){.nav-container{padding:12px 16px}.wrap{padding-inline:16px}.hero{padding-block:64px 40px}.chat-log{padding:16px}.chat-input{padding:12px 16px 18px}.nav-links a{padding:6px 8px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}