/* ==========================================================================
   Section: Home / Contact CTA. Ported from home-styles.css.
   ========================================================================== */

/* Override .section-pad (120px/80px) with more breathing room. Use full
   `padding` shorthand so it beats base.css's shorthand regardless of source
   order, and target the combined class for higher specificity. */
.section-pad.cta { padding: 130px 0; }
.cta { background: var(--navy); color: #fff; overflow: hidden; }
@media (max-width: 820px) { .section-pad.cta { padding: 90px 0; } }
.cta::before {
	content:''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
	width: 900px; height: 420px;
	background: radial-gradient(ellipse, rgba(24,173,231,0.18), transparent 65%);
	pointer-events: none;
}
.cta-inner { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 24px; }
.cta h2 { color: #fff; font-size: clamp(32px, 3.6vw, 50px); max-width: 760px; }
.cta p { font-size: 18px; color: rgba(255,255,255,0.72); max-width: 560px; }
.cta-actions { display: flex; flex-direction: column; align-items: center; gap: 14px; margin-top: 6px; }
.cta-mail { font-size: 15px; color: rgba(255,255,255,0.6); padding: 20px; }
.cta-mail a { color: var(--green); font-weight: 500; }