Multi-select cards for onboarding, interests and add-ons: each card is a native checkbox with an icon, title and description, an animated check badge pops in, the border and tint switch on, and the card lifts. A header shows "N selected" with a Select all / Clear link (small script). Selection state is pure CSS from :has(:checked). Choice component props: name, value, title, text, icon (design|code|brand|motion|seo|copy), checked. Options (data attributes on the section): data-theme (light|dark) surface; data-cols (2|3) cards per row on wide screens; data-style (outline|filled|glow) selected look; data-count (true|false) show the "N selected" line and the Select all link; data-anim (rise|fade|none) entrance. Fieldset + legend, real checkboxes, focus ring, reduced-motion safe.