:root {
  --bg: #0a0c10;
  --panel: #12161f;
  --text: #e8dcc8;
  --muted: #8a7f6e;
  --ember: #ff6b2c;
  --cyan: #3dd6c6;
  --gold: #c9a227;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100vh;
  font-family: Georgia, 'Times New Roman', serif;
  background: radial-gradient(ellipse at 20% 0%, #1a1428 0%, var(--bg) 55%);
  color: var(--text);
}
.shell { max-width: 640px; margin: 0 auto; padding: 3rem 1.5rem; }
.eyebrow {
  font-family: ui-monospace, monospace;
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gold);
}
h1 { font-size: 1.75rem; margin: 0.5rem 0 1rem; }
.lede { color: var(--muted); line-height: 1.6; }
.actions { display: grid; gap: 0.75rem; margin: 2rem 0; }
.btn {
  display: block;
  text-align: center;
  padding: 0.9rem 1.2rem;
  border-radius: 6px;
  text-decoration: none;
  font-family: ui-monospace, monospace;
  font-size: 0.9rem;
  border: 1px solid #2a3040;
  background: var(--panel);
  color: var(--text);
  transition: border-color 0.2s, box-shadow 0.2s;
}
.btn:hover { border-color: var(--ember); box-shadow: 0 0 20px #ff6b2c33; }
.btn.primary { border-color: var(--ember); background: #1f1410; }
.btn-win { border-left: 3px solid #00e5ff; }
.btn-nix { border-left: 3px solid #a3e635; }
.btn-mac { border-left: 3px solid #f0abfc; }
.btn-dl { border-left: 3px solid var(--gold); }
.fine { font-size: 0.85rem; color: var(--muted); }
code {
  display: block;
  margin-top: 0.5rem;
  padding: 0.75rem;
  background: #0d1018;
  border: 1px solid #222a38;
  border-radius: 4px;
  font-size: 0.75rem;
  word-break: break-all;
  color: var(--cyan);
}