## 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/nani/f548445b-7dd2-48a7-847f-0684381711f2-1792217070-4.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/nani/f548445b-7dd2-48a7-847f-0684381711f2-1792217012251-full.webp
- Component on Kage: https://kage.design/component/nani-feature-grid-3

## Before you start
Ask what the user's product handles locally versus in the cloud, and what trust concerns matter to its users. Ask for the brand palette before implementation.

Create a full-width dark navy trust section with a two-column layout. On the left, use a small eyebrow, a large white rounded display heading, body copy, compact metadata pills, and a linked privacy statement. On the right, show an original outlined system diagram: a large rounded panel describing what stays on-device, with smaller connected cards beneath describing cloud-assisted processes. Use deep navy #17192f as the background, white and pale lavender text, electric blue and violet outlines, and small green/yellow status accents. Use 1px translucent borders, 16–20px radii, restrained glow, and clear hierarchy. Keep diagram labels short and readable; on mobile, stack the copy above the diagram. Add no distracting animation beyond subtle hover or connection emphasis.

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