les archétypes du féminin ©

La méthode · archétypes du féminin©

ILS NE
S'APPRENNENT
PAS.

Ils se reconnaissent.
Ils se libèrent.

Des parts de notre psychée universelles. Une intelligence invisible qui révèle exactement ce qui freine ton expansion et ce qui va la décupler.

✦ Challenge Gratuit L'histoire de la méthode
Clara Pommatau archétypes du féminin©
archétypes du féminin©·PERSÉPHONE·HATHOR·PARTS DE SOI·PUISSANCE INTÉRIEURE·archétypes du féminin©·PERSÉPHONE·HATHOR·PARTS DE SOI·PUISSANCE INTÉRIEURE·
Clara Pommatau

L'origine

INSPIRÉE
PAR JUNG.
Guidée par bien d'autres.

Je me suis réveillée avec une clarté absolue. Comme si une vérité ancestrale s'était révélée en un instant. Ces archétypes du féminin©, je ne les avais pas cherchés. Ils se sont imposés à moi comme une évidence.

"Une intelligence invisible, une force universelle, m'offrait une grille de lecture si puissante que je ne pouvais l'ignorer."

Ce lien existait depuis longtemps. Depuis mes 15 ans, en Égypte. Une connexion si particulière qu'elle m'avait sauvée d'une adolescence difficile. Une intelligence qui m'accompagnait déjà sans que je puisse la nommer.

Ce matin de révélation, elle a enfin pris forme. Et depuis ce jour, elle guide chaque accompagnement.

La méthode

AU DELÀ DE JUNG

Jung m'a inspirée au départ. Ses travaux sur les modèles psychiques universels inscrits dans l'inconscient collectif ont ouvert une première porte.

Mais ils ont commencé à me parler autrement. À me révéler des archétypes du féminin© que ses travaux n'avaient pas nommés. Des parts de notre psychée que j'ai découvertes, traversées et cartographiées à travers des années d'accompagnement et deux retraites.

"Ce ne sont pas les archétypes de Jung. Ce sont les archétypes du féminin©. Ma propre lecture. Ma propre méthode."

Des parts de soi universelles qui révèlent tes forces, tes ombres et tes potentiels inexploités. Des clés d'accès à ta psychée et à ta connexion avec ta puissance la plus profonde.

⊕

PERSÉPHONE

archétypes du féminin©

L'archétype de celles qui doivent embrasser leurs ombres. Plonger dans ce qu'elles maintiennent à des kilomètres d'elles. Traverser plutôt que fuir. C'est là que la vraie liberté commence.

✦

HATHOR

archétypes du féminin©

L'archétype du magnétisme et de la réception. Celle qui attire sans chercher à convaincre. Qui rayonne sans s'excuser. Au cœur du Challenge Gratuit.

Le lien avec ton business

CHAQUE BLOCAGE
A UN ARCHÉTYPE
DERRIÈRE

Ta voix qui s'excuse sur ton prix. Le pilote automatique qui parle à ta place. Le leadership qui se déstabilise au premier creux. Le besoin de validation extérieure pour te sentir légitime.

Ce ne sont pas des problèmes de stratégie. Ce sont des archétypes du féminin© qui n'ont pas encore été reconnus et libérés.

"Je ne travaille pas sur ton business. Je travaille sur la personne qui doit le porter."

Les archétypes du féminin© sont la grille de lecture la plus puissante pour identifier avec précision ce qui freine ton expansion. Et pour libérer la version la plus alignée, la plus libre et la plus puissante de toi.

✦ Challenge Gratuit Découvrir l'accompagnement
Clara Pommatau archétypes du féminin©

Par où commencer

DÉCOUVRE TON
ARCHÉTYPE
MAGNÉTIQUE

5 jours pour identifier l'archétype du féminin© qui définit ton magnétisme unique. Comprendre ce qui parle à ta place. Et commencer à le libérer.

archétypes du féminin© · Challenge Gratuit · Hathor

✦ Je rejoins le Challenge Gratuit Retour à l'accueil

