## Reference images

Study these alongside the description below: hierarchy, rhythm, spacing, colour. Build for the product you are asked about, using this design language.

- Component: https://kage-design-assets.t3.tigrisfiles.io/components/mylens/1ccd9fd0-0589-4047-afdb-6c3bf2f362f8-1792389754-6.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/mylens/1ccd9fd0-0589-4047-afdb-6c3bf2f362f8-1792389647544-full.webp
- Component on Kage: https://kage.design/component/mylens-stats-2

## Before you start
Ask what manual process your product replaces and what measurable time or effort benefit is credible. Use those facts to create an honest comparison.

Build a two-column comparison section. Place an eyebrow, large editorial statement, and supporting paragraph on the left. On the right, show a stacked before/after time treatment: a muted crossed-out or diminished baseline, a large highlighted result, and a small explanatory note. Use a thin divider and a simple progress or tick motif only if it clarifies the comparison.

Design rules:
- Keep the background warm off-white; use muted gray for the old state and deep navy or blue for the improved state.
- Use a 44–56px serif headline, 56–76px serif numerals, and 12–14px sans-serif explanation.
- Align both columns to a shared baseline and leave generous whitespace around the figures.
- Use thin rules around `#999d98`, avoid loud badges, and reserve accent colour for the verified outcome.
- Ensure the comparison is accessible in reading order on mobile: context, old state, new state, explanation.

Never:
- Never use logos, product names, copy, illustrations, or imagery from the reference.
- Never claim an unsupported number or copy the exact time values.
- Never use deceptive strike-through styling that hides important context.