/* The pricing grid defaults to 2 columns (Webflow's .w-layout-grid default),
   which was fine for the original 2-card layout (Full Website + Retainer)
   but wraps awkwardly now that there are 3 cards. Scoped to the desktop
   breakpoint only, above where Webflow's own mobile override already
   collapses the grid to a single column (max-width:991px) — this must not
   fight that rule. */
@media screen and (min-width: 992px) {
  .pricing_grid-list {
    grid-template-columns: 1fr 1fr 1fr;
  }

  /* The 3-column layout leaves narrower cards than this button's text was
     sized for ("Calculate your budget" clips at the original 16px). The
     text uses white-space:nowrap for Webflow's character-stagger animation,
     so it must shrink to fit rather than wrap. */
  .pricing_plan .btn-animate-chars__text {
    font-size: 0.8rem;
  }
}