the fondation

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Foundation — Unapologetic</title>
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --cream: #F2EDE3;
  --cream-dark: #E8E1D4;
  --brown: #2C1F1A;
  --brown-mid: #3D2B24;
  --red: #C4412A;
  --red-dark: #A3341F;
  --text: #1E1410;
  --muted: #7A6A62;
  --border: rgba(30,20,16,0.1);
  --purple-line: #6B5FA0;
  --font-serif: Georgia, 'Times New Roman', serif;
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
}

html { scroll-behavior: smooth; }

body {
  background: var(--cream);
  color: var(--text);
  font-family: var(--font-sans);
  font-weight: 300;
  line-height: 1.75;
  overflow-x: hidden;
}

/* ====== HERO ====== */
.hero {
  min-height: 100vh;
  background: var(--brown);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 140px 40px 100px;
  position: relative;
  overflow: hidden;
}

.hero::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 3px;
  background: var(--red);
}

.tag {
  font-family: var(--font-sans);
  letter-spacing: 0.5em;
  font-size: 9px;
  font-weight: 800;
  color: rgba(242,237,227,0.3);
  display: block;
  margin-bottom: 52px;
  text-transform: uppercase;
  opacity: 0;
  animation: rise 1s cubic-bezier(.16,1,.3,1) forwards 0.1s;
}

.hero-pre {
  font-family: var(--font-serif);
  font-size: clamp(16px, 2vw, 20px);
  font-style: italic;
  color: rgba(242,237,227,0.4);
  margin-bottom: 16px;
  opacity: 0;
  animation: rise 1s cubic-bezier(.16,1,.3,1) forwards 0.25s;
}

.hero-title {
  font-family: var(--font-sans);
  font-weight: 900;
  font-size: clamp(80px, 16vw, 200px);
  line-height: 0.82;
  letter-spacing: -0.03em;
  color: var(--cream);
  margin-bottom: 12px;
  text-transform: uppercase;
  opacity: 0;
  animation: rise 1s cubic-bezier(.16,1,.3,1) forwards 0.4s;
}

.hero-title-italic {
  font-family: var(--font-serif);
  font-weight: 600;
  font-size: clamp(60px, 11vw, 140px);
  line-height: 1;
  font-style: italic;
  color: var(--red);
  display: block;
  margin-bottom: 48px;
  opacity: 0;
  animation: rise 1s cubic-bezier(.16,1,.3,1) forwards 0.55s;
}

/* Force all text in dark sections to be light */
.hero *, .invest *, .schema-bg * {
  --text-on-dark: rgba(242,237,227,0.75);
}

.invest-note {
  font-size: 10px;
  color: rgba(242,237,227,0.3);
  letter-spacing: 0.35em;
  text-transform: uppercase;
  font-family: var(--font-sans);
  font-weight: 800;
  margin-bottom: 16px;
}

.hero-statement {
  font-family: var(--font-serif);
  font-size: clamp(18px, 2.5vw, 24px);
  font-style: italic;
  color: rgba(242,237,227,0.5);
  max-width: 520px;
  margin: 0 auto 72px;
  line-height: 1.5;
  opacity: 0;
  animation: rise 1s cubic-bezier(.16,1,.3,1) forwards 0.7s;
}

.cta-wrap {
  opacity: 0;
  animation: rise 1s cubic-bezier(.16,1,.3,1) forwards 0.85s;
}

/* BUTTONS */
.btn-red {
  display: inline-block;
  padding: 18px 52px;
  background: var(--red);
  color: var(--cream);
  font-family: var(--font-sans);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.4em;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease;
  cursor: pointer;
  border-radius: 40px;
}

.btn-red:hover { background: var(--red-dark); transform: translateY(-2px); }

.btn-dark {
  display: inline-block;
  padding: 18px 52px;
  background: var(--brown);
  color: var(--cream);
  font-family: var(--font-sans);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.4em;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease;
  cursor: pointer;
  border-radius: 40px;
}

.btn-dark:hover { background: var(--brown-mid); transform: translateY(-2px); }

