/* Placa de circuito do hero e da chamada final. O desenho vem de circuit.js (canvas);
   o SVG .cx-fallback é a primeira pintura e o que fica quando não há JS. */
.cx-fallback, .cx-canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.cx-on .cx-fallback { display: none; }

/* vinheta: acalma o fundo atrás do título sem apagar a placa nas bordas */
.hero__bg::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(ellipse 58% 46% at 27% 40%, rgba(12, 59, 46, .82), rgba(12, 59, 46, 0) 72%),
    linear-gradient(180deg, rgba(10, 26, 20, .0) 60%, rgba(10, 26, 20, .28));
}
@media (max-width: 700px) {
  .hero__bg::after { background: linear-gradient(180deg, rgba(12, 59, 46, 0) 0, rgba(12, 59, 46, .78) 70px, rgba(12, 59, 46, .78) 46%, rgba(12, 59, 46, 0) 58%); }
}
.cta__bg { opacity: .9; }