## 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/naise-ai/7a5a1374-ad41-4c97-8974-81f691da0cb9-1790229779-8.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/naise-ai/7a5a1374-ad41-4c97-8974-81f691da0cb9-1790229706709-full.webp
- Component on Kage: https://kage.design/component/naise-table

## Before you start
Ask what the user's product and brand are, then apply these principles to that product rather than reproducing this reference.

Build a comparison section with a centered eyebrow, outcome-led heading, and explanatory subtitle. Use a responsive comparison table with a left feature-name column, two muted alternative columns, and one strongly highlighted product column. Give the highlighted header a dark navy fill #10242d with light text, the product body a very pale lime #f4ffd0, and use green checkmarks for advantages. Use white table surfaces, 14–18px row spacing, subtle dividers #e9edeb, 18px outer radius, and a centered dark pill CTA beneath. On mobile, allow horizontal scrolling while keeping the first column sticky. Maintain clear row labels and adequate contrast.

Never: use logos, product names, copy, illustrations, or imagery from the reference.