.pricing-card { background: var(--color-white); border: 2px solid var(--color-gray-200); border-radius: var(--radius-xl); padding: var(--space-8); text-align: center; position: relative; transition: all var(--transition-base); display: flex; flex-direction: column; }
.pricing-card:hover { border-color: var(--color-primary-light); box-shadow: var(--shadow-xl); transform: translateY(-4px); }
.pricing-card.is-popular { border-color: var(--color-accent-warm); transform: scale(1.05); }
.pricing-card.is-popular:hover { transform: scale(1.05) translateY(-4px); }
.pricing-card.is-free { border-color: var(--color-accent); }
.pricing-card-name { font-size: var(--fs-lg); font-weight: var(--fw-semibold); color: var(--color-gray-900); margin-bottom: var(--space-2); }
.pricing-card-price { font-family: var(--font-display); font-size: var(--fs-5xl); font-weight: var(--fw-extrabold); color: var(--color-primary); margin: var(--space-4) 0; }
.pricing-card-price span { font-size: var(--fs-base); font-weight: var(--fw-regular); color: var(--color-gray-500); }
.pricing-card-features { flex: 1; text-align: left; margin: var(--space-6) 0; display: flex; flex-direction: column; gap: var(--space-3); }
.pricing-card-features li { display: flex; align-items: center; gap: var(--space-2); font-size: var(--fs-sm); color: var(--color-gray-600); }
.pricing-card-features li svg { width: 18px; height: 18px; flex-shrink: 0; }
.pricing-card-features li svg.icon-check { fill: var(--color-accent); }
.pricing-card-features li svg.icon-minus { fill: var(--color-gray-400); }
.pricing-card .btn { width: 100%; }