/* PricingSection styles extracted and optimized */

.pricing-section { text-align: center; }

.trial-note { font-size: 0.9rem; font-weight: 700; margin-top: 0.25rem; }

.pricing-grid { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }

.pricing-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #E0E6EB;
    border-radius: 1rem;
    padding: 1.5rem;
    background-color: #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border 0.25s ease;
}

.pricing-card.featured {
    border: 2px solid #70AFFB !important;
    box-shadow: 0 8px 30px rgba(112,175,251,0.35);
    transform: translateY(-3px);
}

.pricing-card.featured h4 { color: #32677E; }

.pricing-footer { margin-top: auto; display:flex; justify-content:center; align-items:flex-end; height:100%; }

.features { list-style: none; padding: 0; text-align: left; margin: 1rem 0; }

.price-container { display:flex; justify-content:center; align-items:center; flex-direction: column; min-height: 60px; }

.price { font-size: 2rem; font-weight: 700; }

.badge.bg-success { background-color: #22C55E !important; color: #fff; font-size: .75rem; border-radius: .5rem; padding: .25rem .5rem; }

.text-decoration-line-through { text-decoration-thickness: 2px; }

.compare-btn {
    background-color: transparent !important;
    border: 2px solid #70AFFB !important;
    color: #32677E !important;
    font-weight: 600;
    border-radius: .75rem;
    transition: all 0.25s ease;
}

.compare-btn:hover { background-color: #70AFFB !important; color: #fff !important; }

@media (max-width: 900px) { .compare-btn { display: none !important; } }

.feature-group { margin-bottom: 18px; padding: .2rem; text-align: left; }

.fg-list { list-style: none; padding-left: 10px; margin: 0; }
.fg-list li { position: relative; padding: 4px 0 4px 16px; color: #475569; font-size: .92rem; line-height: 1.35; }
.fg-list li::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background-color: #70AFFB; position: absolute; left: 0; top: 10px; }

.fg-upgrade-bar {
    font-weight: 600; font-size: .9rem; color: #1E3A8A; background: #EEF4FF; padding: 6px 12px; border-left: 4px solid #70AFFB; border-radius: 6px; margin: 12px 0 8px 0;
}

/* Responsive adjustments for pricing grid */
@media (max-width: 640px) {
    .pricing-grid { grid-template-columns: 1fr; }
    .price { font-size: 1.5rem; }
}