/* Atmosfera visual do hero; as telas do produto usam capturas reais. */
.hero {
  background:
    radial-gradient(circle at 74% 42%, rgba(28, 215, 223, .11), transparent 28%),
    radial-gradient(circle at 18% 10%, rgba(121, 103, 255, .28), transparent 36%),
    #0d091d;
}

.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 49.8%, rgba(28, 215, 223, .07) 50%, transparent 50.2%);
}