/*
  ambient.css — Visual effects only (page-bg parallax, stars canvas)
  Layout, spacing, typography: handled by tokens.css / base.css / sections.css
  Original backed up as ambient.css.bak
*/

/* ── Page background animated gradient ── */
.page-bg {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(900px 520px at 88% 28%, rgba(255, 61, 141, 0.07), transparent 62%),
    radial-gradient(880px 540px at 12% 22%, rgba(124, 58, 237, 0.07), transparent 62%),
    radial-gradient(1000px 560px at 50% 115%, rgba(27, 117, 255, 0.06), transparent 58%),
    linear-gradient(180deg, #f8fbff 0%, #f3f7ff 60%, #f8fbff 100%);
}

/* ── Stars canvas (inside hero) ── */
.stars-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}