Responsive Pricing Table with Tiered Plans

This pricing component uses Tailwind CSS utilities to create a responsive layout with three pricing tiers. On mobile, the tiers stack vertically with full width colored sections. On desktop, it transforms into a four column comparison table. It includes features like: - Mobile first responsive design - Vertical tier sections for mobile - Horizontal comparison table for desktop - Hover effects on CTA buttons - Divider lines between sections - Colored accent section for middle tier - Layout utilities for columns, margins, padding - Typography utilities for headings, pricing, descriptions - Flex utilities for vertical centers and gaps