fix: kill the CSS specificity bug

[XircTwerk]

Root cause:
globals.css had * { margin: 0; padding: 0 } as unlayered CSS.
In Tailwind v4, all utilities live in @layer — unlayered rules always
win, so mx-auto, px-, py-, p-, gap- were all silently overridden.
That's why everything was left-aligned with the right half empty.

Fix in globals.css:

• Keep only box-sizing: border-box on * (Tailwind Preflight handles the rest — no need to fight it)
• Remove overflow-x: hidden from html/body (was hiding valid content)
• Add .page-wrap as an unlayered centering helper that can't be broken by Tailwind layer ordering

Landing page redesign:

• Every section uses .page-wrap for reliable 1280px centered layout
• Hero: full-screen gradient, large 5xl–7xl headline, stats row
• Featured agents: rich 3-column cards with icon, stats bar, rating
• Category pills: horizontal scrollable tag cloud
• Trust section: 2-col (copy + live metrics panel)
• Testimonials: 3-col with attribution
• Pricing: 3 plans, properly full-width to max-w-5xl
• Final CTA: full-bleed glass card with ambient glow
• All responsive: 1→2→3→4 col grids at sm/lg breakpoints