FAQ Section with Tiers

This component displays a frequently asked questions section with questions and answers grouped into tiers or columns for a responsive layout. It contains a heading, intro text, and FAQ items structured using HTML description lists (dl, dt, dd). The questions and answers are stacked vertically on small screens then convert to a multi-column layout on larger screens using Tailwind's grid and gap utilities.