Below is a **drop-in custom HTML (with CSS + JS)** that recreates your **Membership Levels** comparison table and makes it **mobile friendly** (desktop gets a full comparison table with horizontal scroll and sticky first column, mobile gets a plan picker that turns the table into an easy-to-read benefits list). It keeps your “hover for more detail” behavior by using a tap-friendly tooltip button on mobile (and works on desktop too). The data is based on the same table content you have now (Membership Levels page source).
Copy and paste this whole block where you want the table to show:
```html
```
If you want, I can also match your current table’s exact header sizing, font weight, and spacing so it looks identical to the screenshot on desktop, just tell me what font you want to keep (or if it should inherit your theme font).
