/* ============================================================
   SITE INVESTISSEURS AU GABARIT V10 (invest.galeon.care) — la feuille commune
   ------------------------------------------------------------
   À quoi elle sert : ce qui manque à css/v10.css pour les pages du token ($GALEON, Atlantis) — la touche
   dorée, le sélecteur de langue, la pilule MiCA, le bloc de risques du pied, et les blocs propres à ces
   pages. Toutes ses classes commencent par inv- : rien ne heurte v10.css.

   Depuis le 21/10/2026, les sept paires de pages au gabarit V10 sont EN LIGNE à leurs adresses (/fr/info-atlantis,
   /info-atlantis, etc. : src/lib/invest-paths.json) ; leurs anciennes versions Webflow sont archivées sous
   public/preview/invest/ancien/. Et ces pages DÉCOULENT de galeon.care (demande de Simon, même jour) :
   - la barre, le méga-menu « Ebooks », le menu mobile, la pilule MiCA et le pied (avec son aurore) ne sont
     plus écrits à la main : scripts/v10-gabarit.mjs les pose entre galeon:invest:entete:* et
     galeon:invest:pied:*, depuis src/lib/v10/menu.json › invest, au balisage et aux classes de galeon.care
     (#v10-nav .nav, .mega, .menu, footer.foot, .aurore). Ils sont donc stylés par css/v10.css et animés par
     js/v10.js, comme sur galeon.care ; cette feuille n'y ajoute que le sélecteur FR / EN (.inv-langue), la
     page courante, la pilule (.inv-annonce) et le bloc de risques (.inv-risques) ;
   - l'échelle des textes et des marges est celle de v10.css : les heros portent « v-hero » (et
     « v-hero--seul » quand ils sont centrés), donc le titre (80 px, 40 sur téléphone), le chapô (18 / 15)
     et les marges de .v-hero ; les sections sont des .v-sec (128 / 72 px) ; les cartes ont les mesures de
     .v-carte (rayon 20, marge 26, texte 14,5). Ce qui reste propre au site investisseurs, ce sont les
     FONDS et la couleur : vidéos et images des heros, or, section on-chain, livres des ebooks, frise.
     Une taille de titre ou de texte propre à une page n'a plus lieu d'être : la prendre dans v10.css.

   Construire une page investisseur (mémo complet : public/preview/invest/LISEZ-MOI.md) :
   1. <head> repris de la page d'origine (title, description, canonical et hreflang sur
      https://invest.galeon.care, og:*, JSON-LD absolu, consent.js en tête, galeon-ab.js, traceurs
      INERTES), puis /css/v10.css PUIS /css/v10-invest.css. Aucune feuille Webflow, ni webflow.js,
      jQuery, wf-*.js (sauf wf-lottie.js pour une Lottie), Finsweet.
   2. <body class="inv">, puis les marqueurs vides galeon:invest:entete:start / end (en tête du body) et
      galeon:invest:pied:start / end (après </main>) : le build les remplit. Rien n'est à recopier.
   3. Le contenu en sections .v-sec (blocs de v10.css : .v-sec__tete, .v-duo, .v-grille, .v-chiffres…)
      et inv-* ; la dernière section avant </main> est sombre (v10-gabarit.mjs --check le refuse sinon).
      TEXTE MOT POUR MOT de la page d'origine.
   4. En bas : /js/v10.js (barre, méga-menu, menu mobile, aurore, apparitions), /js/v10-invest.js (vidéos
      et Lottie en mouvement réduit, AVANT wf-lottie.js), /js/galeon-forms.js si la page a un formulaire.
   5. Le bloc MiCA (la pilule sous la barre et .inv-risques__mica dans le pied) est écrit sur TOUTE page par
      le build ; aucune promesse de rendement, de gain ni de valeur (cf. la section MiCA plus bas et le LISEZ-MOI).
   ============================================================ */

