/* Pricing Page */
.pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-6); align-items: start; }

.pricing-card {
    background: #fff; border-radius: var(--radius-xl); padding: var(--space-8);
    border: 2px solid var(--gray-100); position: relative; transition: all var(--transition-slow);
}
.pricing-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-xl); }
.pricing-card.popular { border-color: var(--primary-500); box-shadow: var(--shadow-glow); transform: scale(1.03); }
.pricing-card.popular:hover { transform: scale(1.03) translateY(-8px); }

.popular-badge {
    position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
    background: var(--gradient-primary); color: #fff; padding: var(--space-2) var(--space-5);
    border-radius: var(--radius-full); font-size: var(--text-xs); font-weight: 700;
    white-space: nowrap;
}

.pricing-header { text-align: center; padding-bottom: var(--space-6); border-bottom: 1px solid var(--gray-100); margin-bottom: var(--space-6); }
.pricing-header h3 { font-size: var(--text-2xl); margin-bottom: var(--space-2); }
.pricing-desc { font-size: var(--text-sm); color: var(--gray-500); margin-bottom: var(--space-4); }
.pricing-price .price {
    font-family: var(--font-heading); font-size: var(--text-4xl); font-weight: 800;
    background: var(--gradient-primary); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.pricing-price .period { font-size: var(--text-sm); color: var(--gray-400); }

.pricing-features { margin-bottom: var(--space-8); }
.pricing-features li {
    padding: var(--space-2) 0; font-size: var(--text-sm); color: var(--gray-700);
    border-bottom: 1px solid var(--gray-50);
}

@media (max-width: 1024px) { .pricing-grid { grid-template-columns: 1fr; max-width: 440px; margin: 0 auto; } .pricing-card.popular { transform: none; } }