/* Unified Global Background & Seam Removal */
html, body { min-height: 100%; }
body {
  min-height: 100vh;
  width: 100%;
  background: linear-gradient(135deg, #050510 0%, #0f0c29 50%, #050510 100%);
  background-attachment: scroll; /* avoid Safari seams */
  background-repeat: no-repeat;
  background-size: cover;
  overflow-x: hidden;
}

/* Neutralize per-section backgrounds to avoid visible seams */
header, main, footer, section, .hero, .features, .footer, .bottombar {
  background: transparent !important;
  background-image: none !important;
}

/* Liquid 3D background (behind content; non-interfering) */
.liquid-bg {
  position: fixed; /* global wallpaper */
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  z-index: 0; /* above body bg, below content */
  pointer-events: none; /* click-through */
  opacity: 1;
  filter: none;
}

/* ensure main layers stack above the canvas */
#root, .nav, header, main, .hero, footer { position: relative; z-index: 10; }

/* Keep text/UI above the 3D layer */
.headline, .subline, .cta, h1, h2, h3, button, a { position: relative; z-index: 11; }

/* Nuclear override to kill any white backgrounds */
html, body {
  background-color: #050510 !important;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}