:root{color-scheme:dark;--bg:#09090f;--panel:#131321;--ink:#f7f7ff;--muted:#b7b9d7;--accent:#9dff6f;--hot:#ff4fd8;--line:#2c2d45}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#241137,var(--bg) 42%),var(--bg);color:var(--ink);font:16px/1.6 Inter,ui-sans-serif,system-ui,Segoe UI,sans-serif}main{max-width:1120px;margin:0 auto;padding:56px 24px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;font-weight:700}h1{font-size:clamp(42px,8vw,84px);line-height:.94;margin:20px 0}h2{font-size:32px;margin-top:52px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}.card{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.35)}p{color:var(--muted);font-size:18px}.cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.button{display:inline-block;padding:13px 18px;border-radius:999px;text-decoration:none;font-weight:800}.primary{background:var(--accent);color:#0b0d0b}.secondary{border:1px solid var(--line);color:var(--ink)}pre{overflow:auto;background:#05050a;border:1px solid var(--line);border-radius:16px;padding:18px;color:#d8ffd0;white-space:pre-wrap;word-break:break-word}code{overflow-wrap:anywhere;word-break:break-word}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.grid .card{min-height:170px}label{display:block;margin:16px 0 6px;color:var(--ink);font-weight:800}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:#05050a;color:var(--ink);padding:13px 14px;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(157,255,111,.16)}textarea{resize:vertical}.proof-card{border-color:rgba(157,255,111,.45);box-shadow:0 24px 80px rgba(157,255,111,.08),0 24px 80px rgba(0,0,0,.35)}.demo,.clip{width:100%;border-radius:18px;border:1px solid var(--line)}.clip{display:block;background:#05050a;box-shadow:0 20px 60px rgba(0,0,0,.28)}footer{border-top:1px solid var(--line);margin-top:64px;padding-top:24px;color:var(--muted)}@media(max-width:820px){.hero{grid-template-columns:1fr}h1{font-size:48px}}