## 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/pixverse-r2/7176eddd-e6f3-4887-9746-7bf2cc36c14b-1790402470-3.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/pixverse-r2/7176eddd-e6f3-4887-9746-7bf2cc36c14b-1790402442610-full.webp
- Component on Kage: https://kage.design/component/pixverse-r2-feature-grid

## Before you start
Ask what the user's product, content categories, and brand are, then build an original experience selector around those answers.

Create an interactive feature section on a deep navy-to-black background. Start with a centered section heading around 26–32px and a short muted subtitle. Below, use a responsive two-column composition: a vertical list of 2–4 experience labels and descriptions on the left, and a large rounded media panel or stacked card presentation on the right. The active item should be clearly distinguished with brighter type, a subtle accent line/glow, or a raised surface; inactive items remain readable but subdued. Keep media panels around 16–24px radius with overflow hidden, a dark gradient overlay, and compact labels anchored near the bottom. Desktop proportions can be about 30–35% text and 65–70% media; stack these areas on mobile. Use #080815, #101126, and a restrained violet/blue ambient glow (#21163b), with #f2f1f5 headings and #9794a4 supporting text. Maintain 24–40px section padding and 28–48px internal gaps. Support hover, click, keyboard selection, and a visible focus ring; animate panel changes subtly and disable motion when requested.

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