/* ==========================================================
   CTA Banner
   ========================================================== */

.cta-banner{
    padding:0 0 5rem;
}

.cta-panel{
    background:linear-gradient(135deg,#0ea5a4,#0284c7);
    color:#ffffff;
    border-radius:32px;
    padding:4rem;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:3rem;
    box-shadow:0 30px 70px rgba(15,23,42,.18);
}

.cta-panel h2{
    margin:0 0 1rem;
    font-size:clamp(2.25rem,4vw,3rem);
    line-height:1.15;
}

.cta-panel p{
    margin:0;
    max-width:38rem;
    font-size:1.1rem;
    line-height:1.8;
    opacity:.95;
}

.cta-panel .primary-button{
    background:#ffffff;
    color:#0f172a;
    padding:1rem 2rem;
    border-radius:999px;
    box-shadow:0 12px 30px rgba(15,23,42,.18);
}

.cta-panel .primary-button:hover{
    background:#f8fafc;
    transform:translateY(-2px);
}

@media (max-width:900px){

    .cta-panel{
        flex-direction:column;
        text-align:center;
    }

}