:root{--bg:#0a0a0f;--bg-soft:#121219;--card:#15151f;--card-2:#1b1b27;--border:#26263a;--text:#e7e7ef;--muted:#9a9ab0;--accent:#7c5cff;--accent-2:#22d3ee;--ok:#34d399;--bad:#fb7185;--mono:ui-monospace, "JetBrains Mono", "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}.bg-grid{z-index:-1;background:radial-gradient(900px 500px at 50% -10%,#7c5cff38,#0000 70%),linear-gradient(#ffffff08 1px,#0000 1px) 0 0/44px 44px,linear-gradient(90deg,#ffffff08 1px,#0000 1px) 0 0/44px 44px;position:fixed;inset:0}a{color:inherit;text-decoration:none}code,.mono{font-family:var(--mono)}.topbar{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#0a0a0f99;justify-content:space-between;align-items:center;padding:.85rem clamp(1rem,5vw,3rem);display:flex;position:sticky;top:0}.brand{align-items:center;gap:.55rem;font-weight:700;display:flex}.logo{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#08080c;width:28px;height:28px;font-family:var(--mono);border-radius:8px;place-items:center;font-size:.8rem;display:grid}.nav-links{color:var(--muted);gap:1.5rem;font-size:.92rem;display:flex}.nav-links a:hover{color:var(--text)}.hero{text-align:center;max-width:820px;margin:0 auto;padding:clamp(3rem,9vw,6rem) 1.25rem 3rem}.pill{border:1px solid var(--border);background:var(--bg-soft);color:var(--muted);font-size:.8rem;font-family:var(--mono);border-radius:999px;padding:.35rem .85rem;display:inline-block}.hero h1{letter-spacing:-.02em;margin:1.25rem 0 .75rem;font-size:clamp(2.1rem,6vw,3.6rem);line-height:1.1}.grad{background:linear-gradient(120deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.lede{max-width:580px;color:var(--muted);margin:0 auto;font-size:1.05rem}.hero-cta{justify-content:center;gap:.75rem;margin-top:2rem;display:flex}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:.7rem 1.3rem;font-weight:600;transition:transform .12s,opacity .12s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg, var(--accent), #6d4dff);color:#fff;box-shadow:0 10px 30px -12px var(--accent)}.btn.ghost{background:var(--card);border-color:var(--border);color:var(--text)}.btn.full{width:100%}main{max-width:980px;margin:0 auto;padding:1rem clamp(1rem,5vw,2rem) 4rem}.block{margin-top:4.5rem;scroll-margin-top:80px}.block-head h2{letter-spacing:-.01em;margin:0;font-size:1.6rem}.block-head p{color:var(--muted);margin:.35rem 0 1.75rem}.grid-2{grid-template-columns:1fr 1fr;gap:1.1rem;display:grid}.card{background:linear-gradient(180deg, var(--card), var(--bg-soft));border:1px solid var(--border);border-radius:16px;padding:1.4rem}.card h3{margin:0 0 1rem;font-size:1.05rem}.seg{background:var(--bg);border:1px solid var(--border);border-radius:10px;gap:4px;padding:4px;display:flex}.seg-btn{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;padding:.5rem}.seg-btn.active{background:var(--card-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.switch{color:var(--muted);align-items:center;gap:.5rem;margin:1rem 0;font-size:.92rem;display:flex}.switch input{accent-color:var(--accent);width:16px;height:16px}.output-row{align-items:stretch;gap:.5rem;margin-bottom:1rem;display:flex}.output{background:var(--bg);border:1px solid var(--border);letter-spacing:.04em;word-break:break-all;color:var(--accent-2);border-radius:10px;flex:1;align-items:center;padding:.7rem .85rem;font-size:1.05rem;display:flex}.icon-btn{border:1px solid var(--border);background:var(--card-2);color:var(--text);font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:.35rem;padding:0 .8rem;font-size:.9rem;display:inline-flex}.icon-btn:hover{border-color:var(--accent)}.field{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);font:inherit;font-family:var(--mono);letter-spacing:.04em;border-radius:10px;padding:.75rem .85rem}.field:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #7c5cff2e}.verdict{border:1px solid var(--border);background:var(--bg);color:var(--muted);border-radius:10px;margin:1rem 0;padding:.7rem .9rem;font-weight:600}.verdict.ok{color:var(--ok);background:#34d39914;border-color:#34d39966}.verdict.bad{color:var(--bad);background:#fb718514;border-color:#fb718566}.kv{gap:.6rem;margin:0;display:grid}.kv div{justify-content:space-between;gap:1rem;font-size:.9rem;display:flex}.kv dt{color:var(--muted)}.kv dd{color:var(--accent-2);word-break:break-all;margin:0}.api-list{gap:1.1rem;display:grid}.api-card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden}.api-sig{background:var(--bg-soft);border-bottom:1px solid var(--border);font-family:var(--mono);flex-wrap:wrap;align-items:center;gap:.5rem;padding:1rem 1.3rem;font-size:.95rem;display:flex}.api-sig .fn{color:var(--accent-2)}.api-sig .tag{font-family:var(--sans);color:var(--muted);border:1px solid var(--border);border-radius:999px;margin-left:auto;padding:.15rem .55rem;font-size:.72rem}.api-body{padding:1.1rem 1.3rem}.api-body p{color:var(--muted);margin:0 0 1rem}.api-demo{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.api-demo code{background:var(--bg);border:1px solid var(--border);min-width:200px;color:var(--text);word-break:break-all;border-radius:9px;flex:1;padding:.6rem .8rem;font-size:.88rem}.api-demo .res{color:var(--ok)}.run-btn{border:1px solid var(--accent);color:var(--text);font:inherit;cursor:pointer;background:#7c5cff1f;border-radius:9px;padding:.55rem 1rem;font-weight:600}.run-btn:hover{background:#7c5cff38}.run-btn.copy{border-color:var(--border);background:var(--card-2)}.run-btn.copy:hover{border-color:var(--accent-2);background:var(--bg-soft)}.faq{gap:.75rem;display:grid}.faq details{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:.4rem 1.1rem}.faq summary{cursor:pointer;padding:.7rem 0;font-weight:600;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:var(--muted);font-weight:400}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);margin:0 0 .9rem}.faq code{color:var(--accent-2)}footer{border-top:1px solid var(--border);text-align:center;color:var(--muted);margin-top:4rem;padding:2rem 1rem;font-size:.9rem}footer code{color:var(--accent-2)}@media (width<=720px){.grid-2{grid-template-columns:1fr}.nav-links{display:none}}