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

.cta{

    overflow:hidden;

    position:relative;

    background:#0F172A;

    padding-block:var(--space-13);

}

.cta-panel{

    max-width:820px;

    margin-inline:auto;

    padding:4rem;

    text-align:center;

    border-radius:32px;

    background:#ffffff;

    border:1px solid rgba(255,255,255,.08);
    
    box-shadow:
    0 30px 80px rgba(0,0,0,.25);

}

.cta .section-label{

    display:inline-flex;

    align-items:center;

    padding:.65rem 1.2rem;

    border-radius:999px;

    background:#EFF6FF;

    color:#2563EB;

    font-size:.82rem;

    font-weight:600;

    letter-spacing:.08em;

    text-transform:uppercase;

}

.cta .section-title{

    margin:2rem auto 1.5rem;

    max-width:700px;

    color:#64748B;

}

.cta .section-description{

    max-width:640px;

    margin:0 auto 2.5rem;

    color:#64748B;

    line-height:1.9;

}

.cta .hero-actions{

    display:flex;

    justify-content:center;

    gap:1rem;

    flex-wrap:wrap;

}

.cta .btn{

    min-width:220px;

}

@media(max-width:768px){

    .cta-panel{

        padding:3rem 2rem;

    }

    .cta .hero-actions{

        flex-direction:column;

    }

    .cta .btn{

        width:100%;

    }

}

.cta{

    position:relative;

}

.cta::before{

    content:"";

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    width:700px;

    height:700px;

    border-radius:50%;

    background:radial-gradient(
        circle,
        rgba(59,130,246,.08),
        transparent 70%
    );

    pointer-events:none;

}

/*==================================================
LIGHT THEME
==================================================*/

[data-theme="light"] .cta{

    background:var(--section-surface-primary);

}

[data-theme="light"] .cta-panel{

    background:#FFFFFF;

    border-color:var(--section-border);

    box-shadow:var(--section-shadow);

}