/* ============================================
   vitae — Pricing Page Styles
   ============================================ */

.pricing-grid {
  align-items: stretch;
  margin-top: var(--space-8);
}

.pricing-card--featured {
  transform: scale(1.03);
  z-index: 1;
}

.pricing-card--featured:hover {
  transform: scale(1.03) translateY(-2px);
}

@media (max-width: 1024px) {
  .pricing-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .pricing-card--featured {
    transform: none;
  }
}

@media (max-width: 640px) {
  .pricing-grid {
    grid-template-columns: 1fr;
  }
}