/* ── CTA BLOCK ───────────────────────────────────────────────── */
.cta-block {
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-dark) 100%);
  border-radius: var(--radius-lg);
  padding: 3.5rem;
  text-align: center;
  position: relative;
  overflow: hidden;
  margin-top: 4rem;
}
.cta-block::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -20%;
  width: 60%;
  height: 200%;
  background: radial-gradient(
    ellipse,
    rgba(10, 179, 235, 0.15) 0%,
    transparent 70%
  );
  pointer-events: none;
}
.cta-block__content {
  position: relative;
  z-index: 1;
}
.cta-block h2,
.cta-block h3 {
  color: var(--white);
  margin-bottom: 0.75rem;
}
.cta-block p {
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 2rem;
}
.cta-block__actions {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

/* ── CTA SECTION ─────────────────────────────────────────────
   Full-width navy call-to-action block used at page bottoms.
   (Previously defined 3x across this file's history — base block,
   a v1 redefinition, and a final !important-heavy "comprehensive
   rules" block that always won. Merged into one, keeping exactly
   the values that were actually winning before.) */
.cta,
section.cta {
  background: linear-gradient(
    135deg,
    #001e3c 0%,
    var(--navy) 40%,
    #0872b9 80%,
    var(--sky) 100%
  );
  padding: 5rem 0 6rem;
  text-align: center;
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}
.cta * {
  position: relative;
  z-index: 1;
}
.cta__content {
  max-width: 600px;
  margin: 0 auto;
}
.cta h2,
.cta h3 {
  color: white;
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  margin-bottom: 1rem;
}
.cta p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.05rem;
  margin-bottom: 0;
}
.cta .eyebrow {
  color: rgba(255, 255, 255, 0.55);
}
.cta__actions,
.cta__content > div {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 2rem;
}
.cta .btn-primary {
  background: var(--sky);
  color: white;
  border-color: var(--sky);
}
.cta .btn-outline-white,
.cta .btn-outline {
  background: transparent;
  color: white;
  border-color: rgba(255, 255, 255, 0.45);
}
.cta .btn-outline-white:hover,
.cta .btn-outline:hover {
  background: rgba(255, 255, 255, 0.12);
}
.cta .container {
  text-align: center;
}