/* Bandeau commun aux démonstrations ZataLabs (V7.3).
   Il dit, sur chaque page, que l'entreprise est fictive et ramène à la
   rubrique « Nos capacités ». Préfixe zl- : aucune collision possible avec
   le style propre à chaque démonstration. Pas de z-index : le bandeau ne
   doit jamais passer devant un panneau ou une fenêtre de la démonstration. */
.zl-bandeau {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: .35rem 1.2rem;
  padding: .55rem 1rem;
  background: #0b0b12;
  color: #e9e9f2;
  font: 500 13px/1.4 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  text-align: center;
}
.zl-bandeau strong {
  background: linear-gradient(90deg, #a78bfa, #22d3ee);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.zl-bandeau a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
  white-space: nowrap;
}
.zl-bandeau a:focus-visible { outline: 2px solid #22d3ee; outline-offset: 3px; border-radius: 3px; }