:root{
  --inv-or:#e3b774; --inv-or-2:#f5d2a1; --inv-or-d:#d5a25b;
  --inv-grad-or:linear-gradient(82deg,#d5a25b 20%,#f5d2a1 70%,#f5d2a1);
  --inv-grad-bleu:linear-gradient(82deg,#479af3 10%,#8cc2ff 80%);
  --inv-carte:rgba(255,255,255,.04); --inv-carte-2:rgba(255,255,255,.06);
  --inv-trait-or:rgba(227,183,116,.32);
}

/* ─── TEXTES ET BOUTONS ──────────────────────────── */
.inv-or,.inv-bleu{-webkit-background-clip:text;background-clip:text;color:transparent}
.inv-or{background-image:var(--inv-grad-or)}
.inv-bleu{background-image:var(--inv-grad-bleu)}
.btn.inv-btn-or{background:var(--inv-grad-or);color:#1b1408;box-shadow:0 10px 30px rgba(213,162,91,.22)}
.btn.inv-btn-or:hover{box-shadow:0 12px 40px rgba(245,210,161,.34)}
/* le bouton secondaire : une surface de verre, pas un contour doré (Simon, 27/10/2026 : « les strokes avec juste du gold en fin, c'est moche ») */
.btn.inv-btn-ligne{background:rgba(255,255,255,.1);color:var(--tx);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.btn.inv-btn-ligne:hover{background:rgba(255,255,255,.16)}
/* les libellés d'origine sont en minuscules (« acheter des $GALEON ») : la casse se donne ici, pas dans le texte */
.inv-caps{text-transform:uppercase;letter-spacing:.06em;font-size:13.5px}

/* ─── LA BARRE (celle de galeon.care, css/v10.css) : ce que le site investisseurs y ajoute ─── */
/* La page courante : un lien de la barre en aria-current, ou le bouton « Ebooks » quand la page est l'un de
   ses guides (.is-courant, posé par le build). Le même aspect que le survol de galeon.care. */
.nav__top[aria-current="page"],.nav__top.is-courant{color:var(--tx);background:rgba(255,255,255,.08)}
/* Le sélecteur FR / EN, devant le bouton : vers la page SŒUR (en ligne, ou l'aperçu sœur dans /preview/). Dans la barre sur
   bureau ; sur téléphone, dans le menu (la pilule de la barre n'a de place que pour le logo et le bouton). */
.cap{gap:10px}
.inv-langue{display:flex;align-items:center;gap:2px;padding:3px;border-radius:999px;border:1px solid rgba(255,255,255,.16);font-size:12px;font-weight:600;letter-spacing:.06em;flex:none}
.inv-langue a,.inv-langue span{display:grid;place-items:center;min-width:34px;height:28px;padding:0 8px;border-radius:999px;color:rgba(var(--tx-rgb),.7)}
.inv-langue a:hover{color:var(--tx)}
.inv-langue [aria-current]{background:rgba(255,255,255,.12);color:var(--tx)}
.inv-langue--menu{align-self:flex-start;height:auto}
.inv-langue--menu a,.inv-langue--menu span{height:34px;min-width:44px;font-size:13px}
@media (max-width:960px){.cap .inv-langue{display:none}}

/* ─── MiCA (règlement UE 2023/1114, art. 7) : OBLIGATOIRE sur toute page qui présente $GALEON ─── */
/* Décision de Simon du 16/10/2026, revue : docs/2026-10-16-revue-mica-invest.md. Deux blocs, IDENTIQUES sur
   toutes les pages d'une même langue (écrits par le build depuis menu.json › invest), textes officiels MOT POUR
   MOT (ne pas les reformuler) :
   1. .inv-annonce, la bande sous le hero (dans l'en-tête d'un article) : l'étiquette « Communication commerciale » (art. 7(1)(a)) et la
      déclaration de l'art. 7(1)(e).
   2. .inv-risques__mica, dans le pied SOUS l'avertissement : les risques (art. 6(5)) et l'offreur (art. 7(1)(d)),
      avec l'adresse du site, l'e-mail et le téléphone marketing (Simon, 26/10/2026, à confirmer par le juriste). */
/* La mention MiCA (Simon, 27/10/2026) : une bande pleine largeur, juste sous le hero, au fil de la page. Elle a
   remplacé la capsule fixe sous la barre (21/10), jugée « moche » : un bloc de verre qui flottait sur le hero et
   sur chaque section. L'étiquette en or, puis la déclaration en entier, jamais tronquée. Bande « allégée », choisie
   par Simon le 27/10/2026 parmi trois dessins (aperçu, MR !656) : le fond même du hero (plus de surface à part), une
   ligne serrée. Écrite entre galeon:invest:annonce:* (scripts/v10-gabarit.mjs), que chaque page pose après son hero ;
   dans un article, la mention est une ligne de l'en-tête, sous l'auteur (css/v10-invest-article.css). */
.inv-annonce{position:relative;z-index:1;background:var(--fond)}
.inv-annonce__in{display:flex;align-items:baseline;justify-content:center;gap:14px;padding-block:12px 14px;font-size:11.5px;line-height:1.55;color:rgba(var(--tx-rgb),.5)}
.inv-annonce b{flex:none;color:rgba(245,210,161,.85);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.inv-annonce p{margin:0;max-width:96ch}
@media (max-width:760px){
  .inv-annonce__in{flex-direction:column;align-items:flex-start;gap:6px;padding-block:12px;font-size:11.5px}
}

/* ─── LE PIED (celui de galeon.care) : l'avertissement et le bloc MiCA, entre les colonnes et la ligne du bas ─── */
.inv-risques{margin-top:48px;display:grid;gap:14px;font-size:12.5px;line-height:1.6;color:var(--dim-2)}
.inv-risques p{margin:0;max-width:none}
.inv-risques__avert{font-size:13px;color:rgba(var(--tx-rgb),.66)}
.inv-risques__avert strong{color:rgba(var(--tx-rgb),.9);font-weight:600}
.inv-risques__mica{display:grid;gap:10px;color:rgba(var(--tx-rgb),.62)}
.inv-risques a{color:var(--inv-or-2);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.inv-risques a:hover{color:var(--tx)}
.foot__bottom a[href^="mailto:"]{overflow-wrap:anywhere}

/* ─── HERO ───────────────────────────────────────── */
/* La section porte « v-hero inv-hero » (+ « v-hero--seul » quand elle est centrée) : marges, titre (80 / 40 px),
   chapô (18 / 15 px) et largeurs sont ceux de .v-hero (css/v10.css), donc de galeon.care. Ce qui reste au
   site investisseurs : le FOND (une vidéo, dont le poster s'affiche sans elle, ou une image, que le voile fond
   dans --fond en bas), la hauteur plein écran des heros à image (comme les pages de campagne de galeon.care,
   journée et webinaire), et l'or du titre. */
.v-hero.inv-hero{display:flex;align-items:center;min-height:min(100svh,920px);background:var(--fond);isolation:isolate}
.v-hero--seul.inv-hero{text-align:center}
.v-hero--seul.inv-hero h1{margin:0 auto}
.v-hero--seul.inv-hero .lead{margin-left:auto;margin-right:auto}
.inv-fond{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.inv-hero__voile{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,16,32,.55) 0%,rgba(11,16,32,.25) 38%,rgba(11,16,32,.55) 70%,var(--fond) 100%),radial-gradient(60% 50% at 50% 42%,rgba(11,16,32,.55),transparent 75%)}
.inv-hero__etoiles{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.8}
.inv-hero .wrap{position:relative}
/* le dégradé doré rogne les jambages sous un interligne de .96 : un peu d'air sous la ligne */
.inv-hero h1.inv-or,.inv-hero h1 .inv-or{padding-bottom:.06em}
/* les boutons du hero : ceux de .v-hero__row (48 px, 14,5 px) */
.inv-hero .btn{height:48px;font-size:14.5px}
.inv-hero .btn.inv-caps{font-size:13.5px}

/* ─── PRESSE (bande défilante, .defiles de v10.css) ─ */
/* une bande, pas une section : la marge de la bande de logos du DPI (.dpi-logos, en bas), en haut comme en bas */
.v-sec.inv-presse{padding:clamp(40px,5vw,64px) 0}
.inv-presse .defile__piste{gap:64px}
.inv-presse .defile__piste img{height:32px;max-width:170px}
.inv-presse .defile__piste a{display:flex;align-items:center;height:100%;transition:opacity .2s}
.inv-presse .defile__piste a:hover{opacity:.7}

/* ─── LE PONT « Galeon relie… » ──────────────────── */
.inv-pont{text-align:center;margin:0 auto clamp(40px,6vw,72px)}
/* « Galeon relie… » à l'échelle d'un h3 de section, les mots à celle d'un h2 (.v-sec h3 / h2) */
.inv-pont__titre{margin:0 0 18px;font-size:clamp(19px,1.6vw,23px);font-weight:500;letter-spacing:-.02em;line-height:1.2;color:rgba(var(--tx-rgb),.86)}
.inv-pont__mots{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 18px;margin:0}
.inv-mot{display:inline-flex;align-items:center;gap:14px;font-size:clamp(30px,3.5vw,50px);font-weight:700;letter-spacing:-.03em;line-height:1.04}
.inv-mot__ic{flex:none;width:clamp(40px,3.6vw,52px);height:clamp(40px,3.6vw,52px);border-radius:50%;display:grid;place-items:center}
.inv-mot__ic img{width:46%;height:auto}
.inv-mot--sante .inv-mot__ic{background:var(--inv-grad-bleu)}
.inv-mot--chaine .inv-mot__ic{background:var(--inv-grad-or)}
.inv-pont__et{font-size:clamp(19px,1.6vw,23px);color:rgba(var(--tx-rgb),.6)}

/* ─── PORTRAIT + CHIFFRE ─────────────────────────── */
figure.inv-portrait{position:relative;margin:0;max-width:500px;justify-self:center;width:100%;border-radius:20px;overflow:hidden;border:1px solid var(--line-d)}
figure.inv-portrait>img:first-child{width:100%;height:auto}
/* image détourée sur les côtés (l'avatar en armure, 6 % transparents à gauche et à droite) : on rogne */
figure.inv-portrait--rogne{background:#d8c7a6}
figure.inv-portrait--rogne>img:first-child{width:114%;max-width:none;margin-left:-7%}
.inv-portrait__badge{position:absolute;left:clamp(14px,4%,24px);bottom:clamp(14px,4%,24px);padding:16px 20px;border-radius:16px;background:rgba(14,17,34,.5);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.inv-portrait__badge b{display:block;font-size:clamp(28px,3vw,38px);font-weight:700;letter-spacing:-.03em;line-height:1}
.inv-portrait__badge span{display:block;margin-top:6px;font-size:13px;color:rgba(var(--tx-rgb),.82)}
.inv-portrait__jeton,figure.inv-portrait .inv-portrait__jeton{position:absolute;top:14px;right:14px;width:56px;height:auto;border-radius:50%}

/* ─── POINTS (icône, titre, texte, séparés d'un trait) ─ */
.inv-points{margin:28px 0 0;padding:0;list-style:none;border-top:1px solid var(--line-d)}
.inv-point{display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;padding:22px 0;border-bottom:1px solid var(--line-d)}
.inv-point__ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--inv-carte-2);border:1px solid var(--line-d)}
.inv-point__ic img{width:30px;height:30px}
.inv-point h3{margin:2px 0 6px}
.inv-point p{margin:0;font-size:14.5px;line-height:1.55;color:var(--dim)}
/* variante à puce (sans icône) */
.inv-point--puce{grid-template-columns:14px minmax(0,1fr);gap:16px}
.inv-point__puce{width:10px;height:10px;margin-top:9px;border-radius:2px;transform:rotate(45deg);background:var(--inv-grad-or)}

/* ─── TUILES (les fonctions du token) ────────────── */
/* Les mesures de .v-grille / .v-carte (css/v10.css) : 16 px entre les cartes, rayon 20, marge 26, texte 14,5. */
.inv-bento{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}
.inv-tuile{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--inv-carte);border:1px solid var(--line-d)}
.inv-tuile--large{grid-column:span 2}
.inv-tuile__visuel{position:relative;flex:1;min-height:240px;display:grid;place-items:center;padding:24px;overflow:hidden}
.inv-tuile__texte{padding:0 26px 26px;text-align:center}
.inv-tuile__texte h3{margin:0 0 8px}
.inv-tuile__texte p{margin:0 auto;max-width:44ch;font-size:14.5px;line-height:1.55;color:var(--dim)}
.inv-tuile__texte em{font-style:normal}
.inv-carte-bancaire{width:min(100%,520px);height:auto;border-radius:18px;box-shadow:0 30px 60px rgba(0,0,0,.4)}
@media (max-width:900px){.inv-bento{grid-template-columns:minmax(0,1fr)}.inv-tuile--large{grid-column:auto}.inv-tuile__visuel{min-height:180px}}

/* Stake : trois vignettes, les pièces par-dessus, le champ et le bouton, le curseur qui clique */
.inv-stake{position:relative;width:100%;max-width:360px;padding-top:12px}
.inv-stake__tuiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.inv-stake__tuiles img{width:100%;height:auto;border-radius:14px}
.inv-stake__pieces img{position:absolute;height:auto;pointer-events:none;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}
.inv-stake__pieces img:nth-child(1){width:52%;right:-16%;top:-24%}
.inv-stake__pieces img:nth-child(2){width:40%;left:-14%;top:-20%}
.inv-stake__pieces img:nth-child(3){width:34%;left:30%;top:-26%}
.inv-stake__pieces img:nth-child(4){width:20%;right:20%;top:30%}

/* Gouvernance : les avatars sur la grille, certains votent */
.inv-votes{position:relative;display:grid;grid-template-columns:repeat(3,58px);gap:22px 30px;padding:18px 0}
.inv-votes__grille{position:absolute;inset:-20% -40%;width:180%;height:auto;max-width:none;opacity:.5;pointer-events:none}
.inv-vote{position:relative;width:58px;height:58px}
.inv-vote>img:last-child{width:58px;height:58px;border-radius:50%;border:2px solid rgba(255,255,255,.2)}
.inv-vote__pouce{position:absolute;top:-16px;right:-20px;width:36px;height:auto;z-index:1}

/* Parrainage : le code */
.inv-code{display:flex;align-items:center;gap:14px;padding:10px 10px 10px 24px;border-radius:999px;background:rgba(255,255,255,.07);font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:clamp(18px,2vw,22px);letter-spacing:.12em;color:var(--inv-or-2)}
.inv-code span:last-child{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(227,183,116,.12)}
.inv-code img{width:20px;height:auto}
.inv-xp{width:100%;height:auto;max-width:520px}

/* ─── CAS D'USAGE ────────────────────────────────── */
.inv-usages{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}
.inv-usage{position:relative;margin:0;border-radius:20px;overflow:hidden;aspect-ratio:4/5;border:1px solid var(--line-d);background:var(--fond-2)}
.inv-usage__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.inv-usage::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(11,16,32,.92) 82%)}
.inv-usage__texte{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:26px;text-align:center}
.inv-usage__texte h3{margin:0 0 8px}
.inv-usage__texte p{margin:0;font-size:14.5px;line-height:1.55;color:rgba(var(--tx-rgb),.8)}
.inv-plus{margin:clamp(28px,4vw,44px) 0 0;text-align:center;font-size:15px;color:var(--dim)}
.inv-plus a{color:var(--inv-or-2);font-weight:600;text-decoration:underline;text-decoration-color:var(--inv-trait-or);text-underline-offset:4px}
.inv-plus a:hover{text-decoration-color:var(--inv-or)}
@media (max-width:900px){.inv-usages{grid-template-columns:minmax(0,1fr);max-width:460px;margin:0 auto}}

/* ─── TRANSPARENCE ON-CHAIN (.aw, css/atlantis-wallets.css) ─ */
/* La section garde son balisage aw-* (js/atlantis-wallets.js lit ses data-aw-*) et ses couleurs : on lui donne
   le fond de la page, les marges et la largeur d'une .v-sec, et l'échelle de .v-sec__tete (surtitre, h2, chapô).
   css/atlantis-wallets.css n'est pas touchée : les pages en ligne s'en servent. */
.inv .aw{background:transparent;padding:clamp(72px,9vw,128px) 0;font-size:15px}
.inv .aw-inner{max-width:var(--w);padding:0 32px}
@media (max-width:640px){.inv .aw-inner{padding:0 16px}}
.inv .aw-head{max-width:760px;margin:0 auto clamp(36px,5vw,64px)}
.inv .aw-eyebrow{margin:0 0 18px;font-size:11px;letter-spacing:.16em}
.inv .aw-title{margin:0;font-size:clamp(30px,3.5vw,50px);font-weight:700;letter-spacing:-.03em;line-height:1.04;padding-bottom:.06em}
.inv .aw-lead{margin:18px auto 0;font-size:clamp(15px,1.2vw,17px);line-height:1.6;max-width:56ch}

/* ─── CHIFFRES SUR VIDÉO ─────────────────────────── */
.v-sec.inv-chiffres{overflow:hidden;isolation:isolate}
.inv-chiffres__voile{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--fond) 0%,rgba(11,16,32,.72) 22%,rgba(11,16,32,.72) 78%,var(--fond) 100%)}
.inv-chiffres .v-chiffre b{background:var(--inv-grad-or);-webkit-background-clip:text;background-clip:text;color:transparent}
.inv-chiffres .v-chiffre b small{font-size:.62em;margin-left:.12em;letter-spacing:-.02em}
.inv-chiffres .v-chiffre{text-align:center}
.inv-chiffres .v-chiffre span{color:rgba(var(--tx-rgb),.82)}
@media (max-width:640px){.inv-chiffres .v-chiffres{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ─── LIVRE BLANC ────────────────────────────────── */
.inv-livre{position:relative;margin:0;border-radius:20px;overflow:hidden;aspect-ratio:4/5;max-width:520px;width:100%;justify-self:center;border:1px solid var(--line-d)}
figure.inv-livre>img{width:100%;height:100%;object-fit:cover}
.inv-livre__carte{position:absolute;left:16px;right:16px;bottom:16px;display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:18px;background:rgba(14,17,34,.55);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .25s,border-color .25s}
.inv-livre__carte:hover{background:rgba(14,17,34,.75);border-color:rgba(255,255,255,.32)}
.inv-livre__tetes{display:flex;flex:none}
figure.inv-livre .inv-livre__tetes img{width:40px;height:40px;border-radius:50%;border:2px solid #1a2240}
figure.inv-livre .inv-livre__tetes img+img{margin-left:-12px}
.inv-livre__carte b{flex:1;font-size:16px;font-weight:600}
.inv-livre__carte svg{flex:none;width:20px;height:20px;color:var(--inv-or-2)}
.inv-livre-texte .btn{margin-top:26px}

/* ─── BANDE D'APPEL SUR VIDÉO ────────────────────── */
/* Les mesures de la bande d'appel de galeon.care (.v-appel / .v-appel--demo) : rayon 28, marge, titre, texte,
   bouton ; la vidéo en fond reste au site investisseurs. */
.inv-appel{position:relative;overflow:hidden;isolation:isolate;border-radius:28px;padding:clamp(36px,5vw,64px);text-align:center;border:1px solid var(--line-d)}
.inv-appel__voile{position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 70% at 50% 50%,rgba(11,16,32,.55),rgba(11,16,32,.82))}
.inv-appel h2{font-size:clamp(26px,3.1vw,42px);line-height:1.08;max-width:22ch;margin:0 auto}
.inv-appel p{margin:16px auto 26px;max-width:52ch;color:rgba(var(--tx-rgb),.85)}

/* ─── LETTRE D'INFORMATION ───────────────────────── */
/* Envoyée par js/galeon-forms.js : .w-form, .w-form-done et .w-form-fail sont SES repères, et le
   nom du formulaire (data-name) décide de la liste Brevo (src/lib/brevo-lists.json). */
.inv-lettre{max-width:760px;margin:0 auto;text-align:center}
.inv-lettre .w-form{margin:28px auto 0;max-width:520px}
.inv-lettre__champ{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 22px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.18);transition:border-color .2s}
.inv-lettre__champ:focus-within{border-color:var(--inv-or)}
.inv-lettre__champ input[type=email]{flex:1;min-width:0;height:44px;border:0;background:none;outline:none;font-size:15px;color:var(--tx)}
.inv-lettre__champ input[type=email]::placeholder{color:rgba(var(--tx-rgb),.45)}
.inv-lettre__envoi{position:relative;flex:none;width:48px;height:48px}
.inv-lettre__envoi input{width:100%;height:100%;border:0;border-radius:50%;background:var(--inv-grad-or);color:transparent;font-size:0;cursor:pointer}
.inv-lettre__envoi img{position:absolute;inset:0;margin:auto;width:20px;height:20px;pointer-events:none;filter:brightness(0)}
.inv .inv-lettre .w-form-done{margin-top:4px;background:rgba(255,255,255,.06);border-color:transparent;color:var(--tx)}
.inv .inv-lettre .w-form-fail{color:#ff8a7a}
.inv .inv-lettre .galeon-done{color:var(--tx)}

/* Les blocs du kit V10, à l'or du site investisseurs */
.inv .v-carte:hover{border-color:var(--line-d)}
.inv .v-faq a{color:var(--inv-or-2);text-decoration:underline;text-decoration-color:var(--inv-trait-or);text-underline-offset:3px}
/* Le menu mobile : ses colonnes prennent toute la largeur (sur galeon.care, la carte du panneau l'imposait ;
   ici, sans carte, le surlignage de la page courante se serait arrêté au bout du mot). */
.inv .menu .mega__cols{align-self:stretch}

/* ─── Le pied et son aurore, en or (Simon, 21/10/2026) ─────────────────────────────────────────────
   Même pied que galeon.care (v10.css, généré par v10-gabarit.mjs), mais le bleu de l'orbe y devient l'or
   du site investisseurs : le bas du pied, l'aurore (fond et orbe), le grand GALEON et son reflet. Les
   réglages de forme (taille, flou, hauteur, grain) restent ceux de v10.css ; seules les teintes changent. */
.inv .foot::after{background:linear-gradient(180deg,rgba(12,17,36,0) 0%,rgba(34,28,26,.3) 18%,rgba(52,40,30,.55) 36%,rgba(70,52,34,.74) 54%,rgba(86,62,36,.88) 72%,rgba(96,69,38,.96) 88%,#664a28 100%)}
.inv .aurore{background:#664a28}
.inv .aurore__ciel{background:radial-gradient(circle at 50% 24%,rgba(245,210,161,.74) 0%,rgba(214,170,108,.59) 16%,rgba(170,128,76,.44) 32%,rgba(124,92,56,.29) 48%,rgba(96,72,46,.13) 64%,rgba(88,66,42,0) 80%)}
.inv #v10FootGrad stop{stop-color:#f5d2a1}
.inv #v10RefletCoeur stop:nth-child(2){stop-color:#ffe9c4}.inv #v10RefletCoeur stop:nth-child(3){stop-color:#e3b774}
.inv .foot__trust span::before{background:var(--inv-or)}
/* les cartes du méga-menu (menu.json › invest › barre › carte) : le lien à l'or du site investisseurs */
.inv .mega__card a{color:var(--inv-or-2)}
.inv .mega__card a:hover{color:#fff}

/* ─── LA HOME DU JETON (/fr/jeton-galeon, /galeon-token ; Simon, 26/10/2026) ─── */
.inv-hero__row{justify-content:center}
.inv-chiffres-jeton .v-chiffre{text-align:center}
.inv-chiffres-jeton .v-chiffre b{background:var(--inv-grad-or);-webkit-background-clip:text;background-clip:text;color:transparent}
.inv-chiffres-jeton .v-chiffre b small{font-size:.62em;margin-left:.12em;letter-spacing:-.02em}
.inv-note{margin:clamp(28px,4vw,44px) auto 0;max-width:60ch;text-align:center;font-size:14px;color:var(--dim)}
.inv-note a{color:var(--inv-or-2);text-decoration:underline;text-decoration-color:var(--inv-trait-or);text-underline-offset:3px}
/* Icônes : Phosphor, graisse fill (@phosphor-icons/core 2.1.1, MIT), en SVG en ligne dans la page ; en or, sans
   pastille de fond (Simon, 27/10/2026). Les contours dorés fins sont retirés : des surfaces, l'or pour les accents. */
/* l'état du jeton : deux cartes, puis le contrat officiel sur toute la largeur */
.inv-etat{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.inv-etat .v-carte{border-color:transparent}
.inv-etat .v-carte__ic{width:auto;height:auto;justify-content:start;background:none;color:var(--inv-or)}
.inv-etat .v-carte__ic svg{width:28px;height:28px}
.inv-contrat{grid-column:1/-1;background:rgba(255,255,255,.065);box-shadow:0 24px 60px rgba(0,0,0,.28)}
.inv-contrat h3 small{margin-left:8px;font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--dim)}
.inv-contrat__adresse{display:block;padding:12px 14px;border-radius:12px;background:rgba(0,0,0,.28);font-size:14px;color:var(--tx);overflow-wrap:anywhere}
.inv-contrat__actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;font-size:14px;font-weight:600}
.inv-contrat__actions a{display:inline-flex;align-items:center;gap:6px;color:var(--inv-or-2)}
.inv-contrat__actions a svg{width:15px;height:15px}
.inv-contrat__actions a:hover{color:var(--tx)}
.inv-contrat__copier{height:36px;padding:0 16px;border:0;border-radius:999px;background:rgba(255,255,255,.1);color:var(--tx);font:inherit;cursor:pointer;transition:background .2s}
.inv-contrat__copier:hover{background:rgba(255,255,255,.16)}
/* aller plus loin : des liens en rangées, plus une grille de cartes identiques à « Ouvrir → » */
.inv-liens{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px;margin:0 auto}
.inv-lien{display:flex;align-items:center;gap:18px;padding:18px 22px;border-radius:16px;background:rgba(255,255,255,.04);transition:background .2s}
.inv-lien:hover{background:rgba(255,255,255,.08)}
.inv-lien__ic{flex:none;width:26px;height:26px;color:var(--inv-or)}
.inv-lien div{flex:1;min-width:0}
.inv-lien h3{margin:0;font-size:16px;line-height:1.3}
.inv-lien p{margin:3px 0 0;font-size:14px;line-height:1.45;color:var(--dim)}
.inv-lien__fleche{flex:none;width:18px;height:18px;color:rgba(var(--tx-rgb),.35);transition:transform .2s,color .2s}
.inv-lien:hover .inv-lien__fleche{transform:translateX(3px);color:var(--inv-or-2)}
@media (max-width:760px){.inv-liens{grid-template-columns:minmax(0,1fr)}.inv-lien{padding:16px 18px}}
/* le contact : le téléphone marketing et l'adresse, côte à côte */
.inv-contact{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(28px,4vw,48px);border-radius:28px;background:rgba(255,255,255,.045)}
.inv-contact h2{font-size:clamp(26px,3vw,40px);line-height:1.08;margin:0}
.inv-contact p{margin:12px 0 0;color:var(--dim)}
.inv-contact__liens{display:flex;flex-direction:column;gap:10px}
.inv-contact__lien{display:flex;align-items:center;gap:14px;padding:14px 20px 14px 18px;border-radius:16px;background:rgba(255,255,255,.07);font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;transition:background .2s}
.inv-contact__lien:hover{background:rgba(255,255,255,.12)}
.inv-contact__lien svg{width:22px;height:22px;flex:none;color:var(--inv-or)}
.inv-contact__lien span{display:flex;flex-direction:column;gap:2px}
.inv-contact__lien small{font-size:12.5px;font-weight:500;color:var(--dim)}
@media (max-width:760px){
  .inv-etat{grid-template-columns:minmax(0,1fr)}
  .inv-contact{grid-template-columns:minmax(0,1fr)}
}

/* ─── LA PAGE FINANCEMENT (/fr/financement, /funding ; Simon, 27/10/2026) ─── */
/* Chaque tour clos, du plus ancien au plus récent : une carte par tour sur une ligne de temps. Des surfaces, pas de
   filets dorés (retour de Simon du 27/10) ; l'or ne porte que les montants. */
.inv-fin-etat{display:inline-block;margin:6px 0 0;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.08);font-size:14px;font-weight:600;color:var(--tx)}
.inv-tours{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));counter-reset:tour}
.inv-tour{position:relative;display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:20px;background:rgba(255,255,255,.05);box-shadow:0 12px 32px rgba(0,0,0,.18)}
.inv-tour__tete{display:flex;align-items:center;justify-content:space-between;gap:10px}
.inv-tour__periode{font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--dim)}
.inv-tour__clos{flex:none;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.08);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--tx-rgb),.7)}
.inv-tour h3{margin:4px 0 0;font-size:18px}
.inv-tour__montant{margin:0;display:flex;align-items:baseline;gap:8px}
.inv-tour__montant b{font-size:clamp(28px,2.6vw,36px);letter-spacing:-.03em;background:var(--inv-grad-or);-webkit-background-clip:text;background-clip:text;color:transparent}
.inv-tour__montant span{font-size:13.5px;color:var(--dim)}
.inv-tour p:not(.inv-tour__montant){margin:0;font-size:14.5px;line-height:1.55;color:var(--dim)}
.inv-tour__lien{margin-top:auto;padding-top:6px;font-size:14px;font-weight:600;color:var(--inv-or-2)}
.inv-fin-lettre{margin:10px auto 0;max-width:52ch;color:var(--dim);text-align:center}
@media (max-width:1100px){.inv-tours{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.inv-tours{grid-template-columns:minmax(0,1fr)}}