/* Scroll animation for the "Three taps" cards and the 9 feature cards (home page).
   Each card slides in from the left, one after another across its row. The icon and
   number are part of the card and arrive with it. Cards stay fully visible unless JS is
   running (html.vk-fx is added by js/scroll-fx.js). */
.vk-fx .fx { opacity: 0; transform: translateX(-56px); }
.vk-fx .fx.fx-in {
  opacity: 1; transform: none;
  transition: opacity 0.55s ease var(--fx-d, 0s), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1) var(--fx-d, 0s),
              border-color 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .vk-fx .fx, .vk-fx .fx.fx-in { opacity: 1; transform: none; transition: none; }
}