What Package Fits You

Build a high-performance, agency-grade Pricing section called "What Package Fits You" in React 19, TypeScript, and Tailwind CSS with Framer Motion.

## 1. Overview & Visual Objective
Build a single standalone HTML file (component2.html) for a pricing-packages section. Use one <style> block and one inline <script>. No frameworks. CSS class names must be prefixed with c2- to avoid collisions.

Visual Aesthetics & Mood:
light warm ivory background elegant serif display title italic accents refined serif prices letter-spaced uppercase eyebrow label centered narrow column soft fade-up entrance animations understated luxurious editorial quiet sophisticated calm minimal graceful classic

## 2. Technical Stack & Dependencies
- Framework: React 19 + TypeScript + Vite
- Styling: Tailwind CSS v4 + Lucide React icons
- Animation Engine: Framer Motion (layout animations, spring physics, scroll-linked parallax)