## 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/audimate/f5eee044-0aa0-46f8-a989-58039412e614-1792130732-7.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/audimate/f5eee044-0aa0-46f8-a989-58039412e614-1792130546049-full.webp
- Component on Kage: https://kage.design/component/audimate-faq

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

Build a FAQ section on a black background with a large centered heading and a narrow accordion list. Each item should be a charcoal rounded row with a faint border, 16px radius, a concise question on the left, and a chevron on the right. Provide generous vertical gaps between rows, smooth but restrained expand/collapse transitions, and clear keyboard focus styles. Use white headings, light gray question text, muted answer text, and violet as the active accent. Allow only one item to expand at a time unless the product requires otherwise.

Never: use the reference's logo, product name, copy, illustrations, imagery, or exact visual identity.