#backgroundCanvas {
   position: absolute;
   top: 20px;
   left: 0;
   width: 100%;
   height: calc(100% - 20px);
   z-index: -1;
   pointer-events: none;
   transform: scaleY(-1);
}

/* Убеждаемся, что hero section имеет relative позиционирование для canvas */
.hero {
   position: relative;
   overflow: hidden;
}

/* Убеждаемся, что header остается фиксированным */
header {
   position: fixed !important;
   z-index: 1000 !important;
}

/* Убеждаемся, что остальной контент находится поверх canvas */
main, footer {
   position: relative;
   z-index: 1;
}