function FAQ() {
  const items = [
    { q: 'How is this different from LinkedIn Sales Navigator?',
      a: 'AiDA uses Sales Nav data as a foundation but adds signal monitoring, AI scoring, automated personalized outreach, and an intelligent sending engine that protects your account. Sales Nav is a search tool. AiDA is the whole SDR layer on top.' },
    { q: 'Will this get my LinkedIn account restricted?',
      a: 'AiDA enforces strict daily and weekly limits, human-like sending patterns with randomized delays and business-hours-only sending, and a gradual ramp-up for new accounts. It is designed from the ground up to stay within LinkedIn\'s guidelines.' },
    { q: 'How does signal-based outreach actually work?',
      a: 'Instead of blasting a static list, AiDA continuously monitors real-time events, funding rounds, job changes, content engagement, hiring posts, tech adoption, and reaches people during a moment of change, when they are most receptive to a new conversation.' },
    { q: 'Can I customize the messages?',
      a: 'Yes. Every signal type has its own editable opener template with merge fields. You control the conversation plan, can edit messages per signal and per sequence step, and approve everything before it goes live.' },
    { q: 'What if I want to run outreach for my clients?',
      a: 'AiDA supports multi-profile management with white-label client onboarding, per-client LinkedIn seats, and agency branding. Contact us for agency pricing, we have a separate tier for teams running multiple client books.' },
  ];
  const [open, setOpen] = React.useState(0);

  return (
    <section className="section" id="faq">
      <div className="wrap-narrow">
        <div style={{marginBottom: 48}}>
          <div className="eyebrow eyebrow-indigo">Questions</div>
          <h2 style={{marginTop:14}}>Frequently asked.</h2>
        </div>
        <div className="faq-list">
          {items.map((it, i) => (
            <div key={i} className={`faq-item ${open === i ? 'open' : ''}`}>
              <button className="faq-q" onClick={() => setOpen(open === i ? -1 : i)}>
                <span>{it.q}</span>
                <span className="plus">+</span>
              </button>
              <div className="faq-a">{it.a}</div>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}
window.FAQ = FAQ;