/* ── CTA ─────────────────────────────────────────────────── */
#cta {
    background: var(--blue);
    position: relative;
    overflow: hidden;
}

#cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    background-size: 40px 40px;
}

.cta-box {
    position: relative;
    z-index: 2;
    text-align: center;
}

.cta-box h2 {
    font-family: "Manrope", sans-serif;
    font-size: clamp(1.7rem, 3vw, 2.5rem);
    font-weight: 800;
    color: #fff;
    margin-bottom: 14px;
}

.cta-box p {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.75);
    margin-bottom: 32px;
}