:root {
  --charcoal: #0d0d0d; --panel: #141412; --bone: #ededE6; --concrete: #7a7a74;
  --hairline: #3a3a35; --safety: #ffea00; --heat: #ff4a00;
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--charcoal); color: var(--concrete);
  font: 400 17px/1.6 Inter, system-ui, sans-serif;
}
main { max-width: 720px; margin: 0 auto; padding: 64px 24px 96px; }
header { display: flex; align-items: center; gap: 12px; margin-bottom: 56px; }
header img { width: 32px; height: 32px; }
.label { font: 500 12px/1 "JetBrains Mono", ui-monospace, monospace; letter-spacing: .12em; text-transform: uppercase; color: var(--safety); }
h1 { color: var(--bone); font-size: 48px; line-height: 1.05; letter-spacing: -.02em; margin: 0 0 20px; }
h2 { color: var(--bone); font-size: 20px; margin: 40px 0 8px; }
p, li { max-width: 62ch; }
a { color: var(--bone); text-decoration-color: var(--safety); text-underline-offset: 3px; }
hr { border: 0; border-top: 1px solid var(--hairline); margin: 48px 0; }
footer { font: 400 13px/1.5 "JetBrains Mono", ui-monospace, monospace; color: var(--concrete); }
.stripe { height: 4px; background: repeating-linear-gradient(-45deg, var(--safety) 0 12px, var(--charcoal) 12px 24px); }