/* ═══ SPLIT — the duality of Traffic + Offer ═══
   Identity: a green/dark colour split rendered through dividers,
   blockquote bars, full-bleed CTAs, and a centred H1 with a
   two-tone underline. Two halves of one equation.
*/

/* ── Centred H1 with two-tone underline ── */
h1 {
  font-size: clamp(2rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  text-align: center;
  margin: var(--space-l) auto 0;
  padding-bottom: 0.75rem;
}
h1::after {
  content: "";
  display: block;
  width: 4rem;
  height: 4px;
  margin: 1rem auto 0;
  background: linear-gradient(90deg, var(--primary) 50%, var(--secondary) 50%);
}

/* ── Centred subtitle ── */
.subtitle {
  text-align: center;
  font-weight: 500;
  max-width: 38rem;
  margin-left: auto;
  margin-right: auto;
}

/* ── Header text in heavy weight ── */
.site-header .site-name { font-weight: 700; }

/* ── Body text accents in primary ── */
.prose strong { color: var(--primary); }

/* ── Body links underlined in the OPPOSITE half ── */
.prose a {
  color: var(--primary);
  text-decoration: underline;
  text-decoration-color: var(--secondary);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}
.prose a:hover { text-decoration-color: var(--primary); }

/* ── Split-bar section dividers ── */
.prose hr {
  border: none;
  height: 1rem;
  width: 6rem;
  margin: 3rem auto;
  background: linear-gradient(90deg, var(--primary) 50%, var(--secondary) 50%);
  border-radius: 0;
}

/* ── Blockquote with bars on both sides (duality literal) ── */
.prose blockquote {
  border-left: 4px solid var(--primary);
  border-right: 4px solid var(--secondary);
  padding: 1rem 1.5rem;
  background: var(--muted);
  margin: 2rem 0;
  font-style: normal;
  color: var(--text);
}

/* ── Full-bleed dark CTA (T+O signature) ── */
.cta {
  background: var(--secondary);
  color: #F0FDF4;
  width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  padding: var(--space-l) var(--space-m);
  border-radius: 0;
  text-align: center;
}
.cta p, .cta a { max-width: var(--content-width); margin-left: auto; margin-right: auto; }
.cta p { color: #BBF7D0; }
.cta a { background: #F0FDF4; color: var(--secondary); }
.cta a:hover { background: #FFFFFF; }

/* ── Dark footer with mint accents ── */
.site-footer { background: var(--secondary); color: #BBF7D0; border-top: none; padding: var(--space-l) var(--space-m) var(--space-m); }
.footer-col h3 { color: #F0FDF4; }
.footer-col a { color: #BBF7D0; }
.footer-col a:hover { color: #FFFFFF; }
.footer-universe { border-color: rgba(187,247,208,0.2); }
.footer-universe-label { color: #BBF7D0; }
.footer-universe-links a { color: #BBF7D0; }
.footer-universe-links a:hover { color: #FFFFFF; }
.universe-current { color: #F0FDF4; }
.footer-legal { color: #BBF7D0; }