:root { color-scheme: dark; --bg:#07090B; --fg:#F4F1EA; --muted:#9A9588; --gold:#C4A35A; --line:#1c1f22; }
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--fg); font-family: ui-sans-serif, system-ui, sans-serif; }
main { max-width: 40rem; margin: 0 auto; padding: 3rem 1.25rem 5rem; }
.mark { width: 48px; height: 48px; object-fit: contain; }
.tag { font-family: ui-monospace, monospace; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--gold); }
h1 { font-size: 2rem; margin: .4rem 0 .75rem; letter-spacing: -.03em; }
.pitch { font-size: 1.15rem; line-height: 1.45; }
.detail { color: var(--muted); line-height: 1.6; }
.facts { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--line); margin: 2rem 0; }
.facts div { background: var(--bg); padding: 1rem 0; }
.facts dt { font-family: ui-monospace, monospace; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.facts dd { margin: .35rem 0 0; }
a.cta { display: inline-flex; margin-top: 1rem; padding: .85rem 1.2rem; background: #2AB5A0; color: #07090B; text-decoration: none; font-weight: 600; }
.x { display: inline-block; margin-top: 1rem; color: var(--fg); }
footer { margin-top: 3rem; font-family: ui-monospace, monospace; font-size: 12px; color: var(--muted); }
footer a { color: var(--gold); }
