/* One movement definition for public pricing and signed-in billing cards. */
.plans-section .plan,
html .billing-dashboard .plans-grid > .plan-card {
  transform: translateY(0) scale(1);
  transform-origin: center bottom;
  transition: transform var(--plan-motion-duration, 240ms) var(--plan-motion-easing, ease),
    border-color var(--plan-motion-duration, 240ms) ease,
    box-shadow var(--plan-shadow-duration, 240ms) ease,
    background-color var(--plan-shadow-duration, 240ms) ease;
}
.plans-section .plan:is(:hover, :focus-within),
html .billing-dashboard .plans-grid > .plan-card:is(:hover, :focus-within) {
  z-index: 2;
  transform: translateY(var(--plan-hover-lift, -9px)) scale(var(--plan-hover-scale, 1.012));
}
@media (max-width: 760px) {
  .plans-section .plan:is(:hover, :focus-within),
  html .billing-dashboard .plans-grid > .plan-card:is(:hover, :focus-within) {
    transform: translateY(var(--plan-mobile-lift, -6px));
  }
}
@media (prefers-reduced-motion: reduce) {
  .plans-section .plan,
  html .billing-dashboard .plans-grid > .plan-card { transition: none; }
  .plans-section .plan:is(:hover, :focus-within),
  html .billing-dashboard .plans-grid > .plan-card:is(:hover, :focus-within) {
    transform: none;
  }
}