function FAQ({ onInquire, full = false }) {
  const allFaqs = [
    {
      q: "What's the difference between Pulse, Bundle, and Extended?",
      a: "R003 Pulse ($1,500) identifies Top 20 importers with methodology disclosure, IMMEX status, and forward commentary. R003 Bundle ($2,200) expands to Top 50 with cluster analysis, customs office matrices, country-of-origin breakdowns, monthly evolution profiles. R003 Extended ($2,800) includes Bundle features plus deeper monthly trajectories, expanded forward commentary, and a 30-minute Q&A session post-delivery.",
    },
    {
      q: "Can I see a sample before buying?",
      a: "Yes. Our free LM3 Public Snapshot (18 pages, downloadable at vstrade.co) demonstrates our methodology applied to the AI server segment with anonymized findings. It includes 6 headline findings, 2 data tables, methodology section, and forward-looking analytical approach. Paid reports add named-entity identification plus operational profiles.",
    },
    {
      q: "What's your refund policy?",
      a: "We commit to specific delivery timelines (Pulse 5 BD, Bundle 5 BD, Extended 10 BD). If we cannot meet SLA, we notify within 24 hours with revised timeline. You can choose: (a) accept revised timeline, (b) request full refund within 7 business days, or (c) accept partial deliverable if >50% complete with 50% refund. SLAs subject to standard force majeure exceptions.",
    },
    {
      q: "How recent is the data?",
      a: "R003 reports cover January 2024 through April 2026 at launch. Mexican customs data has natural publication lag of 4-8 weeks. We refresh underlying datasets monthly. Reports purchased within 30 days of publication reflect most recent data; later purchases receive version published closest to purchase date. Retainer tiers include quarterly refreshes.",
    },
    {
      q: "Do you offer retainer or ongoing engagement?",
      a: "Yes. Three retainer tiers: Basic ($3,000/month, 4 analyst-hours + quarterly update + 48h priority), Standard ($5,000/month, 8 hours + 2 calls + dedicated analyst + 24h priority), Premium ($8,000/month, 16 hours + weekly calls + unlimited queries + 12h priority). All retainers have a 6-month minimum commitment, then continue month-to-month with 30-day notice. 10% discount available on 12-month upfront commitments. All include priority on R001-R005 deliverables.",
    },
    {
      q: "Do you offer custom coverage periods?",
      a: "Yes, under R004 Custom Coverage (waitlist, formal launch with quote-based pricing). Standard R003 reports cover January 2024 through Q1 2026. Custom periods (specific 12-month windows, multi-year deep dives, recent quarterly snapshots) are quoted based on scope. Typical pricing ranges $5,000-$15,000 depending on requirements. Inquiries: hello@vstrade.co",
      fullOnly: true,
    },
    {
      q: "Is the data raw or pre-aggregated?",
      a: "Our reports deliver analytical insights, not raw data files. We process records from licensed third-party trade data providers and apply proprietary methodology (canonical name consolidation, operator classification, cluster analysis) to produce entity-level intelligence. Clients receive PDF reports with tables, charts, and narrative analysis. We do not sell or license raw customs data.",
      fullOnly: true,
    },
    {
      q: "Can I share the report with my team?",
      a: "R003 reports are licensed for use by the purchasing entity, including employees and contractors working on the engagement. Permitted: internal sharing, use in client presentations under your firm's brand (with citation), retention for internal reference. Not permitted: redistribution to non-employees, resale, sublicensing, publication of substantive content externally, systematic extraction.",
      fullOnly: true,
    },
    {
      q: "Why $2,800 for Extended vs cheaper alternatives?",
      a: "Established trade intelligence platforms charge $5,000-$50,000+ annually for subscription access to comparable Mexican data. Our single-report pricing reflects depth of analysis (entity-level operator classification, cluster identification, methodology transparency) without subscription commitment. Building this analysis in-house: senior analyst at $150-$300/hour requires 40-80 hours to replicate Extended report quality.",
      fullOnly: true,
    },
    {
      q: "What if I need more than one sector deep dive?",
      a: "R003 covers AI server hardware and compute parts. Our roadmap includes R001 Mexico Total Trade Atlas (July 2026, cross-sector overview), R002 Sector Vertical Reports (industry-specific deep dives), and R005 Multi-Sector Bundles (Q3-Q4 2026, 5-7 sectors with synthesis). Early-access pricing available for committed engagements before formal launch.",
      fullOnly: true,
    },
    {
      q: "Can I customize delivery beyond standard packages?",
      a: "Yes. Available add-ons: Rush delivery (-50% time, +30%), Multi-user license (5+ team, +25%), Quarterly refresh (+$500), Spanish translation (+$300), Q&A session expansion (30→60 min, +$500), Custom HS-code splits (+$800/code), White-label branded delivery (from $2,000). Volume discounts: -10% at $10K+, -15% at $25K+, -20% at $50K+. Annual R003 subscription (4 quarterly): $7,500/yr.",
      fullOnly: true,
    },
  ];

  const faqs = full ? allFaqs : allFaqs.filter(f => !f.fullOnly);

  return (
    <section id="faq" style={{ background: PALETTE.paper, borderBottom: `1px solid ${PALETTE.rule}` }}>
      <div style={{ maxWidth: 1000, margin: "0 auto", padding: "96px 32px" }} className="vst-section">
        <div style={{ maxWidth: 760, marginBottom: 48 }}>
          <Eyebrow style={{ marginBottom: 14 }}>
            {full ? "Frequently Asked Questions" : "Common Questions"}
          </Eyebrow>
          <h2 className="vst-h2" style={{
            fontFamily: "'Source Serif 4', serif", fontSize: 40, fontWeight: 600,
            lineHeight: 1.14, letterSpacing: "-.018em", color: PALETTE.navy, margin: 0,
          }}>
            {full ? "Everything you need to know before engagement." : "Quick reference on pricing & terms."}
          </h2>
          {!full && (
            <p style={{
              fontFamily: "Inter, sans-serif", fontSize: 16, lineHeight: 1.55,
              color: PALETTE.mute1, marginTop: 14, marginBottom: 0,
            }}>
              Top 5 questions. <a href="#faq" style={{ color: PALETTE.blue, textDecoration: "underline" }}>See full FAQ →</a>
            </p>
          )}
        </div>

        <div style={{ display: "grid", gap: 0, border: `1px solid ${PALETTE.rule}`, background: PALETTE.white }}>
          {faqs.map((faq, i) => (
            <details key={i} style={{
              borderBottom: i < faqs.length - 1 ? `1px solid ${PALETTE.rule}` : "none",
              padding: 0,
            }}>
              <summary style={{
                cursor: "pointer",
                padding: "20px 24px",
                fontFamily: "Inter, sans-serif", fontSize: 15.5, fontWeight: 600,
                color: PALETTE.navy, listStyle: "none",
                display: "flex", justifyContent: "space-between", alignItems: "center",
                gap: 16,
              }}>
                <span>{faq.q}</span>
                <span style={{ color: PALETTE.mute2, fontWeight: 400 }}>+</span>
              </summary>
              <div style={{
                padding: "0 24px 22px",
                fontFamily: "Inter, sans-serif", fontSize: 14, lineHeight: 1.6,
                color: PALETTE.mute1,
              }}>{faq.a}</div>
            </details>
          ))}
        </div>

        {!full && (
          <div style={{ marginTop: 24, textAlign: "center" }}>
            <a href="#faq" style={{
              fontFamily: "Inter, sans-serif", fontSize: 14, fontWeight: 600,
              color: PALETTE.blue, textDecoration: "none",
            }}>
              See full FAQ (10 questions) <span className="vst-link-arrow">→</span>
            </a>
          </div>
        )}
      </div>
    </section>
  );
}

window.FAQ = FAQ;