<!-- =========================
     PAGE DE VENTE — CABINET MENNINGA
     À coller dans un bloc "HTML personnalisé" WordPress
     ========================= -->

<style>
  :root{
    --cm-bg:#ffffff;
    --cm-ink:#141726;
    --cm-muted:#4a4f63;
    --cm-card:#f7f7fb;
    --cm-line:rgba(20,23,38,.10);
    --cm-accent:#ff7a3d;       /* orange doux */
    --cm-accent2:#ffb38f;      /* pêche */
    --cm-shadow:0 10px 26px rgba(20,23,38,.10);
    --cm-radius:18px;
    --cm-max:1100px;
  }

  .cm-wrap{
    background:var(--cm-bg);
    color:var(--cm-ink);
    font-family: system-ui,-apple-system, Segoe UI, Roboto, Arial, sans-serif;
    line-height:1.55;
  }

  .cm-container{max-width:var(--cm-max); margin:0 auto; padding: 0 18px;}
  .cm-hero{
    padding: 44px 0 22px;
    background: radial-gradient(1200px 520px at 15% 0%, rgba(255,122,61,.18), transparent 55%),
                radial-gradient(1200px 520px at 85% 0%, rgba(255,179,143,.22), transparent 55%);
    border-bottom: 1px solid var(--cm-line);
  }

  .cm-grid{
    display:grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 22px;
    align-items:start;
  }

  .cm-badge{
    display:inline-flex; gap:8px; align-items:center;
    padding: 8px 12px;
    border: 1px solid var(--cm-line);
    border-radius: 999px;
    background: rgba(255,122,61,.07);
    font-weight: 650;
    font-size: 13px;
    color: var(--cm-ink);
  }

  .cm-h1{
    font-size: 38px;
    line-height: 1.1;
    letter-spacing: -0.02em;
    margin: 14px 0 12px;
    font-weight: 860;
  }

  .cm-sub{
    font-size: 18px;
    color: var(--cm-muted);
    margin: 0 0 18px;
    font-weight: 520;
  }

  .cm-ctaRow{display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin: 18px 0 12px;}
  .cm-btn{
    display:inline-flex; align-items:center; justify-content:center; gap:10px;
    padding: 12px 16px;
    border-radius: 999px;
    border: 1px solid var(--cm-line);
    text-decoration:none;
    font-weight: 780;
    font-size: 15px;
    color: var(--cm-ink);
    background: #fff;
    box-shadow: 0 6px 14px rgba(20,23,38,.06);
    transition: transform .08s ease, box-shadow .12s ease;
  }
  .cm-btn:hover{transform: translateY(-1px); box-shadow: var(--cm-shadow);}
  .cm-btnPrimary{
    background: linear-gradient(135deg, var(--cm-accent), var(--cm-accent2));
    color:#111;
    border-color: transparent;
  }

  .cm-note{
    font-size: 13px;
    color: var(--cm-muted);
    margin-top: 8px;
  }

  .cm-card{
    background: #fff;
    border: 1px solid var(--cm-line);
    border-radius: var(--cm-radius);
    box-shadow: 0 8px 18px rgba(20,23,38,.06);
    padding: 16px;
  }

  .cm-card h3{
    margin: 0 0 8px;
    font-size: 16px;
    font-weight: 850;
  }
  .cm-card p{margin: 0; color: var(--cm-muted); font-size: 14px; font-weight: 520;}

  .cm-metrics{
    display:grid; grid-template-columns: repeat(3,1fr);
    gap: 10px; margin-top: 12px;
  }
  .cm-metric{
    background: var(--cm-card);
    border: 1px solid var(--cm-line);
    border-radius: 14px;
    padding: 12px;
  }
  .cm-metric b{display:block; font-size: 16px;}
  .cm-metric span{display:block; color: var(--cm-muted); font-size: 12.5px; margin-top: 2px;}

  .cm-section{padding: 34px 0; border-bottom: 1px solid var(--cm-line);}
  .cm-section:last-child{border-bottom:0;}

  .cm-h2{
    font-size: 26px;
    font-weight: 880;
    letter-spacing: -0.01em;
    margin: 0 0 10px;
  }
  .cm-lead{margin: 0 0 16px; color: var(--cm-muted); font-weight: 520;}

  .cm-cols{
    display:grid;
    grid-template-columns: repeat(3,1fr);
    gap: 14px;
  }
  .cm-box{
    background: var(--cm-card);
    border: 1px solid var(--cm-line);
    border-radius: var(--cm-radius);
    padding: 16px;
  }
  .cm-box h4{margin:0 0 8px; font-size: 15px; font-weight: 860;}
  .cm-list{margin:0; padding-left: 18px; color: var(--cm-muted); font-weight: 520;}
  .cm-list li{margin: 6px 0;}

  .cm-split{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    align-items:start;
  }

  .cm-price{
    display:flex;
    flex-direction:column;
    gap: 10px;
  }
  .cm-priceBlock{
    background: #fff;
    border: 1px solid var(--cm-line);
    border-radius: var(--cm-radius);
    padding: 16px;
    box-shadow: 0 10px 22px rgba(20,23,38,.06);
  }
  .cm-priceTop{
    display:flex; justify-content:space-between; align-items:flex-start; gap: 10px;
  }
  .cm-priceTop h3{margin:0; font-size: 16px; font-weight: 900;}
  .cm-tag{
    display:inline-flex;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255,122,61,.12);
    border: 1px solid var(--cm-line);
    font-size: 12.5px;
    font-weight: 800;
  }
  .cm-priceNum{
    font-size: 32px; font-weight: 920; margin: 8px 0 6px;
    letter-spacing: -0.02em;
  }
  .cm-priceSmall{color: var(--cm-muted); font-weight: 560; margin:0 0 8px;}
  .cm-hr{height:1px; background: var(--cm-line); border:0; margin: 12px 0;}
  .cm-faq details{
    background: #fff;
    border: 1px solid var(--cm-line);
    border-radius: 14px;
    padding: 12px 14px;
    margin: 10px 0;
  }
  .cm-faq summary{
    cursor:pointer;
    font-weight: 860;
    list-style:none;
  }
  .cm-faq summary::-webkit-details-marker{display:none;}
  .cm-faq p{margin: 8px 0 0; color: var(--cm-muted); font-weight: 520;}

  .cm-footer{
    padding: 26px 0 44px;
    color: var(--cm-muted);
  }

  /* Responsive */
  @media (max-width: 980px){
    .cm-grid{grid-template-columns: 1fr; }
    .cm-h1{font-size: 34px;}
    .cm-cols{grid-template-columns: 1fr;}
    .cm-split{grid-template-columns: 1fr;}
    .cm-metrics{grid-template-columns: 1fr;}
  }
