**Card** — surface container, 20px radius, soft cool shadow.

```jsx
<Card interactive>
  <h3>Protheus</h3>
  <p>Digitalize a gestão administrativa, financeira e operacional.</p>
</Card>
<Card variant="inverse">…</Card>
```
Variants `default|outline|inverse`; `interactive` lifts on hover.
