.acid-squares-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.hero-acid-squares {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.hero-acid-squares canvas {
  display: block;
  width: 100%;
  height: 100%;
}

.landing-page .hero {
  min-height: 36rem !important;
}

.landing-page .hero h1,
.landing-page .hero-desc,
.landing-page .hero-badge,
.landing-page .hero-actions {
  position: relative;
  z-index: 2;
}

@media (max-width: 767px) {
  .landing-page .hero {
    min-height: 30rem !important;
  }
}