/* Distinct procedural backgrounds for the five product tours. */

.showcase-site .detail-page--world {
  position: relative; isolation: isolate;
  --section-bg: #060709;
  --section-fg: #f5f6fa;
  --section-muted: #b2b6c1;
  --section-border: #ffffff20;
  --section-card: #ffffff08;
  background: #060709;
  color: var(--section-fg);
}
.showcase-site .detail-page--world[data-app="neurobase"] { --section-accent: #b7a4ff; }
.showcase-site .detail-page--world[data-app="calorie"] { --section-accent: #bce574; }
.showcase-site .detail-page--world[data-app="plant"] { --section-accent: #91dca7; }
.detail-page--world .detail-world { position: fixed; inset: 0; z-index: -1; pointer-events: none; contain: strict; background: #06080b; }
.detail-world canvas { display: block; width: 100%; height: 100%; }
.detail-world.is-ready::after {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(ellipse at 50% 45%, #060709bf, #06070975 65%, #06070930);
}
.showcase-site .detail-page--world .detail-hero { isolation: auto; }
.showcase-site .detail-page--world .detail-hero__bg { display: none; }
.showcase-site .detail-page--world .detail-trust { background: #06070980; }
.showcase-site .detail-page--world .detail-feature__copy { background: radial-gradient(ellipse, #060709cc 30%, #06070900 72%); }
.showcase-site .detail-page--world .detail-feature__title em,
.showcase-site .detail-page--world .detail-hero__title em { color: var(--section-accent); }
.showcase-site .detail-page--world .detail-final { background: #060709b3; color: var(--section-fg); }
.showcase-site .detail-page--world .detail-final h2 em { color: var(--section-accent); }
@media (prefers-reduced-motion: reduce) {
  .detail-world canvas { opacity: .8; }
}