/* Canonical site atmosphere. Keep the docs copy byte-identical to
   tofa-connect/branding. The glow scrolls away and fades into deep navy. */
.tofa-site-background {
  display: flow-root;
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  background: #030b10;
}
.tofa-site-background::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: min(900px, 100svh);
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(115vw 72vh at 50% -8%,
      rgba(45, 212, 191, 0.16) 0%, rgba(45, 212, 191, 0.05) 36%, transparent 70%),
    linear-gradient(180deg,
      rgba(7, 26, 38, 0.75) 0%, rgba(5, 19, 28, 0.3) 34%, transparent 68%);
  mask-image: linear-gradient(#000 70%, transparent);
  -webkit-mask-image: linear-gradient(#000 70%, transparent);
}