/* Pointer-following light and a restrained 3D press for pricing cards. */
.section-intro > .eyebrow {
  display: none;
}

.tariffs .tariff {
  --card-rotate-x: 0deg;
  --card-rotate-y: 0deg;
  --card-lift: 0px;
  --pointer-x: 50%;
  --pointer-y: 50%;
  transform:
    perspective(1050px)
    rotateX(var(--card-rotate-x))
    rotateY(var(--card-rotate-y))
    translateY(var(--card-lift));
  transform-style: preserve-3d;
  transform-origin: center;
  will-change: transform;
  transition:
    transform .42s cubic-bezier(.2, .8, .2, 1),
    border-color .25s ease,
    box-shadow .25s ease;
}

.tariffs .tariff.is-pointer-active {
  --card-lift: -3px;
  transform:
    perspective(1050px)
    rotateX(var(--card-rotate-x))
    rotateY(var(--card-rotate-y))
    translateY(var(--card-lift));
  transition:
    transform .085s linear,
    border-color .25s ease,
    box-shadow .25s ease;
}

.tariffs .tariff.is-pointer-pressed {
  --card-lift: 0px;
}

.card-pointer-glow {
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  border-radius: inherit;
  clip-path: inset(0 round 18px);
  background:
    radial-gradient(
      circle 380px at var(--pointer-x) var(--pointer-y),
      rgba(179, 92, 245, .38) 0%,
      rgba(139, 68, 207, .17) 34%,
      rgba(113, 53, 178, .055) 57%,
      transparent 76%
    );
  opacity: 0;
  pointer-events: none;
  transition: opacity .32s ease;
}

.is-pointer-active > .card-pointer-glow {
  opacity: 1;
}

.tariffs .tariff > :not(.card-pointer-glow):not(.tariff-accent):not(.badge):not(.tariff-places-badge) {
  position: relative;
  z-index: 1;
}

.tariffs .tariff.featured::before {
  z-index: 4;
}

:root[data-theme="light"] .card-pointer-glow {
  background:
    radial-gradient(
      circle 380px at var(--pointer-x) var(--pointer-y),
      rgba(159, 85, 213, .25) 0%,
      rgba(140, 83, 182, .11) 38%,
      transparent 75%
    );
}

@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
  .tariffs .tariff {
    transform: none;
    transition: border-color .25s ease, box-shadow .25s ease;
    will-change: auto;
  }

  .card-pointer-glow {
    display: none;
  }
}