/* ado-investors.css — ADO batch 2026-06-12 page-scoped styles.
   Loaded LAST (after donna365.css) so these win. Page-scoped by body class.
   Owner: single subagent for this card group. Do NOT touch other ado-*.css files. */

/* ─── ADO 900 — round-2 investors page changes ──────────────────────────────
   1. NUMBERS 2× BIGGER   – step-card badges in "Why the timing matters now."
   2. CARD SPACING         – stacked cards in "Focused wedge, then widens."
   3. BLUE CARD CONTRAST   – callout text under Revenue + Defensibility sections
   4. BUTTON SPACING       – founders-section CTA row
   ─────────────────────────────────────────────────────────────────────────── */


/* ── 1. NUMBERS 2× BIGGER ────────────────────────────────────────────────────
   Base .benefits-index font-size in donna365.css: 13px.
   Target: 26px (2×). Scoped to .inv-timing so other badge rows are untouched. */
.page-investors .inv-timing .benefits-index {
  font-size: 26px;
  line-height: 1;
}


/* ── 2. CARD SPACING ─────────────────────────────────────────────────────────
   The g-24 class has no CSS definition in this codebase, so stacked cards in
   the wedge section had no vertical row gap. Override --bs-gutter-y on all
   rows inside .inv-wedge to add clear breathing room between stacked cards. */
.page-investors .inv-wedge .row {
  --bs-gutter-y: 1.75rem;
}


/* ── 3. BLUE CARD CONTRAST ───────────────────────────────────────────────────
   Both callout cards have inline background rgba(42,140,255,.08) over the
   section's #0d1117 base, giving an effective blended bg of #0f1b2a.

   Current text class: text-secondary = #71717A → computed contrast 3.59:1 FAIL.

   New text colour: #A1A1AA (same as --neutral-400 used across all dark sections)
   Contrast: #A1A1AA vs #0f1b2a = 6.77:1  ≥ 4.5:1 PASS (WCAG AA).

   Both cards carry class .inv-callout (added to the markup in this ADO card). */
.page-investors .inv-callout p {
  color: #A1A1AA !important;
}


/* ── 4. BUTTON SPACING ───────────────────────────────────────────────────────
   The two CTA buttons in the founders section ("Built from real operating
   pain...") sat directly after the card row with no explicit top margin.
   Adding 3rem (48px) of clear space separates them from the card row. */
.page-investors .inv-founders-cta {
  margin-top: 3rem;
}
