/* Gentle entry motion: reporting remains still after arrival. */
@media screen and (prefers-reduced-motion: no-preference) {
  @keyframes flomiva-arrive {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
  }
  .intro, main > h1, main > .muted {
    animation: flomiva-arrive 1.1s cubic-bezier(.22,.61,.36,1) both;
  }
  main > section, main > .layout, main > .lower {
    animation: flomiva-arrive 1.15s cubic-bezier(.22,.61,.36,1) .12s both;
  }
  .kpis > .card, .grid > .card {
    animation: flomiva-arrive 1.1s cubic-bezier(.22,.61,.36,1) .18s both;
  }
  .kpis > .card:nth-child(2), .grid > .card:nth-child(2) { animation-delay: .24s; }
  .kpis > .card:nth-child(3), .grid > .card:nth-child(3) { animation-delay: .30s; }
  .kpis > .card:nth-child(4), .grid > .card:nth-child(4) { animation-delay: .36s; }
}