.pricing{
padding:80px 0;
}

.pricing__eyebrow{
font-size:.75rem;
font-weight:600;
letter-spacing:.15em;
text-transform:uppercase;
color:#6b7280;
display:block;
margin-bottom:10px;
}

.pricing__title{
font-size:2.1rem;
font-weight:700;
color:#111827;
line-height:1.15;
margin-bottom:12px;
}

.pricing__subtitle{
font-size:1rem;
color:#6b7280;
line-height:1.65;
max-width:500px;
margin-bottom:40px;
}

.pricing__divider{
border-top:1px solid #e5e7eb;
margin-bottom:48px;
}

/* =========================
   CARD
========================= */

.pricing__card{
border:1px solid #e5e7eb;
border-radius:8px;
padding:28px 20px 24px;
text-align:center;
background:#fff;
position:relative;
transition:.2s;
height:100%;
}

.pricing__card:hover{
box-shadow:0 8px 28px rgba(0,0,0,.09);
transform:translateY(-3px);
}

.pricing__card--dark{
    border-radius: var(--radius2);
    border: 1px solid rgba(220, 38, 38, .22);
    background: radial-gradient(900px 420px at 10% 10%, rgba(220, 38, 38, .22), transparent 55%), linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .03));
    box-shadow: var(--shadow);
color:#fff;
}

.pricing__tag{
position:absolute;
top:-1px;
right:14px;
background:#111827;
color:#fff;
font-size:.65rem;
font-weight:700;
letter-spacing:.1em;
text-transform:uppercase;
padding:3px 10px;
border-radius:0 0 6px 6px;
}

.pricing__card--dark .pricing__tag{background:#fff;color: #ffffff;background: linear-gradient(180deg, #ff5b5b, var(--accent2));}

.pricing__member{
font-size:.7rem;
font-weight:600;
letter-spacing:.12em;
text-transform:uppercase;
color:#9ca3af;
margin-bottom:6px;
}

.pricing__label{
font-size:1rem;
font-weight:700;
margin-bottom:20px;
}

.pricing__separator{
width:32px;
height:2px;
background:#111827;
margin:0 auto 20px;
border-radius:2px;
}

.pricing__card--dark .pricing__separator{
background:#374151;
}

.pricing__price{
font-size:2.8rem;
font-weight:700;
line-height:1;
}

.pricing__price sup{
font-size:1.1rem;
font-weight:600;
vertical-align:top;
margin-top:6px;
display:inline-block;
}

.pricing__freq{
font-size:.75rem;
color:#9ca3af;
text-transform:uppercase;
letter-spacing:.08em;
margin-top:5px;
}

.pricing__pill{display:inline-block;margin-top:16px;background:#f3f4f6;color: #ffffff;font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 12px;border-radius:20px;border-radius: var(--radius2);border: 1px solid var(--border2);background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .03));box-shadow: var(--shadow2);}

.pricing__card--dark .pricing__pill{background:#1f2937;color: #ffffff;border-radius: var(--radius2);box-shadow: var(--shadow2);border: 1px solid rgba(220, 38, 38, .22);background: radial-gradient(900px 420px at 10% 10%, rgba(220, 38, 38, .22), transparent 55%), linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .03));}

/* =========================
   SAVINGS BAR
========================= */

.pricing__savings{
background:#f9fafb;
border:1px solid #e5e7eb;
border-radius:8px;
padding:24px 28px;
margin-top:20px;
}

.pricing__stats{
display:flex;
gap:12px;
flex-wrap:wrap;
}

.pricing__stat{
background:#fff;
border:1px solid #e5e7eb;
border-radius:6px;
padding:10px 18px;
text-align:center;
min-width:90px;
}

.pricing__stat strong{
display:block;
font-size:1.25rem;
font-weight:700;
}

.pricing__stat span{
font-size:.68rem;
color:#9ca3af;
text-transform:uppercase;
}

/* =========================
   RESPONDER BAR
========================= */

.pricing__responder{
background:#111827;
border-radius:8px;
padding:24px 28px;
margin-top:16px;
color:#fff;
}

.pricing__badge{
background:rgba(255,255,255,.07);
border:1px solid rgba(255,255,255,.12);
font-size:.7rem;
font-weight:600;
letter-spacing:.08em;
text-transform:uppercase;
padding:5px 12px;
border-radius:4px;
margin-right:6px;
}