AllTrails Plan Selection Interaction

The interaction begins on a subscription paywall where users can choose between two tiers: Peak and Plus. Tapping a tier smoothly expands that card while collapsing the other, altering border weights and background fills. Simultaneously, the comparison table below shifts its column highlight pill horizontally to match the selected tier, updating the checkmarks. Scrolling down reveals a long comparison list with a sticky footer button. Finally, tapping the close button dismisses the entire paywall screen with a slide-down animation, revealing the main map interface.