/* shared/site/background.css — background layer for the landing pages that had none.
 *
 * The engine paints a full-viewport scene, so the page's own opaque body colour is cleared and the
 * layer sits behind ALL content (negative z-index) instead of fighting the page's stacking. That is
 * deliberate: these landing pages are independent, self-contained documents with their own fixed
 * headers and overlays, and a negative-z layer cannot cover or break any of them.
 */
html,
body { background: transparent !important; }

#site-bg {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}
#site-bg canvas,
#site-bg svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }