/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width: 1399.98px){

    :root{
        --section-spacing:8rem;
    }

    .pricing-grid,
    .reviews-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media (max-width:1199.98px){

    :root{
        --header-height:82px;
        --section-spacing:7rem;
    }

    .hero-title{
        font-size:clamp(3rem,7vw,5.2rem);
    }

    .hero-showcase{
        margin-top:3rem;
        min-height:500px;
    }

    .pricing-grid,
    .workflow-grid,
    .reviews-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .pricing-card-featured{
        transform:none;
    }

    .workflow-header,
    .reviews-header,
    .pricing-footer,
    .workflow-cta{
        flex-direction:column;
        align-items:flex-start;
    }

    .faq-intro{
        position:relative;
        top:auto;
        padding-right:0;
        margin-bottom:3rem;
    }

    .cta-title{
        font-size:clamp(2.4rem,5vw,4rem);
    }
}

@media (max-width:991.98px){

    :root{
        --section-spacing:6rem;
        --hero-height:auto;
    }

    .site-header{
        background:rgba(255,255,255,.95);
        backdrop-filter:blur(16px);
        border-bottom:1px solid rgba(0,0,0,.06);
    }

    .navbar-collapse{
        margin-top:1rem;
        padding:1.5rem;
        border-radius:1.5rem;
        background:#fff;
        box-shadow:0 20px 50px rgba(0,0,0,.08);
    }

    .navbar-nav{
        gap:.5rem;
    }

    .hero-section{
        min-height:auto;
    }

    .hero-row{
        padding:3rem 0 4rem;
    }

    .hero-content{
        text-align:center;
        margin-inline:auto;
    }

    .hero-buttons,
    .hero-social-proof{
        justify-content:center;
    }

    .hero-usps{
        grid-template-columns:1fr;
        max-width:520px;
        margin-inline:auto;
        margin-bottom:2rem;
    }

    .hero-showcase{
        min-height:460px;
    }

    .pricing-grid,
    .workflow-grid,
    .reviews-grid,
    .reviews-trust,
    .cta-usps{
        grid-template-columns:1fr;
    }

    .workflow-step{
        min-height:auto;
    }

    .pricing-footer,
    .workflow-cta,
    .footer-bottom{
        text-align:center;
    }

    .pricing-trust,
    .footer-bottom-right{
        justify-content:center;
    }

    .cta-contact{
        grid-template-columns:1fr 1fr;
    }
}

@media (max-width:767.98px){

    :root{
        --section-spacing:5rem;
    }

    .container{
        width:min(100% - 2rem,var(--container-width));
    }

    .section-title{
        font-size:clamp(2rem,9vw,3rem);
    }

    .hero-title{
        font-size:clamp(2.5rem,12vw,4rem);
    }

    .hero-buttons{
        flex-direction:column;
    }

    .hero-buttons .btn,
    .pricing-button,
    .workflow-cta .btn,
    .cta-actions .btn{
        width:100%;
    }

    .hero-showcase{
        min-height:380px;
    }

    .pricing-card,
    .review-card,
    .cta-panel{
        padding:1.6rem;
    }

    .workflow-step{
        padding:1.5rem;
    }

    .cta-card{
        padding:2rem;
    }

    .footer-top{
        padding:4rem 0 3rem;
    }

    .footer-bottom{
        flex-direction:column;
        justify-content:center;
        padding:1.5rem 0;
    }
}

@media (max-width:575.98px){

    .hero-title{
        letter-spacing:-.05em;
    }

    .hero-showcase{
        min-height:320px;
    }

    .hero-social-proof{
        flex-direction:column;
    }

    .pricing-price-value{
        justify-content:center;
    }

    .pricing-amount{
        font-size:3.5rem;
    }

    .cta-contact{
        grid-template-columns:1fr;
    }

    .faq-accordion .accordion-button{
        padding-right:2.8rem;
        font-size:1rem;
    }

    .faq-accordion .accordion-body{
        padding-right:0;
    }

    .footer-links,
    .footer-contact{
        gap:.6rem;
    }
}