function FAQ() {
  const items = [
    { q: "How long do results take?",
      a: "Most reports are returned 5–7 business days after the lab receives your sample. You'll get an email when analysis begins and again when your report is ready." },
    { q: "Is the laboratory accredited?",
      a: "Yes. All analysis is performed by AIH Laboratory, an accredited third-party environmental testing facility, using documented EPA-aligned methodologies." },
    { q: "Is this safe to collect myself?",
      a: "Each kit ships with detailed safety instructions, gloves, sealed sample bags, and only requires a small amount of material. We do not recommend collecting from heavily disturbed or friable surfaces — when in doubt, contact a licensed inspector." },
    { q: "Can I use this for regulatory purposes?",
      a: "Haven reports are suitable for personal awareness, renovation planning, and disclosure conversations. They are not a substitute for regulatory clearance or licensed environmental inspection." },
    { q: "What if I need remediation?",
      a: "If your report indicates a hazard, we include guidance on next steps and can refer you to vetted local remediation professionals through our partner network." },
    { q: "How is my data handled?",
      a: "Your reports live in a private dashboard accessible only to you. We never sell, share, or aggregate your personal results." },
  ];
  const [open, setOpen] = React.useState(0);

  return (
    <section id="faq" className="faq">
      <div className="container">
        <div className="section-head">
          <div className="eyebrow"><span className="dot"></span>FAQ</div>
          <h2>Questions, answered.</h2>
        </div>
        <ul className="faq-list">
          {items.map((it, i) => {
            const isOpen = open === i;
            return (
              <li key={i} className={"faq-item " + (isOpen ? "is-open" : "")}>
                <button
                  className="faq-q"
                  aria-expanded={isOpen}
                  onClick={() => setOpen(isOpen ? -1 : i)}
                >
                  <span className="faq-q-num tnum">{String(i + 1).padStart(2, "0")}</span>
                  <span className="faq-q-text">{it.q}</span>
                  <span className="faq-q-icon">
                    {isOpen ? <IconMinus size={18}/> : <IconPlus size={18}/>}
                  </span>
                </button>
                <div className="faq-a-wrap">
                  <p className="faq-a">{it.a}</p>
                </div>
              </li>
            );
          })}
        </ul>
      </div>
    </section>
  );
}

window.FAQ = FAQ;