// Eudai · FAQSection — accordion + FAQPage schema, tuned for AI/answer-engine search
function FAQSection() {
  const faqs = [
    {
      q: 'What does Eudai do?',
      a: "Eudai is a strategy and growth studio for founders, CMOs, and investors in cyber, AI, security, infrastructure, and resilience. We work across six disciplines — positioning and category narrative, website and brand, sales enablement, demand systems, events and field marketing, and fractional CMO leadership — engaged as a single sprint or as a full embedded go-to-market team.",
    },
    {
      q: 'What is a fractional CMO, and how does the engagement work?',
      a: "A fractional CMO is a senior marketing leader embedded in your leadership team part-time — typically two to four days a week for six to eighteen months. We run the function, hire and lead the team, and hand off cleanly when your in-house leadership is ready.",
    },
    {
      q: 'Who does Eudai work with?',
      a: "Technical founders entering an unnamed category, marketing leaders who need senior firepower without four new hires, PE and VC firms and boards backing a security platform between rounds, and security and risk operators who became the de facto marketing function. Our center of gravity is a hard-to-explain product in security, risk, or resilience — though the same playbook travels to adjacent B2B categories.",
    },
    {
      q: 'Which industries and categories does Eudai specialize in?',
      a: "Cybersecurity, AI security, infrastructure, risk management, and operational resilience. We focus on technical categories where the buyer is a CISO, GRC lead, or security practitioner — audiences that screen vendor pitches in their sleep.",
    },
    {
      q: 'Do you only work with security and risk companies?',
      a: "No. Security, risk, and resilience — plus the investors backing them — are where we go deepest, and where the track record lives. We also take on B2B companies in adjacent categories when the same work applies: reading a market, naming a category, and building the go-to-market to win it.",
    },
    {
      q: 'Who leads Eudai?',
      a: "Eudai is led by Paula Fontana, a three-time CMO, advisor, and board director in security and resilience. She has been featured in The Wall Street Journal, is an Elite 18 CMO and Fearless 50 honoree, and is Gartner-published.",
    },
    {
      q: 'Can we engage one service, or do we have to take all of them?',
      a: "Either. Pick a single discipline as a focused sprint — a positioning workshop, a website, a sales deck — or engage all six as your fractional go-to-market team. Most partnerships start narrow and expand.",
    },
    {
      q: 'Where is Eudai based, and how do we start?',
      a: "Eudai is based in Chicago and works remote-first with clients anywhere. We take on four to six engagements per quarter. Tell us what you're building and a senior partner — not a sales rep — replies within two business days.",
    },
  ];

  const [open, setOpen] = React.useState(0);

  return (
    <section className="eu-faq" id="faq">
      <div className="eu-section-head">
        <span className="eu-eyebrow eu-eyebrow-accent">Questions</span>
        <h2 className="eu-h2">The short answers.</h2>
        <p className="eu-section-sub">What founders, CMOs, and boards ask before the first call.</p>
      </div>

      <div className="eu-faq-list">
        {faqs.map((f, i) => (
          <div className={`eu-faq-item ${open === i ? 'is-open' : ''}`} key={f.q}>
            <button
              className="eu-faq-q"
              aria-expanded={open === i}
              onClick={() => setOpen(open === i ? -1 : i)}>
              <span>{f.q}</span>
              <span className="eu-faq-icon" aria-hidden="true"><i /><i /></span>
            </button>
            <div className="eu-faq-a" role="region">
              <p>{f.a}</p>
            </div>
          </div>
        ))}
      </div>
    </section>
  );
}

window.FAQSection = FAQSection;