.plan-flip-wrap {
  perspective: 1200px;
  position: relative;
}

.plan-flip-inner {
  position: relative;
  transform-style: preserve-3d;
  transition: transform 560ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.plan-flip-wrap.is-flipped .plan-flip-inner {
  transform: rotateY(180deg);
}

.plan-face {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.plan-front {
  transform: rotateY(0deg);
}

.plan-back {
  transform: rotateY(180deg);
}

/* Keep front card natural-height to avoid blank white tail. */
.plan-flip-wrap:not(.is-flipped) .plan-front {
  position: relative;
  inset: auto;
}

.plan-flip-wrap:not(.is-flipped) .plan-back {
  display: none;
}