Polish the KPI-strip number ticker on the marketing landing with easing and reduced-motion fallback

[greatest0fallt1me]

Description

This is a UI/UX issue refining the number ticker inside app/(marketing)/_sections/kpi-strip.tsx. Replace linear count-up with easeOutQuint and ensure non-jittery integer display via fixed-width tabular numerals.

Requirements and Context

• Use font-variant-numeric: tabular-nums
• Reduced-motion path shows final value immediately
• Ticker starts only when KPI strip enters viewport
• Must be secure, tested, and documented
• Should be efficient and easy to review

Suggested Execution

1. Fork the repo and create a branch

   git checkout -b feature/kpi-strip-polish

2. Implement changes
   • Edit app/(marketing)/_sections/kpi-strip.tsx
   • Reuse hooks/use-count-up.ts
3. Test and commit
   • Visual inspection at 60fps with throttled CPU
   • Cover edge cases (rapid scroll past)
   • Include test output and notes in the PR

Example commit message

feat: polish KPI strip ticker easing and tabular nums

Acceptance Criteria

• No horizontal jitter as digits change
• Reduced-motion shows final value instantly
• Ticker fires once per visit

Guidelines

• WCAG 2.1 AA, motion-safe defaults
• Clear documentation and inline comments
• Timeframe: 96 hours