/* ============================================================
   PARRAINAGE ATLANTIS (invest.galeon.care/fr/atlantis-referral, /atlantis-referral) — ce que la page
   ajoute au socle css/v10-invest.css. Chargée APRÈS v10.css et v10-invest.css, seulement par
   public/preview/invest/atlantis-referral/ (FR) et /en/. Toutes ses classes commencent par inv-par-.
   Les fonds (carte d'Atlantis, vague dorée, halo) sont ceux de la page Webflow d'origine.
   ============================================================ */

/* ─── HERO ───────────────────────────────────────── */
/* Les quatre couches de .referral-hero : halo doré en haut, vague dorée, voile sombre, carte d'Atlantis. */
.inv-hero.inv-par-hero{background-color:var(--fond);background-image:radial-gradient(circle closest-corner at 50% 0,rgba(229,187,127,.15),rgba(229,187,127,0) 65%),url("/cdn/6904b4e986a06c2121f9e94d_hero.avif"),linear-gradient(var(--fond),rgba(11,16,32,.93) 25%,rgba(11,16,32,.93) 75%,var(--fond)),url("/cdn/6904b44bd3336b5557aba25a_MacBook%20Pro%2014_%20-%202.avif");background-position:50% 0,50% 100%,0 0,50% 0;background-size:auto,cover,auto,cover;background-repeat:no-repeat}
/* le retour à la ligne d'origine laissait « pour » seul sur sa ligne en mobile */
@media (max-width:640px){.inv-hero.inv-par-hero h1 br{display:none}}
/* l'icône fusée des boutons d'origine */
.btn .inv-par-fusee{width:18px;height:18px;flex:none}

/* ─── LES TROIS ÉTAPES ───────────────────────────── */
.inv-par-etapes{grid-template-columns:repeat(3,minmax(0,1fr))}
.inv-par-etapes .v-carte{align-items:center;text-align:center;background:radial-gradient(circle at 50% 35%,rgba(71,154,243,.1),rgba(243,171,71,0) 70%),rgba(255,255,255,.04)}
.inv-par-etapes .v-carte:hover{border-color:var(--line-d)}
.inv-par-etapes .v-carte img{width:100%;max-width:240px;height:auto;margin:0 auto 6px}
/* étape 3 : l'icône « tableau de bord » dans un cadre aux proportions des illustrations (l'image d'origine, un bon de
   200 EUR, est retirée : revue MiCA du 16/10/2026) */
.inv-par-etapes__ic{display:grid;place-items:center;width:100%;max-width:240px;aspect-ratio:307/245;margin:0 auto 6px}
.inv-par-etapes .v-carte .inv-par-etapes__ic img{width:72px;max-width:none;margin:0}
.inv-par-action{margin:clamp(32px,4vw,48px) 0 0;text-align:center}
@media (max-width:900px){.inv-par-etapes{grid-template-columns:minmax(0,1fr);max-width:460px;margin:0 auto}}

/* ─── LE PARRAINAGE DANS ATLANTIS (la prime et la commission sont retirées : revue MiCA du 16/10/2026) ─ */
.inv-par-gains{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;max-width:640px;margin:0 auto;padding:0;list-style:none;text-align:center;isolation:isolate}
/* le halo doré d'origine (bg.svg, 972 × 318) derrière les deux points */
.inv-par-gains::before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:min(972px,100%);aspect-ratio:972/318;transform:translate(-50%,-50%);background:url("/cdn/6904d462e3f78f9bfff33b70_bg.svg") center/contain no-repeat;pointer-events:none}
.inv-par-gains li{display:flex;flex-direction:column;align-items:center;gap:14px}
.inv-par-gains img{width:64px;height:auto}
/* à l'échelle d'un h3 de section (.v-sec h3) */
.inv-par-gains p{margin:0;font-size:clamp(19px,1.6vw,23px);font-weight:600;line-height:1.2;letter-spacing:-.02em}
@media (max-width:760px){.inv-par-gains img{width:48px}}

/* ─── ATLANTIS WORLD ─────────────────────────────── */
/* La carte d'Atlantis en fond (Border.avif), assombrie, avec le halo doré du bas de la carte d'origine ; les
   mesures de la bande d'appel de galeon.care (.v-appel--demo), comme .inv-appel. */
.inv-par-monde{position:relative;overflow:hidden;border-radius:28px;border:1px solid var(--line-d);padding:clamp(36px,5vw,64px);text-align:center;background-color:var(--fond-2);background-image:radial-gradient(circle closest-corner at 50% 100%,rgba(255,192,105,.3),rgba(255,192,105,0)),linear-gradient(rgba(11,16,32,.6),rgba(11,16,32,.9)),url("/cdn/6904cd1bb1a538dd5927dec9_Border.avif");background-position:0 0,0 0,50% 50%;background-size:auto,auto,cover;background-repeat:no-repeat}
.inv-par-monde img{width:clamp(120px,14vw,170px);height:auto;margin:0 auto 22px}
.inv-par-monde h2{font-size:clamp(26px,3.1vw,42px);line-height:1.08;max-width:22ch;margin:0 auto}
.inv-par-monde p{margin:16px auto 26px;max-width:52ch;color:rgba(var(--tx-rgb),.85)}

/* ─── FAQ ────────────────────────────────────────── */