@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .solution-tab,
  .summary-card,
  .flow-step {
    transition:
      transform 300ms cubic-bezier(.22, 1, .36, 1),
      box-shadow 300ms ease,
      border-color 220ms ease;
  }

  .solution-tab__icon,
  .flow-step b,
  .flow-step__media {
    transition: transform 340ms cubic-bezier(.22, 1, .36, 1);
  }

  .solution-tab:hover {
    transform: translate3d(0, -3px, 0);
  }

  .solution-tab:hover .solution-tab__icon {
    transform: translate3d(0, -1px, 0) scale(1.06);
  }

  .summary-card:hover {
    transform: translate3d(0, -4px, 0);
    box-shadow: 0 12px 28px rgba(8, 53, 121, .15);
  }

  .flow-step:hover {
    z-index: 3;
    transform: translate3d(0, -5px, 0);
    box-shadow: 0 14px 30px rgba(8, 53, 121, .13);
  }

  .flow-step:hover b {
    transform: scale(1.06);
  }

  .flow-step:hover .flow-step__media {
    transform: scale(1.025);
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .solution-tab,
  .solution-tab__icon,
  .summary-card,
  .flow-step,
  .flow-step b,
  .flow-step__media {
    animation: none !important;
    transition: none !important;
  }
}