/* --- Hero: layout a due colonne, testo + pannello "codice" --- */
.hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.45rem 0.9rem;
  margin-bottom: 1.4rem;
  border-radius: 999px;
  background: rgba(99, 102, 241, 0.1);
  border: 1px solid rgba(99, 102, 241, 0.25);
  color: var(--primary-light);
  font-size: 0.85rem;
  font-weight: 500;
}