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

.cta-banner{
    padding:0 32px 96px;
    background:#F8F8F6;
}

.cta-card{

    position:relative;

    overflow:hidden;

    max-width:1200px;

    margin:0 auto;

    padding:76px 48px;

    border-radius:28px;

    text-align:center;

    background:#0B132B;

    box-shadow:0 24px 60px rgba(11,19,43,.30);
}

.cta-card::before{

    content:"";

    position:absolute;

    top:-140px;

    left:50%;

    transform:translateX(-50%);

    width:560px;

    height:340px;

    background:
        radial-gradient(
            closest-side,
            rgba(63,111,168,.5),
            transparent
        );
}

.cta-card::after{

    content:"";

    position:absolute;

    bottom:-160px;

    right:-60px;

    width:360px;

    height:360px;

    background:
        radial-gradient(
            closest-side,
            rgba(63,111,168,.18),
            transparent
        );
}

.cta-line{

    width:42px;

    height:3px;

    border-radius:3px;

    margin:0 auto 18px;

    background:#86A9D6;

    position:relative;

    z-index:2;
}

.cta-title{

    position:relative;

    z-index:2;

    margin-top:16px;

    color:#fff;

    font-size:52px;

    line-height:1.05;
}

.cta-description{

    position:relative;

    z-index:2;

    max-width:560px;

    margin:18px auto 0;

    color:#C7CBD2;

    font-size:19px;

    line-height:1.7;
}

.cta-button{

    position:relative;

    z-index:2;

    display:inline-flex;

    margin-top:34px;

    padding:17px 34px;

    border-radius:999px;

    background:#fff;

    color:#0B132B;

    text-decoration:none;

    font-weight:600;

    transition:.3s;
}

.cta-button:hover{

    transform:translateY(-4px);
}

.cta-meta{

    position:relative;

    z-index:2;

    display:flex;

    justify-content:center;

    gap:14px;

    flex-wrap:wrap;

    margin-top:28px;

    color:#9AA0A8;

    font-family:var(--font-mono);

    font-size:12px;

    letter-spacing:1px;
}

@media(max-width:768px){

.cta-banner{

padding:0 20px 72px;

}

.cta-card{

padding:56px 28px;

}

.cta-title{

font-size:38px;

}

}