
  
  
  



/* Принудительно фиксируем высоту блока Zero */
#rec1100666346 .t396__artboard {
  height: 450px !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}
#rec1100666346 .t396__carrier,
#rec1100666346 .t396__filter {
  height: 450px !important;
}

/* Фон с точками и рваным низом */
.glitch-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #292929;
  background-image:
    radial-gradient(#ffffff11 1px, transparent 1px),
    linear-gradient(to right, #ffffff08 1px, transparent 1px);
  background-size: 20px 20px, 100% 1px;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;

  clip-path: polygon(
    0% 0%, 100% 0%, 100% 88%, 95% 91%, 90% 87%, 85% 90%, 80% 86%,
    75% 92%, 70% 88%, 65% 91%, 60% 89%, 55% 92%, 50% 88%, 45% 90%,
    40% 87%, 35% 93%, 30% 88%, 25% 91%, 20% 89%, 15% 90%, 10% 87%,
    5% 93%, 0% 89%
  );
}

/* Глитч линии */
.glitch-line,
.glitch-line.delay {
  position: absolute;
  width: 100%;
  height: 2px;
  background: #ffffff22;
  opacity: 0;
  animation: flicker 8s infinite ease-in-out;
}
.glitch-line {
  top: 25%;
}
.glitch-line.delay {
  top: 65%;
  animation-delay: 3s;
}
@keyframes flicker {
  0%, 100% { opacity: 0; transform: translateX(0); }
  48% { opacity: 0; }
  50% { opacity: 1; transform: translateX(-2%); }
  52% { opacity: 1; transform: translateX(2%); }
  54% { opacity: 0; transform: translateX(0); }
}

/* Мигающие точки */
.pixel-flash {
  position: absolute;
  width: 4px;
  height: 4px;
  background: white;
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  animation: flashPixel 3s infinite;
}
@keyframes flashPixel {
  0%, 97%, 100% {
    opacity: 0;
    transform: translate(-9999px, -9999px);
  }
  98% {
    opacity: 1;
    transform: translate(var(--x, 0), var(--y, 0));
  }
}



  setInterval(() => {
    const pixel = document.querySelector('.pixel-flash');
    const x = Math.floor(Math.random() * window.innerWidth) + 'px';
    const y = Math.floor(Math.random() * 450) + 'px';
    pixel.style.setProperty('--x', x);
    pixel.style.setProperty('--y', y);
  }, 3000);
