/* ============================================================
   SURCOUCHE URGENCE : energie et lisibilite d'action.
   ============================================================ */

/* Filet d'alerte au sommet : le site annonce la couleur */
.bloc-hero { border-top: 4px solid var(--accent); }

/* Titre : un mot cle peut etre marque <em> dans le contenu,
   il prend l'accent (pattern serrurerie : "24h/24") */
.hero-title em {
  font-style: normal;
  color: var(--accent);
}

/* Preuves : eclair plein, rythme rapide */
.hero-proof li::before {
  content: '';
  width: 1em; height: 1em; flex: none;
  background-color: var(--accent);
  -webkit-mask: center / contain no-repeat
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M9.5 1L3 9.5h3.5L6 15l6.5-8.5H9z'/%3E%3C/svg%3E");
          mask: center / contain no-repeat
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M9.5 1L3 9.5h3.5L6 15l6.5-8.5H9z'/%3E%3C/svg%3E");
}

/* CTA principal : gros, pulse d'ombre discret pour appeler le doigt */
.btn-primary {
  font-size: var(--fs-lg);
  letter-spacing: 0.01em;
  box-shadow: 0 3px 0 0 color-mix(in srgb, var(--accent) 60%, var(--ink));
}
@media (prefers-reduced-motion: no-preference) {
  .btn-primary { transition: transform var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out); }
  .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 5px 0 0 color-mix(in srgb, var(--accent) 60%, var(--ink)); }
  .btn-primary:active { transform: translateY(1px); box-shadow: 0 1px 0 0 color-mix(in srgb, var(--accent) 60%, var(--ink)); }
}