body{margin:0;font-family:Inter,system-ui,sans-serif;background:#fff;color:#0f172a}html.dark body{background:#070b14;color:#f4f7fb}
*{box-sizing:border-box}a{text-decoration:none;color:inherit}.container{max-width:1160px;margin:0 auto;padding:0 20px}.desktop-only{display:none}.mobile-only{display:inline-flex}
@media (min-width:960px){.desktop-only{display:inline-flex}.mobile-only{display:none}}
.bg-glow{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.glow1,.glow2{position:absolute;border-radius:999px;filter:blur(72px);opacity:.55;background:radial-gradient(circle at 30% 30%, rgba(37,99,235,.4), transparent 60%),radial-gradient(circle at 70% 60%, rgba(124,58,237,.35), transparent 65%)}.glow1{width:680px;height:520px;left:-180px;top:-120px}.glow2{width:760px;height:560px;right:-220px;bottom:-200px;opacity:.45}
.header{position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(15,23,42,.1);background:rgba(255,255,255,.88);backdrop-filter:blur(12px)}html.dark .header{border-color:rgba(255,255,255,.1);background:rgba(7,11,20,.88)}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0}.brand{display:flex;align-items:center;gap:12px}.logo{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:1000}.brand-name{font-weight:1000;font-size:22px;letter-spacing:-.04em}.brand-sub{font-size:12px;font-weight:900;color:#7d8798}
.nav{display:none;gap:16px;align-items:center}@media (min-width:960px){.nav{display:flex}}.nav a{font-size:13px;font-weight:900;color:#7d8798}html.dark .nav a,.muted2,.tiny{color:#97a3b5}
.header-actions{display:flex;align-items:center;gap:10px}.btn{border:1px solid rgba(15,23,42,.1);background:#fff;color:#0f172a;padding:10px 13px;border-radius:14px;font-size:13px;font-weight:950;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}html.dark .btn{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#f4f7fb}.btn-primary{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border-color:transparent}.btn-sm{padding:8px 10px;border-radius:12px;font-size:12px}.btn-icon{padding:10px}.dot{width:10px;height:10px;border-radius:999px;background:#10b981;display:inline-block}
.mobile-panel{display:none;padding:10px 0 16px}.mobile-panel.open{display:block}.mobile-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-links a{padding:10px 12px;border-radius:14px;border:1px solid rgba(15,23,42,.1);background:#f8fafc;font-size:12px;font-weight:950;color:#7d8798}html.dark .mobile-links a{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#97a3b5}.mobile-actions{display:flex;gap:10px;margin-top:10px}
.section{padding:34px 0}.hero{padding:42px 0 20px}.grid{display:grid;gap:16px}.grid-hero{grid-template-columns:1fr}@media (min-width:960px){.grid-hero{grid-template-columns:1.1fr .9fr;gap:18px}}.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr}@media (min-width:960px){.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1.1fr 1fr 1fr}}
.kicker{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(15,23,42,.1);background:#f8fafc;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:950;color:#7d8798}html.dark .kicker{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#97a3b5}
h1{margin:14px 0 0;font-size:42px;line-height:1.04;letter-spacing:-.05em;font-weight:1000}@media (min-width:960px){h1{font-size:58px}}h2{margin:0;font-size:28px;letter-spacing:-.04em;font-weight:1000}p{margin:12px 0 0;font-size:15px;line-height:1.65;color:#5b6678;font-weight:700}html.dark p,.muted{color:#c1c8d5}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.pill,.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(15,23,42,.1);background:#f8fafc;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:950;color:#7d8798}html.dark .pill,html.dark .badge{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#97a3b5}
.stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:16px}.stat,.card{border:1px solid rgba(15,23,42,.1);background:#fff;border-radius:24px;padding:18px;box-shadow:0 10px 30px rgba(15,23,42,.08)}html.dark .stat,html.dark .card{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.05)}.stat{border-radius:18px;padding:12px}.stat .v{font-size:18px;font-weight:1000}.stat .l{font-size:12px;font-weight:900;color:#7d8798}html.dark .stat .l{color:#97a3b5}
.card2{border:1px solid rgba(15,23,42,.1);background:#f8fafc;border-radius:18px;padding:12px}html.dark .card2{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.04)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.sep{height:1px;background:linear-gradient(90deg, transparent, rgba(15,23,42,.1), transparent);margin-top:8px}html.dark .sep{background:linear-gradient(90deg, transparent, rgba(255,255,255,.1), transparent)}
.input,.select{width:100%;border:1px solid rgba(15,23,42,.1);background:#fff;color:#0f172a;border-radius:16px;padding:12px 12px;font-size:14px;font-weight:850;outline:none}html.dark .input,html.dark .select{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#f4f7fb}.small-select{width:auto;padding:9px 10px}.codeblock{position:relative;border:1px solid rgba(15,23,42,.1);background:#fff;border-radius:18px;padding:14px;overflow:auto}html.dark .codeblock{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.05)}.codeblock pre{margin:0;font-size:12px;line-height:1.5;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre}.copy-btn{position:absolute;top:10px;right:10px;border:1px solid rgba(15,23,42,.1);background:#fff;color:#0f172a;padding:7px 10px;border-radius:12px;font-size:12px;font-weight:950;cursor:pointer}
.chatlog{display:flex;flex-direction:column;gap:10px;height:380px;overflow:auto;padding:6px}.bubble-wrap{display:flex}.bubble-wrap.user{justify-content:flex-end}.bubble{max-width:90%;padding:10px 12px;border-radius:18px;border:1px solid rgba(15,23,42,.1);background:#fff;font-size:14px;font-weight:800;line-height:1.55;overflow:auto;position:relative}html.dark .bubble{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.05)}.bubble.user{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border-color:transparent}
.typing{display:none;align-items:center;gap:10px;margin-top:10px;color:#7d8798;font-size:13px;font-weight:950}.typing.show{display:flex}.pulse-dot{width:10px;height:10px;border-radius:999px;background:#2563eb;animation:pulse 1.1s infinite}@keyframes pulse{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.08);opacity:1}100%{transform:scale(.9);opacity:.7}}
.step-btn{width:100%;text-align:left;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border:1px solid rgba(15,23,42,.1);background:#f8fafc;border-radius:18px;padding:12px;cursor:pointer}html.dark .step-btn{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.04)}.step-btn .name{font-weight:1000}.step-btn .desc{font-size:12px;color:#7d8798;font-weight:900;margin-top:4px}html.dark .step-btn .desc{color:#97a3b5}.pill-running{background:rgba(245,158,11,.12)!important}.pill-done{background:rgba(16,185,129,.12)!important}.drawer{display:none;margin-top:12px}.drawer.open{display:block}.kv{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}@media (min-width:960px){.kv{grid-template-columns:1fr 1fr}}.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:80;display:none}.toast.show{display:block}.toast .inner{border:1px solid rgba(15,23,42,.1);background:#fff;border-radius:18px;padding:10px 12px;box-shadow:0 20px 60px rgba(15,23,42,.12);font-size:13px;font-weight:950}html.dark .toast .inner{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.08)}.modal{display:none;position:fixed;inset:0;z-index:60}.modal.open{display:block}.overlay{position:absolute;inset:0;background:rgba(0,0,0,.38)}.modal-wrap{position:relative;height:100%;display:grid;place-items:center;padding:16px}.modal-card{width:100%;max-width:520px}.modal-head{display:flex;justify-content:space-between;align-items:center}.tabs{display:flex;gap:8px}.footer{border-top:1px solid rgba(15,23,42,.1);padding:24px 0;margin-top:26px}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.usage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.usage-item{border:1px solid rgba(15,23,42,.1);background:#f8fafc;border-radius:14px;padding:10px}.usage-item .label{font-size:11px;font-weight:900;color:#7d8798;text-transform:uppercase;letter-spacing:.06em}.usage-item .value{margin-top:6px;font-size:16px;font-weight:1000}html.dark .usage-item{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.04)}
.md{line-height:1.65}.md h1,.md h2,.md h3,.md h4{margin:0 0 10px;font-weight:1000;letter-spacing:-.02em}.md h1{font-size:24px}.md h2{font-size:20px}.md h3{font-size:17px}.md p{margin:0 0 10px}.md ul,.md ol{margin:0 0 12px 18px;padding:0}.md li{margin:0 0 6px}.md pre{margin:10px 0 12px;padding:12px 14px;border-radius:14px;overflow:auto;border:1px solid rgba(15,23,42,.1);background:#0f172a;color:#e5eefc;position:relative}html.dark .md pre{border-color:rgba(255,255,255,.12);background:#020617;color:#dbeafe}.md code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.md p code,.md li code{padding:2px 6px;border-radius:8px;border:1px solid rgba(15,23,42,.1);background:#eef2ff;color:#1e293b}html.dark .md p code,html.dark .md li code{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#e2e8f0}.md blockquote{margin:10px 0 12px;padding:10px 12px;border-left:4px solid #2563eb;background:#eff6ff;border-radius:10px;color:#1e3a8a}html.dark .md blockquote{background:rgba(37,99,235,.12);color:#bfdbfe}
.code-copy{position:absolute;top:8px;right:8px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;padding:5px 8px;border-radius:10px;font-size:11px;font-weight:900;cursor:pointer}
.tok-keyword{color:#c084fc}.tok-string{color:#86efac}.tok-number{color:#fca5a5}.tok-comment{color:#94a3b8}.tok-operator{color:#93c5fd}.tok-bool{color:#fbbf24}