/* Option 1 with an aurora edge, 2026-10-28. Cam picked Option 1 and asked to see the panels' straight top line made
   wavy, like the aurora in the hero. Loaded after rhythm.css by the trial page only. shared/aurora-edge.js draws each
   panel's top and bottom edge on a canvas, writes the wave's depth into --wa and --wb, and adds body.wave-on; until it
   runs, or if it fails, the page is plain Option 1. */
body.rhythm-wave.wave-on section.lifted{background:linear-gradient(180deg,transparent var(--wa),rgba(15,28,52,.96) var(--wa),
  rgba(10,20,38,.97) calc(100% - var(--wb)),transparent calc(100% - var(--wb)))}
body.rhythm-wave.wave-on section.lifted::before,body.rhythm-wave.wave-on section.lifted::after{display:none}
body.rhythm-wave .aedge{position:absolute;left:0;width:100%;display:block;pointer-events:none}
body.rhythm-wave .aedge.aback{z-index:-1} /* the livelier curtain: behind the text, above the light field */
/* room under the checklist band, so the wave and its light clear the band's own light */
body.rhythm-wave .band-sec:has(+ section.lifted){padding-bottom:96px}
@media (max-width:720px){body.rhythm-wave .band-sec:has(+ section.lifted){padding-bottom:64px}}
/* where a lifted section comes right after the hero, its glowing edge shows at the bottom of the first screen, so the
   hero's small scroll line would only sit on top of it */
body.rhythm-wave.wave-on section:has(+ section.lifted) .scroll-cue{display:none}