/* ===== Animations partagées (toutes les pages) ===== */
@media (prefers-reduced-motion: no-preference){
  /* Reveal au scroll (classe .reveal posée par anim.js) */
  .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1)}
  .reveal.in{opacity:1;transform:none}
  /* Barres de graph qui poussent du bas quand visibles */
  .rss-chart i,.bars i,.smk-bars i{transform:scaleY(.05);transform-origin:bottom;transition:transform .85s cubic-bezier(.22,.61,.36,1)}
  .rss-chart.in i,.bars.in i,.smk-bars.in i{transform:scaleY(1)}
  .rss-chart.in i:nth-child(2),.bars.in i:nth-child(2),.smk-bars.in i:nth-child(2){transition-delay:.06s}
  .rss-chart.in i:nth-child(3),.bars.in i:nth-child(3),.smk-bars.in i:nth-child(3){transition-delay:.12s}
  .rss-chart.in i:nth-child(4),.bars.in i:nth-child(4),.smk-bars.in i:nth-child(4){transition-delay:.18s}
  .rss-chart.in i:nth-child(5),.bars.in i:nth-child(5),.smk-bars.in i:nth-child(5){transition-delay:.24s}
  .rss-chart.in i:nth-child(6),.bars.in i:nth-child(6),.smk-bars.in i:nth-child(6){transition-delay:.30s}
  .bars.in i:nth-child(7),.smk-bars.in i:nth-child(7){transition-delay:.36s}
  .bars.in i:nth-child(8),.smk-bars.in i:nth-child(8){transition-delay:.42s}
}
/* Hover des cartes (intention utilisateur -> toujours actif) */
.adv,.gcard,.credcard,.mcard,.pain,.rescard,.method,.platforms .p{transition:transform .18s,box-shadow .18s,border-color .18s}
.adv:hover,.gcard:hover,.credcard:hover,.mcard:hover,.pain:hover,.rescard:hover,.method:hover,.platforms .p:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(20,40,80,.10)}
.adv .ic,.gcard .ic,.mcard .ic{transition:transform .25s}
.adv:hover .ic,.gcard:hover .ic,.mcard:hover .ic{transform:scale(1.08) rotate(-4deg)}
/* Reflet qui balaie les gros boutons */
.btn.big{position:relative;overflow:hidden}
.btn.big::after{content:"";position:absolute;top:0;left:-130%;width:55%;height:100%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-18deg)}
.btn.big:hover::after{animation:sheen .75s ease}
@keyframes sheen{from{left:-130%}to{left:150%}}
