First line: a coloured rounded-square glyph chip — the product launcher mark and project/category tile icon.

```jsx
<ProductChip product="chat" />     {/* indigo · Msg */}
<ProductChip product="pilot" />    {/* terracotta · Rocket */}
<ProductChip product="team" />     {/* green · Users */}
<ProductChip color="var(--accent-pilot)" icon="Sparkle" size={40} />
```

Notes
- The three `product` presets are fixed brand colours — use them for anything representing Чат / Пилот / Команда.
- For project tiles and library categories, pass your own `color` + `icon`.
- Larger chips (40–52px) suit hero/empty states; 22–30px for nav and rows.