fix(responsive): make landing page 100% mobile-responsive across all viewports ($100 USD bounty)

[ivegotahunnitonit]

Mobile Responsiveness Fix ($100 USD Bounty)

Closes #3

📱 Summary of Improvements

1. Responsive Grid Layouts: Changed fixed grid-cols-2 tool grid to fluid grid-cols-1 xs:grid-cols-2 md:grid-cols-4 to prevent card content overflow on mobile viewports (<380px).
2. Mobile Typography & Padding: Added clamp() font scaling for headings, dynamic section padding (py-16 sm:py-24 md:py-32), and responsive horizontal margins (px-4 sm:px-6).
3. Touch-Optimized Navigation & Buttons:
   • Sign in / Get Started navigation buttons auto-scale gracefully on mobile screens without wrapping awkwardly.
   • Hero and CTA action buttons scale to full width (w-full sm:w-auto) on mobile for effortless thumb tap targets.
4. Adaptive Prism Graphic: Made crystal prism graphic fluid (clamp(240px, 75vw, 340px)) and centered cleanly across all device orientations.
5. Fluid Footer: Re-aligned footer text and status badge into responsive column/row layouts (flex-col sm:flex-row text-center sm:text-left).

---

🧪 Tested Viewports

• iPhone SE / 13 / 14 / 15 Pro (375px - 430px)
• iPad Mini & Air / Tablet portrait (768px)
• Desktop / Ultrawide (>1280px)

[ivegotahunnitonit]

Good morning maintainer @iii123iii! Friendly check-in on this PR for mobile responsiveness. All 10 requirements pass linting and unit tests. Ready for review and merge! 🚀