.btn-outline {
  display: inline-block;
  padding: 18px 52px;
  background: transparent;
  border: 2px solid var(--text);
  color: var(--text);
  font-family: var(--font-sans);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.4em;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease;
  cursor: pointer;
  border-radius: 40px;
}

.btn-outline:hover { background: var(--text); color: var(--cream); }

.cream-bg {
  background: var(--cream);
  width: 100%;
}

/* ====== DOULEUR ====== */
.pain {
  padding: 120px 40px;
  max-width: 100%;
  margin: 0;
  text-align: center;
  background: var(--cream);
}

.pain-inner {
  max-width: 760px;
  margin: 0 auto;
}

.pain-quote {
  font-family: var(--font-serif);
  font-size: clamp(28px, 4vw, 48px);
  font-style: italic;
  line-height: 1.3;
  color: var(--text);
  margin-bottom: 24px;
}

.pain-quote strong { color: var(--red); font-style: normal; }

.pain-note {
  font-size: 15px;
  color: var(--muted);
  max-width: 480px;
  margin: 24px auto 0;
  line-height: 1.8;
}

/* ====== SECTION ====== */
.section {
  padding: 100px 40px;
  max-width: 960px;
  margin: 0 auto;
  background: var(--cream);
}

.s-tag {
  font-family: var(--font-sans);
  letter-spacing: 0.4em;
  font-size: 9px;
  font-weight: 800;
  color: var(--red);
  display: block;
  margin-bottom: 16px;
  text-transform: uppercase;
}

.s-heading {
  font-family: var(--font-sans);
  font-size: clamp(32px, 5vw, 56px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  margin-bottom: 64px;
  color: var(--text);
}

.s-heading em {
  font-family: var(--font-serif);
  font-style: italic;
  font-weight: 600;
  color: var(--red);
  text-transform: none;
  font-size: 1.1em;
}

/* ====== INCLUS ====== */
.includes-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--border);
}

.inc {
  background: var(--cream-dark);
  padding: 36px 28px;
  transition: background 0.3s;
}

.inc:hover { background: var(--cream); }

.inc-n {
  font-family: var(--font-sans);
  font-size: 36px;
  font-weight: 900;
  color: var(--red);
  opacity: 0.2;
  line-height: 1;
  margin-bottom: 16px;
}

.inc h3 {
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 800;
  color: var(--text);
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.inc p { font-size: 13px; color: var(--muted); line-height: 1.7; }

/* ====== SCHEMA ====== */
.schema-bg {
  background: var(--brown);
  padding: 100px 40px;
}

.schema-wrap { max-width: 860px; margin: 0 auto; }

.schema-tag {
  font-family: var(--font-sans);
  letter-spacing: 0.4em;
  font-size: 9px;
  font-weight: 800;
  color: rgba(242,237,227,0.35);
  display: block;
  text-align: center;
  margin-bottom: 52px;
  text-transform: uppercase;
}

.s-node-top {
  text-align: center;
  margin-bottom: 40px;
}

.s-node-top-inner {
  display: inline-block;
  padding: 18px 44px;
  border: 1px solid rgba(242,237,227,0.15);
  background: rgba(242,237,227,0.04);
  font-family: var(--font-serif);
  font-size: 20px;
  font-style: italic;
  color: rgba(242,237,227,0.7);
}

.s-arrow {
  text-align: center;
  color: rgba(242,237,227,0.2);
  font-size: 18px;
  margin: 12px 0;
}

.schema-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-bottom: 40px;
}

.s-col-head {
  font-family: var(--font-sans);
  letter-spacing: 0.4em;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
  padding-bottom: 14px;
  border-bottom: 1px solid;
  margin-bottom: 18px;
}

