:root{--bg: #0a0a0a;--bg2: #111;--bg3: #161616;--fg: #ffffff;--fg2: #e5e5e5;--muted: #888;--dim: #444;--line: #1f1f1f;--line2: #2a2a2a;--accent: #d90000;--accent2: #ff2a2a;--ok: #2ecc71;--dot: #1c1c1c;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-sans: "NType 82", system-ui, -apple-system, sans-serif;--pill: 999px;--r-s: 8px;--r-m: 14px;--r-l: 20px;--r-xl: 28px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}body{background:radial-gradient(circle at 10% 0%,rgba(217,0,0,.05) 0%,transparent 40%),radial-gradient(var(--dot) 1px,transparent 1px) #0a0a0a;background-size:auto,18px 18px}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button{font:inherit;background:var(--fg);color:#000;border:none;border-radius:var(--pill);padding:12px 24px;cursor:pointer;font-size:14px;font-weight:500;transition:transform 80ms,background .12s,color .12s}button:hover{transform:translateY(-1px)}button:disabled{opacity:.3;cursor:default;transform:none}button.ghost{background:transparent;color:var(--fg);border:1px solid var(--line2)}button.ghost:hover{background:var(--bg2)}button.accent{background:var(--accent);color:var(--fg)}button.accent:hover{background:var(--accent2)}input{font:inherit;background:var(--bg2);color:var(--fg);border:1px solid var(--line2);border-radius:var(--r-m);padding:14px 18px;font-size:15px;outline:none;width:100%;transition:border-color .12s}input:focus{border-color:var(--fg)}input::placeholder{color:var(--dim)}.card{border:1px solid var(--line);border-radius:var(--r-l);padding:22px;background:var(--bg2)}.nav{display:flex;align-items:center;gap:14px;padding:16px 32px;position:sticky;top:0;background:#0a0a0ab3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;border-bottom:1px solid var(--line)}.nav .brand{font-size:13px;letter-spacing:.18em;font-weight:500}.nav .spacer{flex:1}.nav .link{font-size:13px;color:var(--muted);padding:8px 14px;border-radius:var(--pill);transition:color .12s,background .12s}.nav .link:hover,.nav .link.active{color:var(--fg);background:var(--bg2)}.nav .cta{background:var(--fg);color:#000;font-size:13px;padding:10px 18px;border-radius:var(--pill);font-weight:500}.nav .cta:hover{background:var(--accent);color:var(--fg)}.wrap{max-width:1180px;margin:0 auto;padding:32px}.hero{padding:110px 32px 80px;max-width:1180px;margin:0 auto}.hero .label{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--pill);background:var(--bg2);border:1px solid var(--line2);font-size:11px;letter-spacing:.18em;color:var(--fg2)}.hero h1{font-size:clamp(48px,8vw,108px);letter-spacing:-.02em;line-height:1;margin-top:24px;font-weight:500}.hero h1 .accent{color:var(--accent)}.hero h1 .thin{font-weight:300;color:var(--fg2)}.hero p.lead{margin-top:28px;max-width:640px;font-size:17px;color:var(--muted);line-height:1.6}.hero .ctas{margin-top:40px;display:flex;gap:12px;flex-wrap:wrap}.section{padding:80px 32px;max-width:1180px;margin:0 auto}.section .label{font-size:11px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase}.section h2{font-size:clamp(32px,5vw,56px);letter-spacing:-.02em;font-weight:500;margin-top:12px}.section h2 .accent{color:var(--accent)}.section p.lead{margin-top:20px;color:var(--muted);max-width:680px;font-size:16px}.grid-features{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:32px}.feat{padding:28px;border-radius:var(--r-xl);background:var(--bg2);border:1px solid var(--line);transition:border-color .12s,transform .12s;min-height:180px;display:flex;flex-direction:column;gap:10px}.feat:hover{border-color:var(--line2);transform:translateY(-2px)}.feat .n{font-family:var(--font-mono);font-size:11px;color:var(--accent);letter-spacing:.18em}.feat h3{font-size:20px;font-weight:500;letter-spacing:-.01em;margin-top:8px}.feat p{color:var(--muted);font-size:13px;line-height:1.6}.phone-mock{width:220px;height:380px;border-radius:36px;background:#000;border:2px solid var(--line2);position:relative;overflow:hidden;background-image:radial-gradient(var(--dot) 1px,transparent 1px);background-size:10px 10px;flex-shrink:0;display:grid;place-items:center;box-shadow:0 30px 60px #00000080}.phone-mock:after{content:"";position:absolute;top:14px;left:50%;transform:translate(-50%);width:10px;height:10px;border-radius:var(--pill);background:var(--dim)}.phone-screen{position:absolute;top:36px;left:14px;right:14px;bottom:24px;border-radius:22px;display:flex;flex-direction:column;padding:16px;gap:10px}.phone-screen .h{font-size:9px;letter-spacing:.24em;color:var(--muted)}.phone-screen .big{font-size:22px;font-weight:500;letter-spacing:-.01em}.phone-screen .pill{display:inline-block;padding:4px 10px;font-size:9px;border-radius:var(--pill);background:var(--bg3);letter-spacing:.12em;color:var(--fg2);align-self:flex-start}.phone-screen .pill.ok{background:#2ecc7133;color:var(--ok)}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:48px}@media (max-width: 900px){.split{grid-template-columns:1fr;gap:40px}}.foot{padding:60px 32px 40px;text-align:center;font-size:11px;color:var(--dim);letter-spacing:.18em;border-top:1px solid var(--line);margin-top:80px}.code-input{font-family:var(--font-mono);font-size:44px;letter-spacing:.32em;text-align:center;padding:22px 14px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line2);border-radius:var(--pill)}::-webkit-scrollbar-thumb:hover{background:var(--muted)}