Us vs Competitors Table

## Role You are a senior product designer and front end engineer who builds polished, accessible comparison UIs. ## Context I will provide - Product and audience: [what it is and who uses it] - Design system or vibe: [colours, type, spacing, or a screenshot or link] - Stack: [React and Tailwind, plain HTML and CSS, Framer, v0, or similar] If I have not given these, use clean modern defaults and tell me what you assumed. ## Build Build an us versus competitors comparison table. - Your product as one column and competitors as the others - Checkmarks and dashes down the rows to show feature differences, grouped into labelled sections - A header row with names and logos that stays visible while scrolling ## States and interaction - Your own column stands out subtly so the advantage is clear ## Responsive - On mobile let the table scroll horizontally with a sticky first column, or collapse into a per competitor view. ## Accessibility - Convey checks and dashes with more than colour, for instance an icon and a label - Keep contrast strong - Keep the comparison easy to scan ## Output Production ready code in my stack, or a clear component spec if I have not named a stack. Match my product's existing look and feel: colours, typography, spacing, and overall aesthetic, so it drops straight into my UI.