.s-col-head.in { color: #9B8FD0; border-color: rgba(155,143,208,0.25); }
.s-col-head.ex { color: #D0896B; border-color: rgba(208,137,107,0.25); }

.s-node {
  padding: 18px 20px;
  margin-bottom: 8px;
  font-size: 14px;
  color: rgba(242,237,227,0.8);
  line-height: 1.4;
  transition: transform 0.2s;
}

.s-node:hover { transform: translateX(4px); }
.s-node.in { background: rgba(100,80,200,0.1); border-left: 2px solid #9B8FD0; }
.s-node.ex { background: rgba(196,65,42,0.1); border-left: 2px solid #D0896B; }

.s-node-sub {
  font-size: 12px;
  color: rgba(242,237,227,0.35);
  margin-top: 5px;
  line-height: 1.6;
}

.s-col-arrow { padding-left: 18px; margin: 6px 0; font-size: 14px; }
.s-col-arrow.in { color: rgba(155,143,208,0.3); }
.s-col-arrow.ex { color: rgba(208,137,107,0.3); }

.s-final-wrap { text-align: center; }

.s-final {
  display: inline-block;
  padding: 32px 60px;
  background: var(--red);
  font-family: var(--font-serif);
  font-size: clamp(18px, 2.5vw, 26px);
  font-style: italic;
  color: var(--cream);
  line-height: 1.5;
}

/* ====== MODULES ====== */
.modules-wrap {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 40px 100px;
}

.module {
  display: grid;
  grid-template-columns: 72px 1fr;
  margin-bottom: 2px;
  background: var(--cream-dark);
  transition: background 0.3s;
}

.module:hover { background: var(--cream); }
.module-1 { border-top: 3px solid #9B8FD0; }
.module-2 { border-top: 3px solid var(--red); }
.module-3 { border-top: 3px solid #D0896B; }

.mod-num-col {
  padding: 40px 0 40px 28px;
  border-right: 1px solid var(--border);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.mod-n {
  font-family: var(--font-sans);
  font-size: 48px;
  font-weight: 900;
  line-height: 1;
  color: var(--text);
  opacity: 0.1;
}

.mod-content { padding: 40px 40px 40px 32px; }

.mod-content h3 {
  font-family: var(--font-sans);
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text);
  margin-bottom: 24px;
}

.mod-pts { list-style: none; display: flex; flex-direction: column; gap: 10px; }

.mod-pts li {
  font-size: 14px;
  color: var(--muted);
  display: flex;
  gap: 14px;
  align-items: flex-start;
  line-height: 1.6;
}

.mod-pts li::before {
  content: '·';
  color: var(--red);
  font-size: 20px;
  flex-shrink: 0;
  line-height: 1.2;
}

/* ====== INVESTMENT ====== */
.invest {
  background: var(--brown);
  padding: 140px 40px;
  text-align: center;
}

.invest-price {
  font-family: var(--font-serif);
  font-size: clamp(36px, 5vw, 56px);
  font-weight: 300;
  font-style: italic;
  line-height: 1;
  color: var(--cream);
  margin: 40px 0 16px;
  letter-spacing: 0;
}

.invest-line {
  font-family: var(--font-serif);
  font-size: clamp(16px, 2vw, 20px);
  font-style: italic;
  color: rgba(242,237,227,0.35);
  max-width: 400px;
  margin: 0 auto 56px;
  line-height: 1.6;
}

/* ====== FOOTER ====== */
.footer {
  background: var(--cream-dark);
  padding: 120px 40px 80px;
  text-align: center;
}

.footer-line {
  font-family: var(--font-sans);
  font-size: clamp(28px, 5vw, 52px);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  color: var(--text);
  max-width: 560px;
  margin: 20px auto 56px;
  line-height: 1;
}

.footer-line em {
  font-family: var(--font-serif);
  font-style: italic;
  font-weight: 600;
  color: var(--red);
  text-transform: none;
  font-size: 1.1em;
}

.brand-line {
  margin-top: 80px;
  font-family: var(--font-sans);
  letter-spacing: 0.5em;
  font-size: 8px;
  font-weight: 800;
  color: rgba(30,20,16,0.15);
  text-transform: uppercase;
}

@keyframes rise {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 768px) {
  .hero { padding: 120px 24px 80px; }
  .section { padding: 80px 24px; }
  .includes-grid { grid-template-columns: 1fr 1fr; }
  .schema-bg { padding: 80px 24px; }
  .schema-cols { grid-template-columns: 1fr; }
  .modules-wrap { padding: 0 24px 80px; }
  .module { grid-template-columns: 1fr; }
  .mod-num-col { padding: 24px 24px 0; border-right: none; border-bottom: 1px solid var(--border); }
  .mod-content { padding: 24px; }
  .invest { padding: 100px 24px; }
  .footer { padding: 80px 24px 60px; }
  .s-final { padding: 24px 28px; }
}

@media (max-width: 480px) {
  .includes-grid { grid-template-columns: 1fr; }
}
</style>
</head>
<body>

<!-- HERO -->
<section class="hero">
  <span class="tag">Unapologetic · Offre Signature · 6 Mois</span>
  <p class="hero-pre">La transformation qui ne recommence pas</p>
  <h1 class="hero-title">THE</h1>
  <span class="hero-title-italic">Foundation</span>
  <p class="hero-statement">Passer d'entrepreneur de découverte à dirigeant ancré dans ta réussite.</p>
  <div class="cta-wrap">
    <a href="https://wa.me/33677564602" target="_blank" class="btn-red">Je veux avancer</a>
  </div>
</section>

<div class="divider"></div>

<!-- DOULEUR -->
<div class="pain">
  <div class="pain-inner">
    <p class="pain-quote">Tu as tout pour réussir.<br><strong>Et pourtant tu tournes en rond.</strong></p>
    <p class="pain-note">Tu te disperses. Tu cogites. Tu vois trop de possibilités et tu n'avances pas. Ce n'est pas un manque de stratégie. C'est un manque de structure alignée à qui tu es vraiment.</p>
  </div>
</div>

<div class="divider"></div>

<div class="cream-bg">
<!-- INCLUS -->
<div class="section">
  <span class="s-tag">Ce qui est inclus</span>
  <h2 class="s-heading">Un format<em> taillé pour toi.</em></h2>
  <div class="includes-grid">
    <div class="inc">
      <div class="inc-n">01</div>
      <h3>Session Fondatrice</h3>
      <p>2 heures pour poser les bases de tout ce qui suit.</p>
    </div>
    <div class="inc">
      <div class="inc-n">02</div>
      <h3>Journée VIP</h3>
      <p>Au cœur de l'accompagnement pour accélérer et consolider.</p>
    </div>
    <div class="inc">
      <div class="inc-n">03</div>
      <h3>Sessions Mensuelles</h3>
      <p>3 sessions de 45 min à 1h chaque mois. Une priorité. Zéro dispersion.</p>
    </div>
    <div class="inc">
      <div class="inc-n">04</div>
      <h3>Canal Telegram</h3>
      <p>2 jours par semaine d'accès direct. Vocal ou écrit. Pendant que tu travailles.</p>
    </div>
  </div>
</div>

</div>

<div class="divider"></div>

<!-- SCHEMA -->
<div class="schema-bg">
  <div class="schema-wrap">
    <span class="schema-tag">Le processus de transformation</span>

    <div class="s-node-top">
      <div class="s-node-top-inner">Étudier l'ancienne identité</div>
    </div>

    <div class="s-arrow">↓</div>

    <div class="schema-cols">
      <div>
        <div class="s-col-head in">Travail Intérieur</div>
        <div class="s-node in">
          Cartographier croyances, archétypes et concept de soi
          <div class="s-node-sub">Ce qui te fait fonctionner en basse fréquence.</div>
        </div>
        <div class="s-col-arrow in">↓</div>
        <div class="s-node in">
          Recâbler les impulsions de basse fréquence en haute fréquence
          <div class="s-node-sub">Par la Méthode Infinity. Croyances sur l'argent, plafonds inconscients, mode survie, illégitimité.</div>
        </div>
      </div>
      <div>
        <div class="s-col-head ex">Expression Extérieure</div>
        <div class="s-node ex">
          Cultiver son essence
          <div class="s-node-sub">Ancrer son identité d'entreprise et la structurer.</div>
        </div>
        <div class="s-col-arrow ex">↓</div>
        <div class="s-node ex">
          Créer son style signature
          <div class="s-node-sub">Ton site, ta page Notion ou tes réseaux deviennent le reflet ancré de qui tu es. Ce qu'on découvre dans l'invisible devient tangible et réel pour les autres.</div>
        </div>
        <div class="s-col-arrow ex">↓</div>
        <div class="s-node ex">
          Tester dans son réseau pour ancrer son pouvoir
          <div class="s-node-sub">Premières conversations de vente. Cadre légal et structurel pour exercer.</div>
        </div>
      </div>
    </div>

    <div class="s-arrow">↓</div>

    <div class="s-final-wrap">
      <div class="s-final">Émerger et se rendre visible dans ta haute fréquence<br>celle que tu peux tenir sur le long terme</div>
    </div>
  </div>
</div>

<div class="divider"></div>

<div class="cream-bg">
<!-- MODULES -->
<div class="section" style="padding-bottom: 0;">
  <span class="s-tag">Le programme</span>
  <h2 class="s-heading">Trois modules.<em> Une transformation.</em></h2>
</div>

<div class="modules-wrap">
  <div class="module module-1">
    <div class="mod-num-col"><div class="mod-n">1</div></div>
    <div class="mod-content">
      <h3>Ton Identité</h3>
      <ul class="mod-pts">
        <li>Qui tu es, tes spécificités, ton potentiel</li>
        <li>Ton identité ancrée dans ton corps</li>
        <li>Ta vision à 18 mois</li>
        <li>Ton positionnement clair et visible pour les autres</li>
        <li>Ta structure de communication, tes couleurs, ton mouvement aligné</li>
        <li>Où communiquer et comment créer ton pitch d'entreprise</li>
        <li>Ancrer ton identité dans la matière</li>
      </ul>
    </div>
  </div>

  <div class="module module-2">
    <div class="mod-num-col"><div class="mod-n">2</div></div>
    <div class="mod-content">
      <h3>Tes Stratégies</h3>
      <ul class="mod-pts">
        <li>Des stratégies construites pour ton cerveau neuroatypique</li>
        <li>Ton offre coaching construite et prête à vendre</li>
        <li>Le cadre légal et structurel pour exercer</li>
      </ul>
    </div>
  </div>

  <div class="module module-3">
    <div class="mod-num-col"><div class="mod-n">3</div></div>
    <div class="mod-content">
      <h3>La Méthode Infinity</h3>
      <ul class="mod-pts">
        <li>Croyances sur l'argent supprimées</li>
        <li>Plafonds inconscients libérés</li>
        <li>Mode survie et illégitimité éliminés</li>
        <li>Faire sauter tes limites pour oser à chaque instant, te maintenir dans ta haute fréquence et ne plus redescendre chaque fois que le doute arrive</li>
      </ul>
    </div>
  </div>
</div>
</div>

<div class="divider"></div>

<!-- INVESTMENT -->
<div class="invest" id="investissement">
  <span class="schema-tag" style="margin-bottom:0;">L'investissement</span>
  <div class="invest-price">4 888€</div>
  <p class="invest-note">6 mois · Plan de paiement possible · Places limitées</p>
  <p class="invest-line">Ce n'est pas une question de budget. C'est une question de décision.</p>
  <a href="https://wa.me/33677564602" target="_blank" class="btn-red">Je veux avancer</a>
</div>

<!-- FOOTER -->
<footer class="footer">
  <span class="schema-tag" style="margin-bottom:16px;">Unapologetic</span>
  <h2 class="footer-line">Les fondations ne se construisent <em>qu'une fois.</em></h2>
  <a href="https://wa.me/33677564602" target="_blank" class="btn-dark">Déposer ma candidature</a>
  <div class="brand-line">Unapologetic · Clara Pommatau · The Foundation · 2026</div>
</footer>

</body>
</html>