/* TrinoTime Cloud v1.2.0.8 — reference-style landing card float interaction */
.feature-card,
.price-card {
  position: relative;
  z-index: 0;
  transform: translate3d(0, 0, 0);
  transform-origin: center bottom;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  will-change: transform, box-shadow;
  transition-property: transform, box-shadow, border-color;
  transition-duration: 380ms, 380ms, 260ms;
  transition-timing-function: cubic-bezier(.16,1,.3,1), ease, ease;
}

/*
 * Keep the hover selector unconditional so hybrid Windows/touch-capable devices
 * still respond whenever a real pointer is hovering. Touch-only environments are
 * neutralized below with any-hover:none.
 */
.feature-card:hover,
.price-card:hover {
  z-index: 4;
  transform: translate3d(0, -10px, 0) !important;
  transition-duration: 260ms, 260ms, 220ms;
  box-shadow:
    0 28px 54px rgba(24, 34, 51, .20),
    0 10px 22px rgba(24, 34, 51, .11) !important;
}

.feature-card:hover {
  border-color: rgba(255,255,255,.98) !important;
}

.price-card:hover {
  border-color: rgba(215,173,88,.40) !important;
}

.price-card.featured:hover {
  box-shadow:
    0 30px 58px rgba(126, 93, 35, .20),
    0 10px 22px rgba(57, 68, 86, .10),
    inset 0 1px 0 #fff,
    inset 0 0 60px rgba(215,173,88,.035) !important;
}

/* Do not leave a sticky hover state on devices with no hover-capable input. */
@media (any-hover: none) {
  .feature-card:hover,
  .price-card:hover {
    z-index: 0;
    transform: translate3d(0, 0, 0) !important;
    box-shadow: inherit !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .feature-card,
  .price-card {
    transition: none !important;
    transform: none !important;
  }

  .feature-card:hover,
  .price-card:hover {
    transform: none !important;
  }
}