:root{--bg:#0b0f17;--panel:#121826;--panel2:#171f30;--line:#232c40;--text:#e6eaf2;--muted:#8d97ab;--accent:#3b82f6;--accent2:#22c55e;--neg:#ef5350;--pos:#26a69a;--warn:#f5b041}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif}
a{color:#7fb0ff;text-decoration:none}a:hover{text-decoration:underline}
code,pre,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}
code{background:#1b2333;padding:1px 6px;border-radius:5px}
pre{background:#0e1422;border:1px solid var(--line);padding:10px 12px;border-radius:8px;overflow:auto;white-space:pre-wrap;word-break:break-all}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}.narrow{max-width:460px}
.top{border-bottom:1px solid var(--line);background:rgba(11,15,23,.9);position:sticky;top:0;z-index:5;backdrop-filter:blur(6px)}
.nav{display:flex;align-items:center;justify-content:space-between;height:60px}
.brand{font-weight:700;font-size:18px;color:var(--text)}.brand:hover{text-decoration:none}.logo{color:var(--accent)}
nav{display:flex;align-items:center;gap:18px}nav a{color:var(--muted)}nav a:hover{color:var(--text);text-decoration:none}
.btn{display:inline-block;background:var(--accent);color:#fff!important;border:1px solid var(--accent);border-radius:8px;padding:8px 16px;font-weight:600;cursor:pointer;font-size:14px}
.btn:hover{filter:brightness(1.1);text-decoration:none}.btn.ghost{background:transparent;color:var(--text)!important;border-color:var(--line)}
.btn.big{padding:12px 22px;font-size:16px}.btn.small{padding:5px 11px;font-size:13px}.btn.wide{width:100%;margin-top:6px}
.btn.danger{color:#ff8a80!important}
.linklike{background:none;border:0;color:var(--muted);cursor:pointer;font:inherit;padding:0}.linklike:hover{color:var(--text)}
form.inline{display:inline}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.hero{padding:70px 0 40px;background:radial-gradient(900px 400px at 20% -10%,rgba(59,130,246,.18),transparent),radial-gradient(700px 300px at 90% 0,rgba(34,197,94,.10),transparent)}
.eyebrow{color:var(--accent2);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:13px}
h1{font-size:30px;line-height:1.2;margin:.3em 0 .5em}.hero h1{font-size:44px;max-width:900px}
.lead{font-size:18px;color:#c3cad8;max-width:820px}.cta{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}
.mock{max-width:820px;margin-top:20px}.chat{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px}
.msg{padding:10px 14px;border-radius:12px;max-width:92%}.msg.you{background:#1d2a44;align-self:flex-end}.msg.bot{background:var(--panel2);border:1px solid var(--line)}
section{padding:34px 0}h2{font-size:24px;margin:0 0 18px}h3{margin:0 0 6px;font-size:17px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}
.feat,.plan,.cardbox{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px 20px}
.feat p{color:#c3cad8;margin:.3em 0}.feat.premium{border-color:#3b4f7a}.feat ol{padding-left:20px;margin:.4em 0}.feat li{margin:.3em 0}
.pill{display:inline-block;font-size:11px;padding:1px 8px;border-radius:99px;background:#1f3357;color:#9cc0ff;vertical-align:middle;margin-left:4px}
.pill.warn{background:#4a3a12;color:#f5d27a}.pill.neg{background:#4a1c1c;color:#ff9a9a}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;padding:0;list-style:none;counter-reset:s}
.steps li{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;counter-increment:s}
.steps li:before{content:counter(s);display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;margin-right:8px}
.steps b{display:inline}.steps span{display:block;color:var(--muted);margin-top:6px}
.url{display:flex;gap:12px;align-items:center;background:#0e1422;border:1px solid #2b3a5c;border-radius:10px;padding:12px 16px;margin:12px 0 18px;flex-wrap:wrap}
.url span{color:var(--muted);font-size:13px}.url code{font-size:16px;background:none;color:#9cc0ff}
.price{font-size:26px;font-weight:700;margin:.2em 0}.plan ul{padding-left:20px;color:#c3cad8}
.fine p{color:var(--muted);max-width:900px}
.foot{border-top:1px solid var(--line);margin-top:40px;padding:22px 0;color:var(--muted);font-size:13px}.foot .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.muted{color:var(--muted)}.small{font-size:13px}.pos{color:var(--pos)}.neg{color:var(--neg)}
main.wrap{padding-top:30px;padding-bottom:20px}.cardbox{margin-bottom:18px}
.narrow .cardbox{margin-top:30px}
label{display:block;margin:12px 0;color:#c3cad8;font-size:14px}
input[type=email],input[type=password],input[type=text],input[type=search],input:not([type]){display:block;width:100%;margin-top:5px;padding:10px 12px;background:#0e1422;border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:15px}
.row input{width:auto;min-width:260px;margin:0}label.check{display:flex;gap:8px;align-items:flex-start}label.check input{margin-top:4px}
.err{background:#3a1818;border:1px solid #6b2b2b;color:#ffb4b4;padding:10px 12px;border-radius:8px}
.ok{background:#12301f;border:1px solid #1f5c39;color:#b8f0cb;padding:10px 12px;border-radius:8px;margin-bottom:12px}
.tok{font-size:14px;background:#0b1a12;border-color:#1f5c39;color:#d7ffe5;margin:8px 0}
.titlebar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:12px}
.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
table.data{width:100%;border-collapse:collapse;font-size:14px}table.data th,table.data td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
table.data th{color:var(--muted);font-weight:600;cursor:pointer;user-select:none;background:var(--panel2);position:sticky;top:0}
table.data th.sorted:after{content:" " attr(data-dir)}table.data td.n,table.data th.n{text-align:right}
table.data tbody tr:hover{background:#18213a;cursor:pointer}.cardbox table.data tbody tr:hover{cursor:default}
table.kv td{padding:4px 14px 4px 0}.upgrade{margin-top:14px;padding:10px 12px;border:1px dashed #3b4f7a;border-radius:8px}
.empty{text-align:left}.narrowform{max-width:420px}
@media (max-width:700px){.hero h1{font-size:30px}nav a:not(.btn){display:none}}
.footlinks a{color:inherit}.footlinks{margin:0 12px}
.cardbox.danger{border-color:#f3c2c2}.dangerbtn{background:#b42318;border-color:#b42318}
.legal{max-width:760px}.legal h2{margin-top:28px;font-size:1.15rem}.legal li{margin:4px 0}
img.logo{vertical-align:-4px;border-radius:5px}
#runs td:first-child{white-space:normal;min-width:240px;max-width:380px}#runs td:first-child .small,#runs td:first-child small{word-break:break-word}main.wrap.wide{max-width:1360px}