Mobile

• px-4

Colors

• Primary: #4F46E5 (indigo-600)
• Primary hover: #4338CA (indigo-700)
• Secondary: #EC4899 (pink-500)
• Secondary hover: #DB2777 (pink-600)
• Background: #F9FAFB (gray-50)
• Text primary: #111827 (gray-900)
• Text secondary: #6B7280 (gray-500)
• Border: #E5E7EB (gray-200)

Typography

• Font family: 'Inter', sans-serif
• Hero title: h1: 36px bold
• Section title: h2: 30px bold
• Sub-section title: h3: 24px bold
• Body text: 18px regular
• Small text: 14px regular

Hero

• Hero title: 32px bold
• Hero body: 18px regular/bold
• Hero button: 18px bold

Section

• Section title: 24px bold
• Section body: 18px regular/bold
• Section small: 14px regular
• Section padding: 64px top/bottom, 0 left/right