/* 3D scene layer: a fixed canvas behind the page. No backdrop blur anywhere (it was the single
   largest GPU cost); surfaces over the canvas are near-opaque instead. */
.scene-host { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }
.scene-host canvas { width: 100% !important; height: 100% !important; display: block; }
html.has-scene body { background: transparent; }
html.has-scene .hero-bg::before, html.has-scene .hero-bg::after { display: none; }
html.has-scene .card, html.has-scene .panel:not(.panel-navy), html.has-scene .faq, html.has-scene .logo-tile { background: color-mix(in srgb, var(--card-bg) 94%, transparent); }
html.has-scene .sec, html.has-scene .sec-sm { background: transparent; }
html.has-scene .band { background: transparent; }