/* Pricing page — extends home.css (PlatPlus) */

.pp-hero-pricing {
    min-height: 0;
    padding: 4.5rem 0 3.25rem;
}

.pp-hero-pricing .pp-hero-desc {
    max-width: 54ch;
}

.pp-section.tight {
    padding-top: 0;
    padding-bottom: 0;
}

.pp-promo-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    flex-wrap: wrap;
    background: linear-gradient(135deg, color-mix(in srgb, var(--pp-primary, #7B61FF) 12%, #fff), #fff);
    border: 1px solid color-mix(in srgb, var(--pp-primary, #7B61FF) 22%, #e2e8f0);
    border-radius: 14px;
    padding: .9rem 1.25rem;
    color: #334155;
    font-size: .92rem;
    text-align: center;
}

.pp-promo-banner i { color: var(--pp-primary, #7B61FF); }

.pr-group { margin-bottom: 2.5rem; }

.pr-group-head {
    display: flex;
    align-items: center;
    gap: .85rem;
    margin-bottom: 1rem;
}

.pr-group-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--g-color, #7B61FF) 14%, #fff);
    color: var(--g-color, #7B61FF);
    font-size: 1.2rem;
    flex-shrink: 0;
}

.pr-group-head h3 {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 800;
    color: #0f172a;
}

.pr-group-head p {
    margin: .15rem 0 0;
    font-size: .82rem;
    color: #64748b;
}

.pr-plugin-card {
    height: 100%;
}

.pr-billing-note {
    margin-top: .55rem;
    font-size: .72rem;
    color: #64748b;
    line-height: 1.55;
}

.pr-faq .accordion-button {
    font-weight: 700;
    font-size: .95rem;
    box-shadow: none !important;
}

.pr-faq .accordion-button:not(.collapsed) {
    background: color-mix(in srgb, var(--pp-primary, #7B61FF) 8%, #fff);
    color: #0f172a;
}

.pr-faq .accordion-body {
    font-size: .88rem;
    color: #64748b;
    line-height: 1.85;
}

@media (max-width: 575.98px) {
    .pp-hero-pricing { padding: 3rem 0 2.25rem; }
    .pr-group-head { align-items: flex-start; }
}