:root{--bg:#0b0d16;--bg-2:#0f1320;--line:#23263a;--line-2:#2c3047;--ink:#eceefb;--muted:#9aa0bd;--faint:#6b7193;--accent:#7c6cff;--accent-2:#a99bff;--accent-ink:#0b0d16;--ok:#36e0b0;--radius:14px;--maxw:1120px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;--mono:"SF Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2)}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:11px;font-weight:600;font-size:15px;border:1px solid transparent;cursor:pointer;transition:.15s}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:var(--accent-2)}.btn-ghost{border-color:var(--line-2);color:var(--ink);background:transparent}.btn-ghost:hover{border-color:var(--accent);color:var(--accent-2)}header.nav{position:sticky;top:0;z-index:50;background:#0b0d16c7;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-in{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;letter-spacing:-.01em}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{color:var(--muted);font-size:15px}.nav-links a:hover{color:var(--ink)}.nav-cta{display:flex;align-items:center;gap:12px}.menu-btn{display:none;background:none;border:0;color:var(--ink);font-size:24px;cursor:pointer}.hero{padding:84px 0 56px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-180px;left:50%;transform:translate(-50%);width:760px;height:520px;background:radial-gradient(closest-side,rgba(124,108,255,.22),transparent 70%);pointer-events:none}.hero h1{font-size:clamp(34px,5.4vw,60px);line-height:1.04;letter-spacing:-.025em;margin:18px 0 0;font-weight:800;max-width:16ch}.hero h1 em{font-style:normal;color:var(--accent-2)}.hero p.lead{font-size:clamp(17px,2vw,20px);color:var(--muted);margin:20px 0 0;max-width:60ch}.hero-cta{display:flex;gap:14px;margin:32px 0 0;flex-wrap:wrap}.trust{display:flex;align-items:center;gap:10px;margin:26px 0 0;color:var(--faint);font-size:14px}.trust b{color:var(--muted);font-weight:600}.dot{width:6px;height:6px;border-radius:50%;background:var(--ok)}.stack{margin-top:54px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}.stack-in{display:flex;gap:34px;flex-wrap:wrap;align-items:center;color:var(--faint);font-size:14px;font-family:var(--mono)}.stack-in b{color:var(--muted);font-weight:500}section{padding:72px 0}.sec-head{max-width:60ch}.sec-head h2{font-size:clamp(26px,3.4vw,38px);letter-spacing:-.02em;margin:12px 0 0;font-weight:800}.sec-head p{color:var(--muted);font-size:17px;margin:14px 0 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.feat{background:linear-gradient(180deg,#141828,#10131f);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.feat .ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#7c6cff24;color:var(--accent-2);font-size:20px;border:1px solid var(--line-2)}.feat h3{margin:16px 0 6px;font-size:18px;letter-spacing:-.01em}.feat p{margin:0;color:var(--muted);font-size:15px}.ways{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}.way{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:#10131f;display:flex;flex-direction:column}.way.featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.way .tag{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-2)}.way h3{font-size:23px;margin:12px 0 4px;letter-spacing:-.01em}.way .price{font-size:15px;color:var(--muted);margin:0 0 14px}.way ul{list-style:none;padding:0;margin:8px 0 22px;display:flex;flex-direction:column;gap:10px}.way li{display:flex;gap:10px;color:var(--muted);font-size:15px;align-items:flex-start}.way li svg{flex:none;margin-top:4px}.way .btn{margin-top:auto;justify-content:center}.code{margin-top:40px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#0c0f1a}.code .bar{display:flex;gap:7px;padding:13px 16px;border-bottom:1px solid var(--line);align-items:center}.code .bar i{width:11px;height:11px;border-radius:50%;background:#2c3047;display:block}.code .bar span{margin-left:8px;font-family:var(--mono);font-size:12.5px;color:var(--faint)}.code pre{margin:0;padding:20px 22px;overflow:auto;font-family:var(--mono);font-size:13.5px;line-height:1.75;color:#c9cef0}.code .k{color:var(--accent-2)}.code .s{color:#7fe7c4}.code .c{color:var(--faint)}.code .f{color:#ffd9a0}.cta-band{border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#161a2c,#101320);padding:44px;text-align:center;margin:8px 0}.cta-band h2{font-size:clamp(24px,3vw,34px);letter-spacing:-.02em;margin:0;font-weight:800}.cta-band p{color:var(--muted);margin:12px auto 0;max-width:52ch;font-size:17px}form.signup{display:flex;gap:10px;justify-content:center;margin:26px auto 0;max-width:460px;flex-wrap:wrap}form.signup input{flex:1;min-width:220px;background:#0c0f1a;border:1px solid var(--line-2);color:var(--ink);padding:12px 14px;border-radius:11px;font-size:15px;font-family:var(--font)}form.signup input:focus{outline:none;border-color:var(--accent)}.formnote{color:var(--faint);font-size:13px;margin:14px 0 0}footer{border-top:1px solid var(--line);padding:40px 0;color:var(--faint);font-size:14px}.foot-in{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}.foot-in a{color:var(--muted)}.foot-in a:hover{color:var(--ink)}@media(max-width:820px){.grid{grid-template-columns:1fr 1fr}.ways{grid-template-columns:1fr}}@media(max-width:640px){.nav-links{display:none}.menu-btn{display:block}.grid{grid-template-columns:1fr}.nav-links.open{display:flex;position:absolute;top:64px;left:0;right:0;flex-direction:column;background:var(--bg-2);border-bottom:1px solid var(--line);padding:16px 24px;gap:16px}}
