fix(website): homepage sections invisible below hero (IntersectionObserver not firing)

[ajitpratap0]

Problem

The homepage has multiple sections below the hero that are completely invisible to users — they render as empty dark rectangles. Affected sections: stats bar, 'Built for Production' features grid, 'Simple Powerful API', MCP section, IDE integration, CTA section.

Root cause

Scroll-triggered CSS animations initialize with opacity: 0 and rely on IntersectionObserver to trigger. The observer isn't firing reliably.

Impact

Critical — the majority of homepage content is invisible to all visitors.

Fix

Replace IntersectionObserver scroll animations with CSS animations that start visible by default, or use animation-play-state approach. Alternatively ensure animations start with content visible and animate to enhanced state.