/* ─────────────────────────────────────────────────────────────
 *  arkéLAB — Background Animado
 *  CSS isolado da animação de rede de partículas
 *
 *  INTEGRAÇÃO: este arquivo define apenas o canvas e o label.
 *  NÃO altera overflow/scroll do html ou body — isso é
 *  responsabilidade da página que integra o componente.
 * ───────────────────────────────────────────────────────────── */

#canvas-bg {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  display: block;
}

/* ── Demo label — remover ao integrar em outra página ── */
.demo-label {
  position: fixed;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 10px;
  letter-spacing: 0.38em;
  text-transform: uppercase;
  color: rgba(201, 162, 109, 0.35);
  pointer-events: none;
  white-space: nowrap;
}