/* =========================================================
   VisuoSight Step 5.3 — Annual Subscription + AMC Pricing
========================================================= */

.pricing-card .vs-billing-strip{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin:0 0 14px;
}

.pricing-card .vs-billing-item{
    min-width:0;
    padding:9px 10px;
    border:1px solid #e0e8f2;
    border-radius:11px;
    background:#f8fbff;
}

.pricing-card .vs-billing-item small{
    display:block;
    color:#8896a9;
    font-size:6.8px;
    font-weight:900;
    letter-spacing:.09em;
    text-transform:uppercase;
}

.pricing-card .vs-billing-item strong{
    display:block;
    margin-top:3px;
    color:#243650;
    font-size:8.8px;
    line-height:1.25;
}

.pricing-card .vs-amc-badge{
    display:inline-flex;
    align-items:center;
    gap:5px;
    min-height:23px;
    margin-top:7px;
    padding:3px 7px;
    border-radius:999px;
    color:#126f59;
    background:#e7f6ef;
    font-size:7px;
    font-weight:900;
}

.pricing-card .vs-amc-badge::before{
    content:"✓";
    font-weight:950;
}

.pricing-card .plan-price-label{
    color:#65758b;
}

.pricing-card .plan-price-current{
    margin-top:5px;
}

.pricing-card .vs-price-suffix{
    display:block;
    margin-top:5px;
    color:#66758b;
    font-size:7.8px;
    font-weight:750;
}

.pricing-card .vs-amc-note{
    margin-top:8px;
    color:#7b8798;
    font-size:7.5px;
    line-height:1.45;
}

#pricing .section-heading .vs-pricing-billing-note{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-top:12px;
    padding:6px 10px;
    border:1px solid #dbe5f1;
    border-radius:999px;
    color:#36506f;
    background:#fff;
    font-size:8px;
    font-weight:850;
}

#pricing .section-heading .vs-pricing-billing-note::before{
    content:"↻";
    color:#3169e7;
    font-size:11px;
    font-weight:900;
}

@media(max-width:650px){
    .pricing-card .vs-billing-strip{
        grid-template-columns:1fr;
        gap:6px;
    }

    #pricing .section-heading .vs-pricing-billing-note{
        align-items:flex-start;
        border-radius:12px;
        line-height:1.4;
    }
}