:root { --ink:#fff; --muted:#b9b9b9; --line:rgba(255,255,255,.18); --card:#101010; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin:0; background:#0a0a0a; color:var(--ink); font-family:'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; line-height:1.6; }
a { color:inherit; }
.wrap { max-width: 760px; margin: 0 auto; padding: 22px 18px 60px; }
header.top { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:18px; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:10px; text-decoration:none; font-weight:800; font-size:18px; }
.brand img { width:34px; height:34px; border-radius:24%; }
nav.crumbs { font-size:13px; color:var(--muted); margin:18px 0 6px; }
nav.crumbs a { color:var(--muted); }
h1 { font-size: clamp(28px, 6vw, 40px); line-height:1.15; margin:8px 0 10px; font-weight:800; }
p.lead { font-size:18px; color:#e6e6e6; margin:0 0 18px; }
.card { background:var(--card); border:1px solid var(--line); border-radius:22px; padding:20px 22px; margin:18px 0; }
.card h2 { margin:0 0 10px; font-size:18px; }
ul { margin:0; padding-left:20px; } li { margin:7px 0; color:#d8d8d8; }
.shot { width:100%; max-width:320px; border-radius:22px; border:1px solid var(--line); display:block; margin:18px auto; }
.cta { display:inline-block; margin:6px 10px 6px 0; padding:13px 26px; border-radius:999px; background:#fff; color:#000; font-weight:800; text-decoration:none; }
.cta.alt { background:transparent; color:#fff; border:1px solid var(--line); }
.note { font-size:13px; color:var(--muted); }
.grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap:12px; }
.grid a { display:block; text-decoration:none; background:var(--card); border:1px solid var(--line); border-radius:18px; padding:16px 18px; }
.grid a b { display:block; font-size:16px; margin-bottom:4px; } .grid a span { font-size:13px; color:var(--muted); }
footer { margin-top:40px; padding-top:18px; border-top:1px solid var(--line); font-size:13px; color:var(--muted); display:flex; flex-wrap:wrap; gap:6px 18px; }
footer a { color:var(--muted); }