function Faq() {
  const items = [
    {
      q: 'Wie wählst du die Kanäle für meine Kampagne aus?',
      a: <>
        <p>Nach deinem Ziel.</p>
        <ul>
          <li><strong>Newsletter</strong> wirkt am stärksten für Lead-Gen, Anmeldungen und Tracking-basierte Conversions.</li>
          <li><strong>Podcast und YouTube</strong> bauen Vertrauen über Zeit.</li>
          <li><strong>LinkedIn</strong> liefert die schnellste Awareness-Welle.</li>
        </ul>
        <p>Im Call empfehle ich die Kombination, die zu deinem Ziel passt. In einer Partnership konfigurieren wir den Multi-Channel-Mix gemeinsam.</p>
      </>,
    },
    {
      q: 'Wie misst du Erfolg?',
      a: <>
        <p>Hängt von deinem Format ab. Für Pilots ist das ein Report nach der Kampagne, für Partnerschaften kommen monatliche Reviews dazu.</p>
        <ul>
          <li><strong>Awareness:</strong> Reichweite, Impressions, Engagement, qualitatives Feedback</li>
          <li><strong>Lead-Gen:</strong> Klicks, Anmeldungen, generierte Leads, Conversions über deinen Tracking-Code</li>
          <li><strong>Thought-Leadership:</strong> Distribution-Reichweite, Story-Performance-Report 2 Wochen nach Launch</li>
          <li><strong>Partnership:</strong> Plus monatliche Reviews mit kumulierten Metriken, qualifizierte Anfragen pro Monat</li>
        </ul>
      </>,
    },
    {
      q: 'Was passiert, wenn die Kampagne nicht performt?',
      a: <>
        <p>Newsletter-Pilot unter 200 Klicks? Wiederhole ich kostenlos. Bei Partnerschaften optimieren wir gemeinsam in den monatlichen Reviews. Bei Story-Standalones im Performance-Report 2 Wochen nach Launch.</p>
        <p>Performance-Garantie nur auf Newsletter-Pilot, weil dort die Mechanik einfach messbar ist.</p>
      </>,
    },
    {
      q: 'Kann ich den Content vorher prüfen und freigeben?',
      a: <p>Ja. Ich liefere einen Entwurf, du gibst Feedback, 2 Revisions-Schleifen sind drin, dann gibst du das finale Go. Ich behalte mir das Recht vor, Content abzulehnen, der nicht zu meiner Brand passt. Das schützt deine Investition und meine Glaubwürdigkeit.</p>,
    },
    {
      q: 'Warum sind nur 3 Partnerschaften gleichzeitig möglich?',
      a: <p>Weil echte Partnerschaft Aufmerksamkeit braucht. Mehr als 3 Partner parallel heißt weniger Tiefe pro Partner. Mache ich nicht. Außerdem bekommst du Wettbewerbsschutz. Du nennst mir 3 Wettbewerber, mit denen ich während deiner Laufzeit nicht arbeite.</p>,
    },
    {
      q: 'Was unterscheidet dich von klassischen Automotive-Medien?',
      a: <p>Klassische Medien verkaufen Reichweite und schalten deinen Content. Ich entwickle die Story mit dir und spiele sie über meine eigene Audience aus. Meine Audience kennt mich seit Jahren. Wenn ich über dich spreche, hört sie zu, weil sie mir vertraut. Das ist keine Anzeige. Du bekommst mein Vertrauen bei meiner Audience.</p>,
    },
    {
      q: 'Funktioniert das auch für kleinere Unternehmen oder Start-ups?',
      a: <p>Ja, wenn dein Angebot zur Branche passt. Der Pilot ab 2.500 € ist genau dafür gedacht. Eine Kampagne, ein Ziel, ein Report. Viele meiner stärksten Cases waren für kleine Anbieter mit echter Innovation.</p>,
    },
    {
      q: 'Wie schnell kann meine Kampagne live gehen?',
      a: <p>Von Anfrage bis Launch typisch 30 Tage. Bei Event- oder Launch-Bezug früh anfragen, dann reservieren wir den Slot. Story-Standalones brauchen 4 bis 6 Wochen Produktion. Partnerships starten zum nächsten Monatsanfang nach Vertragsunterzeichnung.</p>,
    },
    {
      q: 'Arbeitest du mit Wettbewerbern?',
      a: <p>Bei Partnerschaften nicht. Du nennst mir 3 Unternehmen, mit denen ich während deiner Laufzeit nicht arbeite. Bei Pilots entscheide ich case-by-case im Fit-Check.</p>,
    },
    {
      q: 'Was, wenn mein Angebot nicht zur Transformation passt?',
      a: <p>Sage ich dir ehrlich im Fit-Check. Meine Community folgt mir wegen der Themen E-Mobilität, Software, Autonomes Fahren und Digitalisierung. Wenn dein Angebot daneben liegt, wird die Kampagne nicht funktionieren. Schützt deine Investition und meine Glaubwürdigkeit.</p>,
    },
  ];

  return (
    <section style={{ padding: '120px 0', background: 'var(--bg-page)', borderTop: '1px solid var(--border-default)' }}>
      <div className="container-narrow">
        <div style={{ marginBottom: 48 }}>
          <div className="section-eyebrow" style={{ marginBottom: 20 }}>
            <span className="kicker-line"></span>Häufig gestellte Fragen
          </div>
          <h2 className="section-title" style={{ fontSize: 48 }}>
            Alles, was Partner mich <em style={{ color: 'var(--ap-blue)', fontWeight: 500 }}>vor</em> dem Call fragen.
          </h2>
        </div>

        <div>
          {items.map((it, i) => (
            <details key={i} className="faq" open={i === 0}>
              <summary>{it.q}</summary>
              <div>{it.a}</div>
            </details>
          ))}
        </div>
      </div>
    </section>
  );
}
window.Faq = Faq;