/* ==========================================================================
   Section: About / CTA. Reuses the home CTA layout (included so the page is
   self-contained — home section CSS does not load here).
   ========================================================================== */

.cta { background: var(--navy); position: relative; overflow: hidden; }
.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 { color: rgba(255,255,255,0.72); max-width: 560px; font-size: 18px; }
.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; }