## 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/s-roll/31ce67c8-e756-4d99-81ee-7a5fcf910ca7-1789711386-5.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/s-roll/31ce67c8-e756-4d99-81ee-7a5fcf910ca7-1789711333877-full.webp
- Component on Kage: https://kage.design/component/s-roll-feature-grid-3

## Before you start
Ask what automated or intelligent capability in the user's product needs visual demonstration. Then adapt this showcase pattern to that capability.

Create a spacious two-column feature section with editorial copy on the left and a wide product demonstration frame on the right. Include a small uppercase eyebrow, a two-line serif heading, and one concise explanatory paragraph. The preview should be a dark browser-like frame with a clear focal area and enough contrast to communicate the behavior. Use 18px rounded corners, #24252a hairline borders, very subtle outer shadow, and a black page background. Keep text width constrained to about 300px, align both columns by their visual center, and stack them on mobile without clipping the preview.

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