function BOffer() {
  return (
    <section className="b-beat" id="b-offer">
      <h2>Drei Wege. <em>Ein Ziel.</em> Echte Entscheider-Gespräche</h2>
      <p className="b-offer-lead">Die meisten starten mit dem Pilot. Ein Test, kein Vertrag. Skalieren kannst du danach.</p>

      {/* Package 1 — Pilot (empfohlener Einstieg, Hero) */}
      <article className="b-package b-package--featured">
        <span className="b-package-badge">Empfohlener Einstieg</span>
        <h3>Pilot</h3>
        <p className="b-package-sub">Wir testen die Zusammenarbeit.</p>
        <p className="b-package-lead">Du bekommst eine fertige Kampagne, keinen Werbeplatz: Strategie, Content in meiner Stimme, Distribution und Report. Auf dem Kanal, der zu deinem Ziel passt.</p>
        <p className="b-package-price">ab 2.500 €</p>
        <p className="b-package-price-sub">1 Kampagne · einmalig</p>
        <ul className="b-package-features">
          <li>Format-Optionen: Awareness · Lead-Gen · Thought-Leadership</li>
          <li>Kanal-Wahl: Newsletter · LinkedIn · Podcast · YouTube</li>
          <li>Performance-Report nach der Kampagne</li>
          <li>Content und Produktion übernehme ich. Du gibst das Briefing.</li>
        </ul>
        <p className="b-package-proof">Genau dieses Format brachte Cognizant Mobility 60 neue Kontakte zu echten Automotive-Entscheidern.</p>
        <a href="#b-ask" className="b-cta-link b-cta-link--pilot">Pilot anfragen →</a>
      </article>

      {/* Sekundärer Ausbau-Pfad */}
      <p className="b-offer-subhead b-upgrade-label">Wenn der Pilot sitzt, skalierst du</p>
      <div className="b-package-grid">
        {/* Package 2 — Story (10k, vor Partnership für aufsteigende Preise) */}
        <article className="b-package b-package--compact">
          <h3>Thought-Leadership-Story</h3>
          <p className="b-package-sub">Premium-Format · Standalone oder integriert</p>
          <p className="b-package-lead">Du lieferst die Substanz. Ich liefere Angle, Produktion und Distribution.</p>
          <p className="b-package-price">ab 10.000 €</p>
          <p className="b-package-price-sub">Standalone · in Partnership integrierbar</p>
          <ul className="b-package-features">
            <li>Podcast-Episode (volle Länge) + YouTube-Video + Short</li>
            <li>Dedizierter Newsletter (DE + EN + CN via WeChat)</li>
            <li>Distribution + Focus Online (50k-300k) inklusive</li>
          </ul>
        </article>

        {/* Package 3 — Partnership (größtes Commitment, ans Ende) */}
        <article className="b-package b-package--compact">
          <h3>Partnership</h3>
          <p className="b-package-sub">3 oder 6 Monate · max. 3 Partner gleichzeitig</p>
          <p className="b-package-lead">Top-of-Mind sein, wenn deine Entscheider entscheiden.</p>
          <p className="b-package-price">ab 16.000 €</p>
          <p className="b-package-price-sub">3 Monate · 6 Monate ab 28.000 €</p>
          <ul className="b-package-features">
            <li>Wettbewerbsschutz: Du nennst mir 3 Wettbewerber</li>
            <li>Monatlicher Mix: Awareness, Lead-Gen, optionale Story-Anchors</li>
            <li>Multi-Channel-Standard. Mix pro Kampagne konfigurierbar</li>
          </ul>
        </article>
      </div>

      <h3 className="b-offer-subhead">Bevor du fragst</h3>
      <div className="b-objections">
        <div className="b-objection">
          <h4>Was, wenn die Kampagne nicht performt?</h4>
          <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. Performance-Garantie nur auf Newsletter-Pilot, weil dort die Mechanik einfach messbar ist.</p>
        </div>
        <div className="b-objection">
          <h4>Was unterscheidet das von einem Fachmedium-Sponsoring?</h4>
          <p>Weil das ein anderes Produkt ist. Beim Fachmedium kaufst du Werbefläche und finanzierst den Overhead einer großen Redaktion mit. Bei mir nicht. Du zahlst für genau das, was du bekommst: Strategie, Content in meiner Stimme und mein Vertrauen bei einer Audience, die klassische Werbung wegklickt. Premium, aber fair. Du bist die einzige Sponsoring-Position der Ausgabe, nicht eine von sechs.</p>
        </div>
      </div>

      <h3 className="b-offer-subhead">So arbeiten wir zusammen</h3>
      <ol className="b-process-steps">
        <li><strong>Du fragst an</strong><br />Über das Formular oder per Mail. Innerhalb 48 Stunden bekommst du eine ehrliche Fit-Einschätzung.</li>
        <li><strong>Wir sprechen 30 Minuten</strong><br />Ich verstehe dein Ziel und deine Zielgruppe.</li>
        <li><strong>Ich mache dir ein Angebot</strong><br />Mit Paket, Kanal-Mix und Timeline.</li>
        <li><strong>Wir bauen die Story</strong><br />Briefing, Konzept, finaler Take. Zwei Revisions-Schleifen sind drin.</li>
        <li><strong>Ich bringe sie raus</strong><br />Über die Kanäle, die für dein Ziel passen.</li>
        <li><strong>Du bekommst einen Performance-Report</strong><br />Mit Zahlen und Empfehlung für den nächsten Schritt.</li>
        <li className="b-process-capstone"><strong>Aus dem Pilot wird die Partnerschaft</strong><br />Läuft es, machen wir langfristig weiter. Mit festem Platz und Wettbewerbsschutz.</li>
      </ol>

      <h3 className="b-offer-subhead">Passen wir zusammen?</h3>
      <div className="b-fit-block">
        <div className="b-fit-yes">
          <p className="b-fit-label">Du bist mein idealer Partner, wenn…</p>
          <ul>
            <li>Du willst Automotive-Entscheider erreichen. Ob du an sie verkaufst, sie zu deinem Event bringst oder deine Marke bei ihnen aufbaust.</li>
            <li>Dein Angebot ist erklärungsbedürftig und braucht Kontext.</li>
            <li>Du willst echte Entscheider erreichen, nicht Klick-Volumen.</li>
            <li>Du willst eine Story, die ankommt.</li>
          </ul>
        </div>
        <div className="b-fit-no">
          <p className="b-fit-label">Du bist hier falsch, wenn…</p>
          <ul>
            <li>Deine Zielgruppe ist nicht Automotive. Wir verschwenden beide Zeit.</li>
            <li>Du suchst billige Reichweite. Klick-Preise kann ich nicht.</li>
            <li>Du willst sofort Abschlüsse.</li>
            <li>Du willst keine ehrliche Einschätzung, ob es passt.</li>
          </ul>
        </div>
      </div>
    </section>
  );
}
window.BOffer = BOffer;