/* ============================================================
   9MM — Scroll-stack de la section « La transparence, c'est notre preuve »
   (retour Kevin, réf. Framer "scroll-stack").
   Les 6 preuves s'EMPILENT au scroll : chaque carte s'épingle (sticky) un peu
   plus bas que la précédente → on voit les bords (liseré d'accent) des cartes
   du dessous qui dépassent = effet de deck. Les cartes sont 100% OPAQUES
   (sinon le texte du dessous traverse → illisible). scroll-stack.js n'ajoute
   qu'un léger scale de profondeur (jamais d'opacité).
   Amélioration progressive : sans JS / reduced-motion → pile statique lisible.
   Chargé APRÈS theme-blanc.css → surcharge le layout grille de la section.
   ============================================================ */

.home-proof-stack {
  max-width: 720px;
  margin: 8px auto 0;
  padding-bottom: 8vh;          /* marge finale pour dépiler la dernière carte */
}

.home-proof-stack .home-proof-item {
  position: sticky;
  top: 15vh;                    /* point d'épinglage de base (décalé par nth-child) */
  margin: 0 0 16vh;             /* la marge = distance de scroll entre 2 épinglages */
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  min-height: 210px;
  padding: 36px 40px;
  background: #ffffff;          /* OPAQUE — surtout pas de transparence */
  border: 1px solid var(--border);
  border-radius: 20px;
  box-shadow: 0 26px 60px -28px rgba(18, 18, 26, 0.32);
  transform-origin: top center;
  will-change: transform;
}

.home-proof-stack .home-proof-item:last-child { margin-bottom: 0; }

/* Chaque carte s'épingle 16px plus bas que la précédente → les bords (liserés)
   des cartes du dessous restent visibles = deck empilé bien lisible. */
.home-proof-stack .home-proof-item:nth-child(1) { top: 15vh; }
.home-proof-stack .home-proof-item:nth-child(2) { top: calc(15vh + 16px); }
.home-proof-stack .home-proof-item:nth-child(3) { top: calc(15vh + 32px); }
.home-proof-stack .home-proof-item:nth-child(4) { top: calc(15vh + 48px); }
.home-proof-stack .home-proof-item:nth-child(5) { top: calc(15vh + 64px); }
.home-proof-stack .home-proof-item:nth-child(6) { top: calc(15vh + 80px); }

/* Liseré d'accent rouge→teal en haut de chaque carte (richesse premium + repère du deck) */
.home-proof-stack .home-proof-item::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  border-radius: 20px 20px 0 0;
  background: linear-gradient(90deg, var(--body), var(--mind));
}

.home-proof-stack .home-proof-icon { font-size: 2rem; line-height: 1; }
.home-proof-stack .home-proof-title { margin: 0; }
.home-proof-stack .home-proof-text { margin: 0; }

@media (max-width: 768px) {
  .home-proof-stack { max-width: 100%; }
  .home-proof-stack .home-proof-item { margin-bottom: 14vh; min-height: 180px; padding: 28px 24px; }
  .home-proof-stack .home-proof-item:nth-child(1) { top: 13vh; }
  .home-proof-stack .home-proof-item:nth-child(2) { top: calc(13vh + 12px); }
  .home-proof-stack .home-proof-item:nth-child(3) { top: calc(13vh + 24px); }
  .home-proof-stack .home-proof-item:nth-child(4) { top: calc(13vh + 36px); }
  .home-proof-stack .home-proof-item:nth-child(5) { top: calc(13vh + 48px); }
  .home-proof-stack .home-proof-item:nth-child(6) { top: calc(13vh + 60px); }
}

/* Accessibilité : pile statique simple si réduction des animations. */
@media (prefers-reduced-motion: reduce) {
  .home-proof-stack .home-proof-item {
    position: static;
    margin-bottom: 18px;
    transform: none !important;
  }
}