Three-Tier SaaS Pricing Page

Build a SaaS pricing page with the following sections:

1. **Header section** — Centered page title "Simple, transparent pricing." and a subtitle "Pay only for what you need. Cancel anytime." Below the subtitle, a monthly/annual billing toggle (pill-style toggle). When "Annual" is selected, show a green badge "Save 20%".

2. **Pricing cards** — Three cards in a row, horizontally centered:
   - **Starter** ($19/mo or $15/mo billed annually): For individuals and small teams. 5 seats, 10 GB storage, email support. CTA: "Start free trial".
   - **Pro** ($49/mo or $39/mo billed annually): Most popular — visually highlighted with a blue border and "Most popular" badge above the card. Unlimited seats, 100 GB storage, priority support, API access, custom domains. CTA: "Start free trial".
   - **Enterprise** (Custom pricing): For large organizations. Everything in Pro, plus SSO/SAML, audit logs, dedicated CSM, SLA, and on-premise option. CTA: "Talk to sales".

3. **Feature comparison table** — Full-width table below the cards. Rows list features, columns are the three plans. Use checkmarks (✓), dashes (—), and occasional text values. Include a sticky first column (feature name) and alternate row background for readability.

4. **FAQ accordion** — 5 common billing questions with expand/collapse behavior. Questions: "Can I change plans later?", "What payment methods do you accept?", "Is there a free trial?", "What happens when I exceed my usage limits?", "Do you offer discounts for nonprofits or students?"

5. **Bottom CTA band** — "Still not sure? Talk to a human." with a "Book a demo" button and a "View documentation →" text link.

Keep the design clean: white background, zinc-100 for alternating table rows, blue accent for the highlighted plan, generous vertical spacing.

[PAGE HEADER — centered]
  Simple, transparent pricing.
  "Pay only for what you need. Cancel anytime."

  [Monthly]  ●──────  [Annual]   💚 Save 20%

[PRICING CARDS — 3 cols, centered]
                    ★ Most popular ★
  ┌──────────────┐  ┌──────────────────┐  ┌──────────────┐
  │ Starter      │  │ Pro               │  │ Enterprise   │
  │              │  │ (blue border)     │  │              │
  │ $19 /mo      │  │ $49 /mo           │  │ Custom       │
  │ ($15 annual) │  │ ($39 annual)      │  │              │
  │──────────────│  │──────────────────│  │──────────────│
  │ 5 seats      │  │ Unlimited seats   │  │ Everything   │
  │ 10 GB        │  │ 100 GB storage    │  │ in Pro +     │
  │ Email support│  │ Priority support  │  │ SSO / SAML   │
  │              │  │ API access        │  │ Audit logs   │
  │              │  │ Custom domains    │  │ Dedicated CSM│
  │              │  │                   │  │ SLA & uptime │
  │[Start trial] │  │[Start free trial] │  │[Talk to sales│
  └──────────────┘  └──────────────────┘  └──────────────┘

[COMPARISON TABLE]
  Feature                      Starter    Pro        Enterprise
  ─────────────────────────────────────────────────────────────
  Seats                        5          Unlimited  Unlimited
  Storage                      10 GB      100 GB     1 TB
  Email support                ✓          ✓          ✓
  Priority support             —          ✓          ✓
  API access                   —          ✓          ✓
  Custom domains               —          ✓          ✓
  SSO / SAML                   —          —          ✓
  Audit logs                   —          —          ✓
  Dedicated CSM                —          —          ✓
  SLA guarantee                —          —          ✓

[FAQ — accordion]
  ▶ Can I change plans later?
  ▶ What payment methods do you accept?
  ▶ Is there a free trial?
  ▶ What happens when I exceed my usage limits?
  ▶ Do you offer discounts for nonprofits or students?

[BOTTOM CTA BAND]
  Still not sure? Talk to a human.
  [Book a demo]   View documentation →