const QA = [
  {
    q: "Is this AI theory, or something I can actually run?",
    a: "Something you run. Every workflow shows the real tool output, lists the real steps, and ends in a ~15-minute Try-it on non-confidential sample data. If you can’t run it, it doesn’t ship.",
    open: true,
  },
  {
    q: "How is this different from a course?",
    a: "A course teaches concepts; this is a field guide of tested recipes you apply to your real job this week. It refreshes annually because AI moves fast — stale advice is worthless.",
  },
  {
    q: "What does “responsible by design” actually mean?",
    a: "Every recipe includes data-handling rules, human-oversight steps, failure modes, and escalation paths. They’re part of the template — not an appendix, not an afterthought.",
  },
  {
    q: "Can I contribute a workflow after backing?",
    a: "Yes — open contribution opens once the founding library is live. We’re finalizing how contributors get paid (not just a byline) before launch.",
  },
  {
    q: "Why subscribe instead of buy once?",
    a: "Because a static AI book is out of date in months. The subscription is what keeps every workflow current — and it’s what funds the practitioners keeping them that way.",
  },
  {
    q: "Why frame this around the American Dream?",
    a: "Because for most of the people writing and reading this guide, real fluency with these tools isn’t a slogan — it’s a practical ladder. Nobody in this book inherited their edge; they built it, one real skill at a time. We think this is the next one worth building.",
  },
];

export default function FAQ() {
  return (
    <section className="section faq" id="faq">
      <div className="wrap" style={{ maxWidth: "760px" }}>
        <h2 className="reveal">Frequently asked.</h2>
        <div className="qa reveal">
          {QA.map((x, i) => (
            <details key={i} open={x.open || undefined}>
              <summary>
                {x.q}
                <span className="pl" aria-hidden="true">+</span>
              </summary>
              <div className="ans">{x.a}</div>
            </details>
          ))}
        </div>
      </div>
    </section>
  );
}