/* Micro-animations des sections (02/11/2026) : tracé des icônes à l'apparition, petit geste au survol. Rien si « réduire les animations ». */
@media (prefers-reduced-motion:no-preference){
  .ma .service-icon svg>*{stroke-dasharray:1;stroke-dashoffset:1}
  .ma .service-card.ma-in .service-icon svg>*{animation:maDraw .9s cubic-bezier(.45,0,.25,1) forwards}
  .ma .service-card.ma-in .service-icon svg>*:nth-child(2){animation-delay:.2s}
  .ma .service-card.ma-in .service-icon svg>*:nth-child(3){animation-delay:.4s}
  /* Puces orange des listes : apparaissent l'une après l'autre */
  .ma .service-card li::before{transform:scale(0);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
  .ma .service-card.ma-in li::before{transform:none}
  .ma .service-card.ma-in li:nth-child(1)::before{transition-delay:.7s}
  .ma .service-card.ma-in li:nth-child(2)::before{transition-delay:.8s}
  .ma .service-card.ma-in li:nth-child(3)::before{transition-delay:.9s}
  /* Petit trait orange des sur-titres : il se trace */
  .ma .eyebrow>span{transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.2,.8,.2,1) .1s}
  .ma .eyebrow.ma-in>span{transform:none}
  /* Méthode : le numéro s'écrit, un trait le souligne */
  .ma .process-list>li>span{position:relative;display:inline-block;height:max-content}
  .ma .process-list>li>span::after{content:"";position:absolute;left:0;bottom:-6px;width:22px;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .5s ease .25s}
  .ma .process-list>li.ma-in>span::after{transform:none}
  /* Losange de la note de confidentialité */
  .ma .confidentiality-note span{display:inline-block;transition:transform .6s ease}
  .ma .confidentiality-note:hover span{transform:rotate(90deg)}
}
@keyframes maDraw{to{stroke-dashoffset:0}}