/* Hero Ripple – Neural Network 02 hero háttér */
.hero-ripple {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: #060f2d;              /* amíg a WebGL betölt */
  border-radius: 20px;              /* az eredeti hero doboz sarka; töröld, ha teljes szélességű */
  touch-action: pan-y;              /* mobilon a görgetés marad */
}
.hero-ripple__canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
  z-index: 0;
}
/* A szekció saját tartalma a vászon fölé kerül */
.hero-ripple > :not(.hero-ripple__canvas) {
  position: relative;
  z-index: 1;
}
/* Tartalék, ha nincs WebGL: statikus, közelítő háttér */
.hero-ripple--static {
  background:
    radial-gradient(38% 55% at 40% 36%, rgba(190, 45, 70, .75) 0%, rgba(190, 45, 70, 0) 70%),
    radial-gradient(34% 55% at 86% 52%, rgba(35, 50, 190, .70) 0%, rgba(35, 50, 190, 0) 70%),
    radial-gradient(30% 50% at 6% 60%, rgba(30, 40, 170, .60) 0%, rgba(30, 40, 170, 0) 70%),
    radial-gradient(rgba(240, 180, 165, .28) 1px, transparent 1.5px) 0 0 / 14px 14px,
    linear-gradient(180deg, #03061a 0%, #070c2c 30%, #060f2d 100%);
}