Rework "How it works" into a flat three-step grid with health-check
messaging and a row of reassurance promises. Add a new personas section
on the home page and back it with a screenshot background on the CTA band.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Drive the navbar text from the theme-reactive --hd-fg-* vars instead of
Bootstrap's baked-in dark color, so it flips light when the background
goes dark. Also fade the beginscroll gradient to --hd-bg-canvas rather
than a hardcoded white.
Pin the footer to fixed dark colors instead of the theme-reactive
.bg-dark/.text-light utilities, which flipped to a light background in
dark mode while child text stayed white. Also make product anchor links
absolute so they resolve from any page.
