.pricing-landing{max-width:1100px;margin:0 auto;padding:8px 0 32px}
.pricing-hero{text-align:center;padding:12px 0 28px}
.pricing-kicker{display:inline-block;margin:0 0 10px;padding:6px 14px;border-radius:999px;background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent);font-size:13px;font-weight:700}
.pricing-title{margin:0 0 10px;font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.35}
.pricing-lead{margin:0 auto 18px;max-width:720px;color:var(--muted);font-size:15px}
.pricing-hero-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.pricing-hero-actions .btn{min-width:150px}

.pricing-toolbar{margin-bottom:18px;padding:16px 18px}
.pricing-filter-form{display:flex;flex-direction:column;gap:8px}
.pricing-filter-form label{font-size:13px;color:var(--muted);font-weight:600}
.pricing-filter-form select{
    width:100%;
    max-width:420px;
    padding:12px 14px;
    border-radius:12px;
    border:1px solid var(--border);
    background:#fff;
    color:#0f172a;
    font:inherit;
    font-weight:600;
}

.pricing-section{margin-top:8px}
.pricing-section-title{margin:0 0 18px;font-size:1.25rem;font-weight:800;text-align:center}

.pricing-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:18px;
    align-items:stretch;
}
.pricing-card{
    background:#fff;
    color:#0f172a;
    border-radius:18px;
    padding:22px 20px 18px;
    box-shadow:0 10px 30px rgba(0,0,0,.18);
    display:flex;
    flex-direction:column;
    min-height:100%;
}
.pricing-card-title{
    margin:0 0 6px;
    font-size:1.05rem;
    font-weight:800;
    line-height:1.5;
    color:#111827;
}
.pricing-card-subtitle{
    margin:0 0 14px;
    font-size:12px;
    color:#64748b;
}
.pricing-card-price{
    margin:0 0 16px;
    font-size:clamp(1.35rem,3vw,1.75rem);
    font-weight:800;
    color:#2563eb;
    line-height:1.2;
}
.pricing-features{
    list-style:none;
    margin:0 0 18px;
    padding:0;
    flex:1;
}
.pricing-feature{
    display:flex;
    align-items:flex-start;
    gap:8px;
    padding:7px 0;
    border-bottom:1px solid rgba(15,23,42,.06);
    font-size:13px;
    line-height:1.55;
    color:#334155;
}
.pricing-feature:last-child{border-bottom:0}
.pricing-feature-icon{
    width:18px;
    height:18px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:11px;
    font-weight:800;
    flex-shrink:0;
    margin-top:2px;
}
.pricing-feature.is-ok .pricing-feature-icon{background:#dcfce7;color:#15803d}
.pricing-feature.is-muted{color:#64748b}
.pricing-feature.is-muted .pricing-feature-icon{background:#f1f5f9;color:#64748b}
.pricing-card-cta{
    width:100%;
    margin-top:auto;
    justify-content:center;
    background:#2563eb;
    border-color:#2563eb;
    color:#fff;
}
.pricing-card-cta:hover{filter:brightness(1.05)}

.pricing-faq{margin-top:28px;padding:20px 22px}
.pricing-faq h2{margin:0 0 14px;font-size:1.1rem}
.pricing-faq details{
    border:1px solid var(--border);
    border-radius:12px;
    padding:12px 14px;
    margin-bottom:10px;
    background:rgba(255,255,255,.02);
}
.pricing-faq summary{cursor:pointer;font-weight:700}
.pricing-faq p{margin:10px 0 0;color:var(--muted);font-size:14px}

.topbar-login{margin-right:auto;white-space:nowrap}

@media (min-width:768px){
    .pricing-filter-form{flex-direction:row;align-items:center;gap:14px}
    .pricing-filter-form select{min-width:320px}
}