:root {
  --ink: #0A0A0A;
  --paper: #F5F5F0;
  --red: #FF3B00;
  --mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  background: var(--ink);
  color: var(--paper);
  font-family: -apple-system, "Inter", "Helvetica Neue", Arial, sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
.wrap { max-width: 720px; margin: 0 auto; padding: 48px 24px 96px; }
header.site { border-bottom: 2px solid var(--red); padding-bottom: 24px; margin-bottom: 48px; }
header.site a { color: var(--paper); text-decoration: none; }
.logo { font-family: var(--mono); font-weight: 800; font-size: 20px; letter-spacing: 0.05em; text-transform: uppercase; }
.logo span { color: var(--red); }
h1 {
  font-size: clamp(36px, 8vw, 64px);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  line-height: 1.05;
  margin-bottom: 24px;
}
h1 em { font-style: normal; color: var(--red); }
h2 {
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin: 40px 0 12px;
  border-left: 4px solid var(--red);
  padding-left: 12px;
}
p, li { color: #C9C9C4; font-size: 16px; }
p { margin-bottom: 16px; }
ul { margin: 0 0 16px 20px; }
li { margin-bottom: 6px; }
a { color: var(--red); }
.tagline { font-family: var(--mono); font-size: 18px; color: var(--paper); margin-bottom: 32px; }
.cta {
  display: inline-block;
  background: var(--red);
  color: var(--ink);
  font-family: var(--mono);
  font-weight: 800;
  text-transform: uppercase;
  text-decoration: none;
  padding: 16px 32px;
  margin: 16px 0 48px;
  letter-spacing: 0.05em;
}
.meta { font-family: var(--mono); font-size: 13px; color: #6A6A66; margin-top: 64px; border-top: 1px solid #222; padding-top: 24px; }
.meta a { color: #6A6A66; }
strong { color: var(--paper); }