/* ==========================================================================
   CTA Block — Primary (dark) / Inline, reused across every page (v3 §3)
   ========================================================================== */

.cta-block {
  border-radius: var(--radius-lg);
  padding: var(--space-6) var(--space-5);
  text-align: center;
}
.cta-block--primary { background: var(--color-navy-900); color: var(--color-white); }
.cta-block--primary h2 { color: var(--color-white); }
.cta-block--soft { background: var(--color-surface-2); }
.cta-block__actions { display: flex; gap: var(--space-3); justify-content: center; flex-wrap: wrap; margin-top: var(--space-4); }

/* --- Split variant: text on one side, single CTA on the other (e.g. Services Hub closer) --- */
.cta-block--split {
  text-align: start;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  flex-wrap: wrap;
}
.cta-block--split h2 { margin-bottom: 4px; }
.cta-block--split p { margin: 0; color: var(--color-text-secondary); }

/* --- Micro-CTA (checkup form band), distinct visual weight from the primary CTA --- */
.cta-block--checkup {
  background: linear-gradient(135deg, var(--color-navy-900) 0%, var(--color-navy-800) 100%);
  color: var(--color-white);
  text-align: start;
}
.cta-block--checkup .cta-block__grid {
  display: grid;
  gap: var(--space-5);
  align-items: center;
}
@media (min-width: 900px) {
  .cta-block--checkup .cta-block__grid { grid-template-columns: 1fr 0.8fr; }
}