:root { --bg:#0b0d12; --card:#151922; --ink:#e8e6df; --muted:#9aa0ad; --accent:#c9a227; }
* { box-sizing:border-box; }
html,body { margin:0; background:var(--bg); color:var(--ink); font:18px/1.6 Georgia, 'Times New Roman', serif; }
a { color:var(--accent); }
header { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1rem 6vw; border-bottom:1px solid #2a2f3a; }
header a.brand { color:var(--ink); text-decoration:none; letter-spacing:.12em; text-transform:uppercase; font-size:.85rem; }
nav { display:flex; flex-wrap:wrap; gap:.9rem; font-size:.95rem; }
main { max-width:48rem; margin:0 auto; padding:2.5rem 6vw 5rem; }
h1,h2,h3 { font-weight:normal; letter-spacing:.04em; }
.hero { padding:3rem 0 1rem; }
.hero p { color:var(--muted); font-size:1.15rem; }
.lead-form { display:grid; gap:.8rem; background:var(--card); padding:1.25rem; border:1px solid #2a2f3a; }
.lead-form label { display:grid; gap:.3rem; }
.lead-form input,.lead-form textarea { padding:.6rem; font:inherit; background:#0f1218; color:var(--ink); border:1px solid #2a2f3a; }
.lead-form button { padding:.7rem 1.1rem; font:inherit; background:var(--accent); color:#111; border:0; cursor:pointer; }
.lead-form .hp { position:absolute; left:-9999px; }
.lead-ok { background:#17351b; padding:1rem; }
.lead-err { background:#3a1717; padding:1rem; }
img { max-width:100%; height:auto; }
footer { border-top:1px solid #2a2f3a; padding:1.5rem 6vw; color:var(--muted); font-size:.9rem; }
.buy a.btn { display:inline-block; margin:.4rem .4rem 0 0; padding:.6rem 1rem; background:var(--accent); color:#111; text-decoration:none; }