/* Shared funnel base — system fonts only (zero font download), mobile-first. */
:root {
  --brand: #ffd500;
  --ink: #111111;
  --paper: #ffffff;
  --muted: #555555;
  --max: 680px;
}
* { box-sizing: border-box; margin: 0; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  color: var(--ink);
  background: var(--paper);
  line-height: 1.55;
}
.wrap { max-width: var(--max); margin: 0 auto; padding: 24px 20px; }
h1 { font-size: clamp(1.7rem, 5vw, 2.4rem); line-height: 1.15; letter-spacing: -0.01em; }
.sub { color: var(--muted); margin-top: 12px; font-size: 1.05rem; }
.cta {
  display: block; text-align: center; background: var(--ink); color: var(--brand);
  font-weight: 700; font-size: 1.15rem; text-decoration: none;
  padding: 16px 28px; border-radius: 10px; margin: 28px 0 8px;
}
.cta:active { transform: translateY(1px); }
.assure { text-align: center; color: var(--muted); font-size: 0.85rem; }
ul.benefits { margin: 20px 0 0 0; padding: 0; list-style: none; }
ul.benefits li { padding: 8px 0 8px 30px; position: relative; }
ul.benefits li::before {
  content: "✓"; position: absolute; left: 0; top: 8px;
  color: var(--ink); background: var(--brand); border-radius: 50%;
  width: 22px; height: 22px; text-align: center; line-height: 22px; font-size: 0.8rem;
}
footer { margin-top: 48px; padding: 20px; text-align: center; color: var(--muted); font-size: 0.8rem; }
footer a { color: var(--muted); }