/* ── null.point audio · CIRCUIT BACKDROP ──────────────────────────────
   Fixed full-page circuit + logo watermark, baked static from the
   Claude Design "Circuit backdrop" (intensity 25, logo on, stars off).

   Sits behind everything at z-index:-1. Opaque drop cards and the
   colour tickers stay solid; the open sections are made transparent so
   the field reads as one continuous backdrop. Static — no motion, so
   nothing to gate behind prefers-reduced-motion.

   Tune overall strength with --np-backdrop-opacity (1 = exactly as
   designed; lower it to fade the field toward the base colour). */

:root { --np-backdrop-opacity: 1; }

/* Deep base under the backdrop (matches the nav scrim colour). */
html { background-color: #05040b; }

/* Let the fixed backdrop show through the page. */
body { background: transparent; }

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: url("../assets/circuit-backdrop.svg") center center / cover no-repeat;
  opacity: var(--np-backdrop-opacity, 1);
}

/* Open sections go transparent site-wide so the field reads as one
   continuous backdrop. Drop cards, tickers, value tiles, the poll and
   the nav scrim stay opaque so content keeps its own ground. */
.cs-hero,
.home-hero,
.page-hero,
.about-story,
.values,
.giant-band,
.soft-feature,
.next-up,
.cs-drops,
.quote-section,
footer { background: transparent; }