</style>

<div class="cm-wrap">

  <!-- HERO -->
  <section class="cm-hero">
    <div class="cm-container cm-grid">
      <div>
        <div class="cm-badge">Licence de marque • Méthode clinique • Système d’acquisition</div>
        <h1 class="cm-h1">Devenez partenaire du Cabinet Menninga</h1>
        <p class="cm-sub">
          Intégrez une méthode clinique structurée <b>et</b> un système d’acquisition duplicable,
          tout en restant indépendant(e) — avec un cadre clair, sélectif et professionnel.
        </p>

        <div class="cm-ctaRow">
          <a class="cm-btn cm-btnPrimary" href="#candidater">Candidater</a>
          <a class="cm-btn" href="#programme">Voir le programme</a>
        </div>

        <p class="cm-note">
          Entrée sur candidature • Groupes limités • Objectif : autonomie + intégration solide.
        </p>
      </div>

      <aside class="cm-card">
        <h3>En bref</h3>
        <p>Un partenariat premium pour thérapeutes engagés : transmission clinique + système d’acquisition + réseau.</p>

        <div class="cm-metrics">
          <div class="cm-metric">
            <b>40h</b><span>intégration clinique</span>
          </div>
          <div class="cm-metric">
            <b>8 900 €</b><span>pack d’entrée</span>
          </div>
          <div class="cm-metric">
            <b>20 %</b><span>royalty mensuelle</span>
          </div>
        </div>
      </aside>
    </div>
  </section>

  <!-- PROBLÈME -->
  <section class="cm-section">
    <div class="cm-container">
      <h2 class="cm-h2">Si vous vous reconnaissez…</h2>
      <p class="cm-lead">
        Vous savez accompagner. Ce qui manque souvent, c’est un système stable et une intégration clinique suffisamment encadrée pour performer dans la durée.
      </p>

      <div class="cm-cols">
        <div class="cm-box">
          <h4>Vous voulez développer votre activité</h4>
          <ul class="cm-list">
            <li>Sans repartir de zéro</li>
            <li>Sans vous perdre dans le marketing</li>
            <li>Avec un cadre clair</li>
          </ul>
        </div>
        <div class="cm-box">
          <h4>Vous cherchez une méthode structurée</h4>
          <ul class="cm-list">
            <li>Protocoles applicables</li>
            <li>Logique clinique solide</li>
            <li>Intégration guidée</li>
          </ul>
        </div>
        <div class="cm-box">
          <h4>Vous voulez être autonome</h4>
          <ul class="cm-list">
            <li>Votre propre tunnel</li>
            <li>Votre pub gérée par vous</li>
            <li>Une supervision pour progresser</li>
          </ul>
        </div>
      </div>
    </div>
  </section>

  <!-- OFFRE -->
  <section class="cm-section" id="programme">
    <div class="cm-container">
      <h2 class="cm-h2">Ce que comprend le partenariat</h2>
      <p class="cm-lead">
        Un modèle hybride : autonomie + pratique guidée + validation, pour une intégration sérieuse (sans dépendance au quotidien).
      </p>

      <div class="cm-split">
        <div class="cm-box">
          <h4>1) Intégration clinique (40h)</h4>
          <ul class="cm-list">
            <li>Pré-apprentissage en autonomie (vidéos + supports)</li>
            <li>Pratique guidée en visio-groupe (cohortes)</li>
            <li>Évaluations / cas cliniques</li>
            <li>Validation finale</li>
          </ul>
        </div>

        <div class="cm-box">
          <h4>2) Tunnel & système d’acquisition</h4>
          <ul class="cm-list">
            <li>Templates (pages, emails, scripts)</li>
            <li>Tutoriels pas à pas (installation + tracking)</li>
            <li>Checklist “prêt à lancer”</li>
            <li>Session de validation (1:1)</li>
          </ul>
        </div>
      </div>

      <div style="height:14px"></div>

      <div class="cm-split">
        <div class="cm-box">
          <h4>3) Licence de marque & réseau</h4>
          <ul class="cm-list">
            <li>Droit d’usage de la marque</li>
            <li>Accès aux protocoles + mises à jour</li>
            <li>Supervision collective mensuelle</li>
            <li>Audit trimestriel (tunnel/ads)</li>
          </ul>
        </div>

        <div class="cm-box">
          <h4>Ce que vous gérez vous-même</h4>
          <ul class="cm-list">
            <li>Votre cabinet / vos charges</li>
            <li>Votre budget pub</li>
            <li>La gestion quotidienne de vos campagnes</li>
            <li>Votre agenda</li>
          </ul>
        </div>
      </div>
    </div>
  </section>

  <!-- PRIX -->
  <section class="cm-section" id="tarifs">
    <div class="cm-container">
      <h2 class="cm-h2">Tarifs</h2>
      <p class="cm-lead">
        Un modèle premium : entrée sélective + redevance de marque. Objectif : qualité homogène, autonomie, cadre clair.
      </p>

      <div class="cm-split">
        <div class="cm-price">
          <div class="cm-priceBlock">
            <div class="cm-priceTop">
              <h3>Pack d’entrée</h3>
              <span class="cm-tag">Obligatoire</span>
            </div>
            <div class="cm-priceNum">8 900 €</div>
            <p class="cm-priceSmall">Accès complet : clinique + tunnel + templates + validation.</p>
            <hr class="cm-hr" />
            <ul class="cm-list">
              <li>40h intégration clinique (cohorte)</li>
              <li>Formation tunnel + acquisition</li>
              <li>Templates (pages, emails, scripts)</li>
              <li>Session de validation finale</li>
            </ul>
          </div>
        </div>

        <div class="cm-price">
          <div class="cm-priceBlock">
            <div class="cm-priceTop">
              <h3>Licence marque & protocoles</h3>
              <span class="cm-tag">Mensuel</span>
            </div>
            <div class="cm-priceNum">20 %</div>
            <p class="cm-priceSmall">Royalty mensuelle sur le chiffre d’affaires sous la marque.</p>
            <hr class="cm-hr" />
            <ul class="cm-list">
              <li>Usage de la marque</li>
              <li>Accès continu aux protocoles + mises à jour</li>
              <li>Supervision collective mensuelle</li>
              <li>Audit trimestriel (tunnel/ads)</li>
            </ul>
          </div>
        </div>
      </div>

      <p class="cm-note" style="margin-top:12px;">
        Important : la publicité est financée et gérée par le partenaire. Ce cadre est volontairement conçu pour préserver l’autonomie et la qualité.
      </p>
    </div>
  </section>

  <!-- FAQ -->
  <section class="cm-section">
    <div class="cm-container cm-faq">
      <h2 class="cm-h2">Questions fréquentes</h2>

      <details>
        <summary>Est-ce que je reste indépendant(e) ?</summary>
        <p>Oui. Vous exercez dans votre propre structure, avec votre cabinet, vos charges, et votre organisation. La licence porte sur l’usage de la marque et l’accès au système/protocoles.</p>
      </details>

      <details>
        <summary>Est-ce que tu gères mes publicités ?</summary>
        <p>Non : le partenaire gère ses campagnes au quotidien. Le programme inclut des scripts, des templates, des tutoriels, et un audit trimestriel.</p>
      </details>

      <details>
        <summary>Comment se passe l’intégration clinique (40h) ?</summary>
        <p>Hybride : une partie en autonomie (bases + démos), une partie en visio-groupe orientée pratique, puis validation finale.</p>
      </details>

      <details>
        <summary>Comment candidater ?</summary>
        <p>Via le bouton ci-dessous : vous remplissez une demande, puis un échange permet de valider l’adéquation (engagement, posture, cadre).</p>
      </details>
    </div>
  </section>

  <!-- CTA FINAL -->
  <section class="cm-section" id="candidater">
    <div class="cm-container">
      <div class="cm-card" style="padding:18px;">
        <h2 class="cm-h2" style="margin-bottom:8px;">Candidater</h2>
        <p class="cm-lead" style="margin-bottom:14px;">
          Si vous souhaitez rejoindre le réseau, faites une demande. L’entrée est volontairement sélective.
        </p>

        <div class="cm-ctaRow">
          <!-- Remplace le lien par ton formulaire / Cal / Typeform -->
          <a class="cm-btn cm-btnPrimary" href="https://TON-LIEN-ICI.com" target="_blank" rel="noopener">Demander un entretien</a>
          <a class="cm-btn" href="#tarifs">Relire les tarifs</a>
        </div>

        <p class="cm-note">Astuce : tu peux aussi mettre ici ton embed Cal/Typeform si tu préfères une candidature directe sur la page.</p>
      </div>
    </div>
  </section>

  <!-- FOOTER -->
  <footer class="cm-footer">
    <div class="cm-container">
      <div style="font-weight:800; color:var(--cm-ink);">Cabinet Menninga</div>
      <div>Licence de marque • Transmission clinique • Système d’acquisition</div>
    </div>
  </footer>

</div>

EMDR