/**
 * LawSave Pricing - Navy & White
 */
.pricing-intro { text-align: center; margin-bottom: 3rem; padding: 2rem 0; }
.pricing-intro h2 { font-size: 2rem; color: #0B2A4A; margin-bottom: 0.5rem; }
.pricing-intro p { font-size: 1.1rem; color: #2d4a6b; }

.pricing-plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-bottom: 3rem; }
.pricing-card {
    background: #FFFFFF;
    border: 2px solid #c5d0de;
    border-radius: 12px;
    padding: 2rem;
    transition: all 0.3s;
}
.pricing-card:hover { transform: translateY(-5px); box-shadow: 0 10px 15px -3px rgba(11, 42, 74, 0.1); border-color: #0B2A4A; }
.pricing-card.featured { border-color: #0B2A4A; border-width: 3px; }

.popular-badge {
    position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
    background: #0B2A4A; color: white;
    padding: 0.5rem 1.5rem; border-radius: 20px; font-size: 0.85rem; font-weight: 600;
}

.plan-header { text-align: center; margin-bottom: 2rem; padding-bottom: 1.5rem; border-bottom: 2px solid #c5d0de; }
.plan-price .amount { font-size: 3rem; font-weight: 700; color: #0B2A4A; }

.purchase-btn {
    width: 100%; padding: 1rem 2rem;
    background: #0B2A4A; color: white;
    border: none; border-radius: 8px; font-size: 1.1rem; font-weight: 600;
    cursor: pointer; transition: all 0.2s;
}
.purchase-btn:hover:not(:disabled) { opacity: 0.9; transform: translateY(-2px); }
.purchase-btn:disabled { opacity: 0.6; cursor: not-allowed; }

.savings-badge {
    display: inline-block;
    background: rgba(11, 42, 74, 0.1);
    color: #0B2A4A;
    padding: 0.25rem 0.75rem; border-radius: 6px; font-size: 0.85rem; font-weight: 600;
}