/* One continuous page background — no per-section gradient bands */

html,
body {
  background-color: var(--color-bg-base) !important;
}

#main-content {
  position: relative;
  background-color: var(--color-bg-base) !important;
}

#main-content > * {
  position: relative;
  z-index: 1;
}

/* Panels are content-height only — avoids viewport-tall color seams */
.section-panel,
.section-panel--auto,
.section-panel--ticker {
  min-height: auto !important;
  isolation: auto;
}

/* Every band shares the same canvas */
#main-content > section,
#main-content .zigzag-band,
#main-content .zigzag-band > section,
.section-panel,
.section-panel--light,
.card-showcase,
.zigzag-band,
.zigzag-row,
.trust-panel,
.workloads-light,
.pricing--configurator,
.pricing--teaser,
.hero.hero--royal.section-panel,
.logo-cloud,
.why--stream,
.how--journey,
.apps--organizer,
.code-showcase-section,
.organizer-constellation,
.cta-final,
.faq,
.stats {
  background: transparent !important;
  background-color: transparent !important;
}

/* Legacy glow nodes (removed from HTML) — keep inert if reintroduced */
.section-panel__glow,
.workloads-light::before,
.workloads-light .section-panel__glow,
.trust-panel__fx,
.trust-panel__orb,
.how__fx,
.why__fx,
.pricing--configurator::before,
.pricing--teaser::before,
.organizer-modules__stage::before,
#main-content::before {
  display: none !important;
  visibility: hidden !important;
  background: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.card-showcase,
.zigzag-band,
.trust-panel,
.hero.hero--royal.section-panel {
  position: relative;
  overflow: visible;
}

.card-showcase__body {
  overflow-x: auto;
  overflow-y: visible;
}

/* Sticky header matches page canvas (no glass band at top) */
.site-nav,
.site-nav.scrolled,
.site-nav--royal {
  background-color: var(--color-bg-base) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}