/* Captures du produit sur les pages marketing (2026-10-08).
   Images générées par scripts/capture-marketing.js depuis la VRAIE interface,
   avec des données de démonstration étiquetées dans l'image et la légende.
   Sur téléphone, l'écran Statistiques est montré dans sa version iPhone. */
.mk-demo-shots {
  display: grid;
  gap: clamp(28px, 4vw, 48px);
  margin-top: clamp(32px, 5vw, 56px);
}
.mk-demo {
  margin: 0;
}
.mk-demo-img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 14px;
  border: 1px solid var(--bd);
  box-shadow: 0 18px 48px -24px rgba(38, 42, 68, 0.35);
  background: var(--bg2);
}
.mk-demo-img--mobile {
  display: none;
}
.mk-demo-caption {
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--tx2);
  text-align: center;
}
@media (max-width: 640px) {
  .mk-demo-img--desktop {
    display: none;
  }
  .mk-demo-img--mobile {
    display: block;
    max-width: 390px;
    margin: 0 auto;
  }
  .mk-demo-caption {
    text-align: left;
  }
}

/* Section dont l'illustration est une vraie capture placée dessous : le
   texte reprend toute la largeur au lieu d'une demi-colonne vide. */
.mk-feat:has(> .mk-feat-text:only-child) {
  grid-template-columns: 1fr;
  max-width: 820px;
}