/* Paliers d'allègement du SITE VITRINE — même régulateur que l'app
   (perf_governor.js, servi par /perf-governor.js) : classes cumulatives
   perf-1 / perf-2 / perf-3 sur <html> quand les animations saccadent. */

/* Particules : chaque grain sur sa propre couche (tous paliers). */
.mkt-sparkle { will-change: transform, opacity; }

/* --- Palier 1 : halos animés coupés, paillettes allégées --------------- */
html.perf-1 .mkt-aurora { display: none !important; }
html.perf-1 .mkt-sparkle:nth-child(2n) { display: none !important; }
html.perf-1 .mkt-sparkle::before { animation: none !important; }

/* --- Palier 2 : paillettes retirées, plus de flous d'arrière-plan -------- */
html.perf-2 .mkt-sparkles { display: none !important; }
html.perf-2 *,
html.perf-2 *::before,
html.perf-2 *::after {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
/* En-tête : le verre dépoli devient un fond plein (lisible au défilement). */
html.perf-2 .header__inner { background: rgba(255, 255, 255, 0.97) !important; }

/* --- Palier 3 : quasi plus d'animation ----------------------------------- */
html.perf-3 *,
html.perf-3 *::before,
html.perf-3 *::after {
  animation-duration: 0.01ms !important;
  animation-delay: 0s !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.01ms !important;
  transition-delay: 0s !important;
  scroll-behavior: auto !important;
}