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

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

#main-content {
  position: relative;
  background-color: transparent !important;
}

/* Extra breathing room between stacked homepage bands */
#main-content > section + section,
#main-content > section + .zigzag-band,
#main-content > .zigzag-band + section {
  margin-block-start: var(--space-section-gap);
}

/* Viewport chrome (FAB, side rail, nav, scroll menu) stays position:fixed — do not flatten to relative */
body > :not(.site-backdrop):not(.skip-link):not(.floating-chat):not(.site-side-rail):not(#site-side-rail):not(.mobile-sticky-cta):not(.scroll-nav-fab):not(.scroll-nav-backdrop):not(.scroll-nav-menu):not(.site-nav) {
  position: relative;
  z-index: 1;
}

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

/* Panels fill the viewport — backgrounds are transparent so no color seams */
.section-panel,
.section-panel--auto,
.section-panel--ticker {
  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 {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.hero.hero--royal.section-panel {
  position: relative;
  overflow: visible;
  isolation: isolate;
}

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

/* Nav floats over the shared backdrop; glass only when scrolled */
.site-nav,
.site-nav--royal {
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.site-nav.scrolled {
  background-color: rgba(10, 8, 18, 0.72) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}