Joi Pricing Plan Accordion Scale Interaction

On the pricing screen of the Joi app, tapping a subscription tier (Monthly, Annual, or Lifetime) triggers a smooth accordion-style transition. The selected tier expands vertically to reveal additional description text and a highlighted border, while the previously selected tier collapses back to its compact state. The surrounding elements shift dynamically to accommodate the height changes, utilizing a responsive spring-like easing. Subtitles and promotional badges fade in and out in tandem with the container's scale adjustment, creating a highly polished and tactile selection experience.