function FAQ() {
  const items = [
    { q: "I'm not technical — will this be a headache?", a: "No. Done-for-you means we do the building, the testing, and the rollout. During onboarding you'll spend an hour or two a week answering our questions. After it's live, you use it like email." },
    { q: "How long until I see results?", a: "Onboarding takes about a week. Your first system is usually live within 2–6 weeks. Most clients notice the difference in lead response time and quote turnaround inside the first month." },
    { q: "Will it actually work for my size of business?", a: "We only work with owner-operated sub-contractors — typically 5 to 50 staff. The big enterprise AI platforms are overbuilt and overpriced for a business your size. What we build is the opposite of that." },
    { q: "What about my data — is it safe?", a: "Yes. We only connect to tools you authorise. Your data never trains anyone else's AI, and we're UK GDPR compliant. You own everything we build — including the accounts, the configuration, and the documentation." },
    { q: "What if I don't like what you build?", a: "After onboarding, you see the spec and the scope before any build starts — you can walk away there. If we build something and it doesn't do what we promised, we fix it or you don't pay. The monthly retainer cancels with 30 days' notice." },
    { q: "Do I have to switch any of my existing software?", a: "No. We work with what you've got — Outlook, WhatsApp, Xero, Procore, whatever your team already uses. The whole point is no migration, no rip-and-replace." },
    { q: "Who actually owns the systems you build?", a: "You do. We hand over documentation, accounts, and access at the end of the build. If you stop the retainer, the systems still run — you just lose ongoing improvements and our support." },
    { q: "How do we get started?", a: "Book a 30-minute discovery call. We'll look at how you win work today and tell you honestly where AI would help and where it wouldn't. No pitch deck." },
  ];
  const [open, setOpen] = React.useState(0);
  return (
    <section className="nx-faq" id="faq">
      <div className="nx-faq__inner">
        <div className="nx-eyebrow">Questions</div>
        <h2 className="nx-faq__title">Things sub-contractors usually ask first.</h2>
        <div className="nx-faq__list">
          {items.map((it, i) => (
            <div key={i} className={"nx-faq__item" + (open === i ? " nx-faq__item--open" : "")}>
              <button className="nx-faq__q" onClick={() => setOpen(open === i ? -1 : i)}>
                <span>{it.q}</span>
                <i data-lucide={open === i ? "minus" : "plus"} strokeWidth="1.75"></i>
              </button>
              {open === i && <div className="nx-faq__a">{it.a}</div>}
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}
window.FAQ = FAQ;