The hero gradient (navy→blue→teal) used the same colors as the gradient
text (teal→blue), making the heading dissolve into the background.
Two fixes:
- hero__content now has a dark semi-transparent card (rgba 72% opacity)
with blur backdrop, keeping the animated gradient background visible
around it while text sits on a dark, readable surface
- --grad-text changed from teal→blue to orange→teal so the gradient
heading contrasts against the card and visually pops
https://claude.ai/code/session_015wpwmheufcxkBuXivrSHhd