:root{--bg:#fff;--ink:#0a1628;--muted:#5b6472;--accent:#0f0;--accent-ink:#0f0;--line:#e9ecf1;--chip:#f4f6f8}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}a{color:inherit;text-decoration:none}nav{z-index:50;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:18px 40px;display:flex;position:sticky;top:0}.brand-logo{width:auto;height:22px;color:var(--ink);display:block}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:var(--muted);font-size:14px;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--ink)}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}.ihero{text-align:center;max-width:1080px;margin:0 auto;padding:62px 24px 8px}.badge{color:#c0392b;letter-spacing:.02em;background:#fff5f5;border:1px solid #f3c0c0;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.badge .dot{background:#e74c3c;border-radius:50%;width:7px;height:7px}.eyebrow{color:var(--accent-ink);letter-spacing:.14em;text-transform:uppercase;margin-top:16px;font-size:13px;font-weight:700}.ihero h1{letter-spacing:-.03em;margin:12px 0 16px;font-size:clamp(36px,5.4vw,62px);font-weight:800;line-height:1.04}.ihero p.sub{color:var(--muted);max-width:600px;margin:0 auto;font-size:18px;line-height:1.6}.codewrap{max-width:760px;margin:40px auto 0;padding:0 24px}.codecard{background:linear-gradient(160deg,#0d1424,#080c16);border-radius:18px;padding:26px 26px 24px;box-shadow:0 30px 60px -28px #0a101d99}.codecard .bar{gap:7px;margin-bottom:18px;display:flex}.codecard .bar i{background:#2a3346;border-radius:50%;width:11px;height:11px;display:block}.codecard pre{color:#dbe2ee;white-space:pre-wrap;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.7}.codecard .k{color:#0f0}.codecard .fn{color:#7aa2ff}.codecard .s{color:#ffd479}.sec{padding:58px 0 0}.sec-h{letter-spacing:-.02em;text-align:center;font-size:clamp(26px,3.4vw,40px);font-weight:800}.sec-sub{color:var(--muted);text-align:center;max-width:560px;margin:12px auto 0;font-size:17px}.lgrid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px;display:grid}.lcard{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:flex-start;gap:14px;padding:22px;transition:transform .2s,box-shadow .2s;display:flex}.lcard:hover{transform:translateY(-3px);box-shadow:0 16px 36px -18px #0a16282e}.lemoji{flex:none;font-size:26px;line-height:1}.lcard b{margin-bottom:5px;font-size:16px;font-weight:700;display:block}.lcard span{color:var(--muted);font-size:14px;line-height:1.5}.diff{background:var(--chip);border-radius:24px;margin-top:14px;padding:44px}.diff ul{grid-template-columns:1fr 1fr;gap:16px 30px;margin-top:24px;list-style:none;display:grid}.diff li{align-items:flex-start;gap:12px;font-size:16.5px;font-weight:500;display:flex}.diff li svg{width:20px;height:20px;color:var(--accent-ink);flex:none;margin-top:3px}.formsec{max-width:720px;margin:0 auto;padding:60px 24px 90px}.formsec h2{letter-spacing:-.02em;text-align:center;font-size:clamp(26px,3.4vw,38px);font-weight:800}.fnote{color:#7a5b00;text-align:center;background:#fff8e6;border:1px solid #f3e2b0;border-radius:14px;margin:22px 0 26px;padding:16px 18px;font-size:14.5px}.fnote a{color:#0b8a0b;font-weight:600;text-decoration:underline}.fgroup{margin-bottom:22px}.fgroup .gh{color:var(--accent-ink);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:13px;font-weight:700}form.iform .row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.iform label.fl{margin-bottom:7px;font-size:13px;font-weight:600;display:block}.iform label .req{color:var(--accent-ink)}.iform input[type=text],.iform input[type=email],.iform input[type=tel],.iform textarea{width:100%;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:11px;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.iform input:focus,.iform textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #00ff001f}.iform textarea{resize:vertical;min-height:120px}.radios{gap:22px;display:flex}.radios label{cursor:pointer;align-items:center;gap:8px;font-size:15px;font-weight:500;display:inline-flex}.radios input{accent-color:#16a34a;width:16px;height:16px}.consent{color:var(--muted);align-items:flex-start;gap:10px;margin-top:18px;font-size:13px;font-weight:500;line-height:1.5;display:flex}.consent input{accent-color:#16a34a;flex:none;width:16px;height:16px;margin-top:2px}.iform button{background:var(--ink);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:9px;margin-top:24px;padding:14px 28px;font-size:15px;font-weight:600;transition:transform .2s;display:inline-flex}.iform button:hover{transform:translateY(-2px)}footer{border-top:1px solid var(--line);margin-top:30px;padding:46px 40px}.foot{flex-direction:column;gap:6px;max-width:1120px;margin:0 auto;display:flex}.foot .brand-logo{height:30px}.foot-tag{text-transform:uppercase;letter-spacing:.02em;margin-top:8px;font-weight:800}.foot-copy{color:var(--muted);margin-top:16px;font-size:14px;line-height:1.6}@media (max-width:820px){.nav-links{display:none}nav{padding:16px 20px}.lgrid,.diff ul{grid-template-columns:1fr}.diff{padding:28px}form.iform .row{grid-template-columns:1fr}}