Fix homepage contrast: cards now actually visible with navy-800 backg… #3964

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

…rounds

The root cause: navy-900 (#0B1A2E) and navy-950 (#060F1C) are nearly identical colors — the cards were technically styled but invisible to the human eye.

Changes:

• Card backgrounds: navy-900 → navy-800 (#132640) — clearly distinguishable
• Card borders: white/15 → white/20 — actually visible
• Body text: white/50-60 → white/60-70 — readable
• Demo card: added shadow-2xl for depth
• Hero padding: pt-44 → pt-48 — prevents nav from clipping headline
• Secondary button: border → border-2 with white/30 — looks like a real button
• Before/after cards: added shadow and header background tint
• Pricing Pro card: gold border/ring/shadow highlight
• Removed overflow-hidden from main (was causing iOS clipping)
• Section dividers: white/10 → white/15

Build verified clean.

https://claude.ai/code/session_015akhJ94HoyowQ3PBejAGWS

Summary

Changes

Testing

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

Screenshots