:root { --bg:#0A0A0A; --surface:#151515; --line:#2a2a2a; --ink:#fff; --muted:#a3a3a3; --accent:#E10600; }
* { box-sizing:border-box; }
html,body { margin:0; background:var(--bg); color:var(--ink); }
body { font:17px/1.6 Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
a { color:var(--ink); }
.wrap { max-width:760px; margin:0 auto; padding:0 20px; }
header { border-bottom:1px solid var(--line); }
header .wrap { display:flex; align-items:center; justify-content:space-between; height:64px; gap:12px; }
.logo { font:italic 800 26px/1 "Barlow Condensed", Impact, sans-serif; letter-spacing:.5px; text-decoration:none; text-transform:uppercase; }
.logo span { color:var(--accent); }
nav { display:flex; gap:18px; font-size:15px; }
nav a { color:var(--muted); text-decoration:none; }
nav a:hover, nav a[aria-current] { color:var(--ink); }
h1 { font:italic 800 clamp(40px,9vw,72px)/.95 "Barlow Condensed", Impact, sans-serif; text-transform:uppercase; margin:56px 0 16px; }
h1 em { color:var(--accent); font-style:inherit; }
h2 { font:700 22px/1.2 "Barlow Condensed", Impact, sans-serif; text-transform:uppercase; letter-spacing:.5px; margin:36px 0 8px; }
p { margin:0 0 14px; color:#e5e5e5; }
.lead { font-size:20px; color:var(--muted); max-width:600px; }
.cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:12px; margin:36px 0; }
.card { background:var(--surface); border-radius:14px; padding:18px; }
.card h3 { margin:0 0 6px; font:700 19px/1.2 "Barlow Condensed", Impact, sans-serif; text-transform:uppercase; }
.card p { color:var(--muted); font-size:15px; margin:0; }
.btn { display:inline-block; background:var(--accent); color:#fff; text-decoration:none; font:700 17px/1 "Barlow Condensed", Impact, sans-serif; text-transform:uppercase; letter-spacing:1px; padding:15px 26px; border-radius:999px; }
.note { color:var(--muted); font-size:14px; }
.doc { padding-bottom:40px; }
footer { border-top:1px solid var(--line); margin-top:56px; }
footer .wrap { padding:24px 20px; display:flex; flex-wrap:wrap; gap:16px; justify-content:space-between; color:var(--muted); font-size:14px; }
footer a { color:var(--muted); }
@media (max-width:420px) { nav { gap:12px; font-size:14px; } .logo { font-size:22px; } }