Fix critically low contrast — cards, text, and borders were invisible… #3965

Originally written by @ccantynz-alt on GitHub.
Imported from https://github.com/ccantynz-alt/48co.v1/pull/72

… on real devices

The entire homepage, nav, and footer used opacity values so low (3-6% borders, 20-30% text) that everything was effectively invisible on iPads and phones.

Changes:

• Card borders: 6% → 15% white opacity (actually visible now)
• Card backgrounds: 3% transparent → solid bg-navy-900 (visible)
• Body text: 20-30% → 50% white (readable)
• Card titles: 70-80% → full white (clear)
• Section labels: 60% gold → full gold (visible)
• Section dividers: 4% → 10% white (visible)
• Buttons: added shadow glow for prominence
• Before/After examples: added clear labels
• Nav links: 40% → 60% white, hover to full white
• Footer: all text and borders boosted to readable levels

https://claude.ai/code/session_015akhJ94HoyowQ3PBejAGWS

Summary

Changes

Testing

• Tested locally
• No new warnings or errors in build
• Existing functionality still works

Screenshots