@font-face{font-family:Nunito;src:url(/rejoindre/assets/Nunito-Regular.ttf)}@font-face{font-family:Nunito;src:url(/rejoindre/assets/Nunito-Bold.ttf);font-weight:700}@font-face{font-family:Baloo;src:url(/rejoindre/assets/Baloo2-ExtraBold.ttf);font-weight:800}
:root{--purple:#413681;--purple-2:#7054d9;--coral:#fc6e51;--aqua:#31c9c5;--ink:#3f3860;--muted:#716b83;--ivory:#fffaf3;--white:#fff;--lav:#f5f1ff;--mint:#effbf8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#d9d7df;font-family:Nunito,sans-serif;color:var(--ink)}.artboard{width:1440px;margin:auto;background:var(--ivory);overflow:hidden}.topbar{height:112px;padding:18px 76px;display:flex;align-items:center;justify-content:space-between;background:#fff}.topbar img,footer img{width:220px}.topbar a,.button{display:inline-flex;align-items:center;gap:14px;text-decoration:none;background:linear-gradient(120deg,var(--coral),#ff8b67);color:#fff;border-radius:999px;padding:12px 14px 12px 23px;font-weight:800;box-shadow:0 16px 32px rgba(252,110,81,.22)}.topbar a i,.button i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.22);font-style:normal}.hero{margin:0 38px;height:860px;border-radius:42px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;padding:78px 54px 62px 72px;background:linear-gradient(125deg,#3c327c 0%,#6950cb 52%,#a85fc1 100%);color:#fff;overflow:hidden}.hero-copy{position:relative;z-index:4}.eyebrow{display:inline-block;color:var(--coral);font-size:13px;font-weight:800;letter-spacing:.16em;margin-bottom:24px}.eyebrow.light{color:#ffc0b1}.hero h1,h2{font-family:Baloo;margin:0;line-height:.98}.hero h1{font-size:70px}.hero h1 em,.section-heading h2 em,.problem h2 em,.voices h2 em,.final-cta h2 em{color:var(--coral);font-style:normal}.hero h1 em{color:#78e5df}.hero-copy p{max-width:570px;font-size:21px;line-height:1.55;color:#f1edff}.hero-copy small,.final-cta small{display:block;margin-top:16px;color:#eae5f8}.hero-visual{height:690px;position:relative}.scene{position:absolute;inset:0 0 122px 14px;border-radius:34px;overflow:hidden;background:url(/rejoindre/assets/hero-situation-locale.png) center/cover no-repeat;box-shadow:0 35px 80px rgba(30,21,78,.3);isolation:isolate}.scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(56,42,128,.36),rgba(56,42,128,.04));z-index:-1}.hero-finou{position:absolute;width:610px;right:-58px;bottom:-90px;filter:drop-shadow(0 24px 28px rgba(24,16,70,.28));animation:float 5s cubic-bezier(.32,.72,0,1) infinite}.proof-tags{position:absolute;left:14px;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.proof-tags div{min-height:105px;padding:17px 18px;border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 18px 38px rgba(35,25,80,.2);animation:drift 6s cubic-bezier(.32,.72,0,1) infinite}.proof-tags div:nth-child(2){animation-delay:-2s}.proof-tags div:nth-child(3){animation-delay:-4s}.proof-tags b,.proof-tags span{display:block}.proof-tags b{font:800 19px Baloo;color:var(--purple)}.proof-tags span{font-size:13px;line-height:1.3;color:var(--muted)}
.section-pad{padding:110px 88px}.problem{min-height:720px;display:grid;grid-template-columns:.74fr 1fr;gap:75px;align-items:center;background:linear-gradient(125deg,#fffaf3 0%,#f0fcf9 100%)}.problem-visual{height:515px;border-radius:42px;background:linear-gradient(145deg,#eee8ff,#e5faf6);display:grid;place-items:center;overflow:hidden}.problem-visual img{width:510px}.problem h2,.section-heading h2,.voices h2,.final-cta h2{font-size:62px}.problem-copy>p,.section-heading p,.voices-copy>p{font-size:20px;line-height:1.55;color:var(--muted);max-width:650px}.journey{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.journey div{padding:20px 18px;border-radius:22px;background:#fff;box-shadow:0 14px 32px rgba(70,56,110,.08)}.journey b,.journey span{display:block}.journey b{color:var(--coral);font-size:12px;letter-spacing:.14em}.journey span{margin-top:8px;font-weight:800;line-height:1.25}
.product{min-height:1440px;background:#fff}.section-heading{max-width:800px}.section-heading.center{text-align:center;margin:auto}.product-stage{position:relative;height:970px;margin-top:70px}.browser-shell{position:absolute;left:0;right:0;top:0;padding:12px;border-radius:34px;background:#eeeaf7;box-shadow:0 36px 85px rgba(65,54,129,.16)}.browser-bar{height:44px;border-radius:22px 22px 10px 10px;background:#fff;display:flex;align-items:center;padding:0 18px;gap:9px}.browser-bar i{width:9px;height:9px;border-radius:50%;background:#e2ddec}.browser-bar i:first-child{background:#ff9b84}.browser-bar span{margin-left:20px;color:#938ca2;font-size:12px}.browser-shell img{width:100%;display:block;border-radius:10px 10px 23px 23px}.focus-card{position:absolute;width:350px;padding:18px;border-radius:28px;background:#fff;box-shadow:0 22px 52px rgba(55,44,101,.16);z-index:2}.focus-card>span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:var(--coral);color:#fff;font-weight:800}.focus-card>b,.focus-card>small{display:block}.focus-card>b{margin-top:13px;font:800 21px Baloo;color:var(--purple)}.focus-card>small{color:var(--muted)}.focus-a{left:28px;bottom:0}.focus-b{left:455px;bottom:-28px}.focus-c{right:28px;bottom:0}.crop{height:150px;margin-top:14px;border-radius:18px;background-image:url(/rejoindre/assets/capture-lecon.png);background-size:840px auto;background-repeat:no-repeat}.crop-manual{background-position:20% 100%}.crop-bilingual{background-position:75% 100%}.crop-audio{background-position:65% 61%}.motion-note{width:800px;margin:80px auto 0;display:flex;align-items:center;gap:18px;padding:20px 24px;border-radius:25px;background:var(--lav)}.motion-note>i{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--purple);color:#fff;font-style:normal}.motion-note b,.motion-note span{display:block}.motion-note b{color:var(--purple)}.motion-note span{color:var(--muted);margin-top:3px}
.subjects{min-height:1160px;background:linear-gradient(180deg,#fff8f2 0%,#f5f1ff 55%,#effbf8 100%)}.subject-track{margin-top:60px;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.subject-track article{min-height:330px;background:#fff;border-radius:28px;padding:10px 10px 24px;box-shadow:0 18px 40px rgba(68,55,105,.09)}.subject-track img{width:100%;height:175px;object-fit:cover;border-radius:21px}.subject-track span,.subject-track b{display:block;padding:0 10px}.subject-track span{margin-top:17px;color:var(--coral);font-size:11px;font-weight:800;letter-spacing:.1em}.subject-track b{margin-top:8px;font:800 18px/1.2 Baloo}.autonomy-card{width:940px;height:250px;margin:90px auto 0;display:flex;align-items:center;justify-content:center;gap:48px;padding:20px 50px;border-radius:36px;background:#fff;box-shadow:0 22px 50px rgba(62,50,102,.1)}.autonomy-card img{height:280px;margin-top:-70px}.autonomy-card span{font-size:12px;color:var(--coral);font-weight:800;letter-spacing:.15em}.autonomy-card p{font:800 24px/1.35 Baloo;color:var(--purple)}
.voices{min-height:760px;display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;background:#fff}.voices-copy{position:relative}.voices-copy img{position:absolute;width:355px;left:80px;bottom:-135px}.quote-cloud{display:flex;flex-direction:column;justify-content:center;gap:22px}.quote-cloud blockquote{position:relative;margin:0;padding:30px 34px;border-radius:30px 30px 30px 8px;background:#fff;box-shadow:0 20px 55px rgba(65,54,129,.1);font:800 24px/1.35 Baloo;color:var(--purple);animation:quoteFloat 6s cubic-bezier(.32,.72,0,1) infinite}.quote-cloud blockquote i{position:absolute;left:0;top:22px;width:5px;height:46px;border-radius:0 5px 5px 0;background:var(--coral)}.quote-cloud .q2{margin-left:70px;animation-delay:-2s}.quote-cloud .q2 i{background:var(--aqua)}.quote-cloud .q3{margin-left:20px;animation-delay:-4s}.quote-cloud .q3 i{background:var(--purple-2)}
.offer{min-height:900px;display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center;color:#fff;background:linear-gradient(130deg,#3a3079 0%,#7054d9 63%,#ca5b9e 100%);overflow:hidden}.offer h2{font-size:62px;color:#fff}.offer-copy{position:relative}.offer-copy>p{font-size:20px;color:#ebe6ff;max-width:520px}.offer ul{list-style:none;padding:0;margin:28px 0;font-size:18px}.offer li{margin:13px 0}.offer li:before{content:"✓";display:inline-grid;place-items:center;width:27px;height:27px;border-radius:9px;margin-right:12px;background:var(--aqua);color:#2f2965;font-weight:900}.offer-copy>img{position:absolute;width:400px;right:-130px;bottom:-155px}.price-wrap{padding:10px;border-radius:42px;background:rgba(255,255,255,.14)}.price-card{padding:44px;border-radius:34px;background:#fff;color:var(--ink);box-shadow:0 30px 75px rgba(25,16,70,.28)}.price-card>span{color:var(--coral);font-size:12px;font-weight:800;letter-spacing:.15em}.price-card>div{display:flex;align-items:baseline;gap:15px}.price-card>div b{font:800 82px Baloo;color:var(--coral)}.price-card>div small{font-weight:800}.price-card p{color:var(--muted)}.price-card>i{display:block;text-align:center;color:#aaa1b7}.price-card h3{font:800 27px Baloo;margin-bottom:2px}.price-card>.button{margin-top:28px;width:100%;justify-content:center}.price-card>small{color:var(--muted)}
.final-cta{min-height:650px;display:grid;grid-template-columns:1fr .58fr;align-items:center;background:linear-gradient(120deg,#f8f4ff 0%,#fffaf3 48%,#effbf8 100%);overflow:hidden}.final-cta h2{color:var(--purple)}.final-cta>div{position:relative;z-index:2}.final-cta>img{width:520px;transform:translateY(75px)}.final-cta small{color:var(--muted)}footer{height:150px;padding:28px 76px;display:flex;align-items:center;justify-content:space-between;background:#fff;color:#777089}
.voices-copy img{width:325px;left:82px;bottom:-42px}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes quoteFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

/* V5.1 — alignement strict sur les tokens officiels de l'application. */
:root{--purple:#342f63;--purple-2:#6847ce;--coral:#ff6549;--aqua:#37c6c0;--ink:#342f63;--muted:#50617f;--ivory:#fff8ef;--white:#fffdf9;--lav:#f6f3ff;--mint:#effcfa}
h2,.problem h2,.section-heading h2,.voices h2,.final-cta h2,.subject-track b,.autonomy-card p{color:#342f63}
.problem-copy>p,.section-heading p,.voices-copy>p,.focus-card>small,.motion-note span,.final-cta small{color:#50617f}

/* Hero : le paysage devient le véritable arrière-plan, sans image-carte ni étirement. */
.hero{position:relative;isolation:isolate;grid-template-columns:1.04fr .96fr;background:linear-gradient(100deg,rgba(52,47,99,.98) 0%,rgba(52,47,99,.91) 42%,rgba(104,71,206,.66) 68%,rgba(229,63,140,.38) 100%),url(/rejoindre/assets/hero-situation-locale.png) center/cover no-repeat;box-shadow:0 28px 70px rgba(52,47,99,.20)}
.hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 78% 18%,rgba(186,168,245,.58),transparent 25%),radial-gradient(circle at 94% 73%,rgba(55,198,192,.23),transparent 24%),radial-gradient(circle at 54% 8%,rgba(255,101,73,.15),transparent 19%);pointer-events:none}
.hero:after{content:"";position:absolute;z-index:-1;right:5%;top:5%;width:38%;height:55%;opacity:.54;background-image:radial-gradient(circle,#fff 0 2px,transparent 2.5px),radial-gradient(circle,#78ddd8 0 2px,transparent 2.5px);background-position:0 0,36px 29px;background-size:92px 92px,114px 114px;mask-image:linear-gradient(135deg,transparent 8%,#000 48%,transparent 90%);pointer-events:none}
.hero-copy{max-width:680px}.hero-visual{height:700px}.scene{inset:18px -10px 116px 0;overflow:visible;background:none;box-shadow:none}.scene:after{display:none}.hero-finou{width:485px;right:-12px;bottom:-36px;filter:drop-shadow(0 30px 32px rgba(23,17,78,.34))}
.proof-tags{left:4px;right:0;bottom:4px;gap:14px}.proof-tags div{min-height:108px;border:1px solid rgba(255,255,255,.72);background:rgba(255,253,249,.94);box-shadow:0 20px 45px rgba(33,26,87,.24),inset 0 1px 0 #fff}.proof-tags b{color:#342f63}.proof-tags div:nth-child(2) b{color:#6847ce}.proof-tags div:nth-child(3) b{color:#199ea5}

/* Carte autonomie : Finou complet, sans marge négative ni recouvrement par la section suivante. */
.autonomy-card{position:relative;z-index:2;width:980px;height:330px;margin-top:80px;padding:20px 58px;gap:58px;overflow:visible;border:1px solid #e8e4f3;box-shadow:0 28px 65px rgba(52,47,99,.14),inset 0 1px 0 #fff}
.autonomy-card:after{content:"";position:absolute;z-index:-1;left:34px;bottom:18px;width:310px;height:54px;border-radius:50%;background:radial-gradient(ellipse,rgba(52,47,99,.19),transparent 68%);filter:blur(7px)}
.autonomy-card img{height:300px;margin:0;align-self:center;filter:drop-shadow(0 20px 22px rgba(52,47,99,.17))}

/* Témoignages : espace, relief et zéro chevauchement entre oreilles et texte. */
.voices{min-height:860px;grid-template-columns:.78fr 1.22fr;gap:110px;background:radial-gradient(circle at 8% 14%,rgba(104,71,206,.08),transparent 24%),radial-gradient(circle at 88% 78%,rgba(55,198,192,.10),transparent 25%),#fffdf9}
.voices-copy{min-height:640px;padding-bottom:340px}.voices-copy>p{max-width:440px}.voices-copy img{left:58px;bottom:2px;width:285px;filter:drop-shadow(0 23px 25px rgba(52,47,99,.18))}
.voices-copy:after{content:"";position:absolute;left:38px;bottom:-5px;width:335px;height:60px;border-radius:50%;background:radial-gradient(ellipse,rgba(52,47,99,.20),transparent 68%);filter:blur(8px)}
.quote-cloud{gap:26px}.quote-cloud blockquote{padding:34px 38px;border:1px solid #e8e4f3;background:#fffdf9;box-shadow:0 24px 58px rgba(52,47,99,.13),inset 0 1px 0 #fff;color:#342f63}.quote-cloud .q2{margin-left:58px}.quote-cloud .q3{margin-left:16px}

/* Le CTA final reprend le même relief lumineux que le login. */
.final-cta{position:relative;isolation:isolate;background:radial-gradient(circle at 84% 18%,rgba(142,114,227,.20),transparent 25%),radial-gradient(circle at 12% 88%,rgba(55,198,192,.16),transparent 25%),linear-gradient(120deg,#f6f3ff 0%,#fff8ef 52%,#effcfa 100%)}
.final-cta:before{content:"";position:absolute;z-index:-1;left:-80px;top:-100px;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(255,101,73,.15),transparent 68%)}
.final-cta>img{filter:drop-shadow(0 30px 32px rgba(52,47,99,.18))}

/* V5.2 — contraste, peps et ancrage au sol demandés par Nessy. */
.hero{background:linear-gradient(100deg,rgba(23,17,63,.99) 0%,rgba(52,47,99,.97) 43%,rgba(73,48,146,.90) 69%,rgba(87,19,51,.72) 100%),url(/rejoindre/assets/hero-situation-locale.png) center/cover no-repeat;box-shadow:0 30px 78px rgba(52,47,99,.28),inset 0 1px 0 rgba(255,255,255,.13)}
.hero:before{background:radial-gradient(circle at 76% 16%,rgba(142,114,227,.62),transparent 24%),radial-gradient(circle at 94% 73%,rgba(55,198,192,.22),transparent 22%),radial-gradient(circle at 58% 4%,rgba(255,101,73,.22),transparent 18%)}
.hero-copy p{color:rgba(255,255,255,.86)}

.problem{position:relative;isolation:isolate;background:radial-gradient(circle at 4% 18%,rgba(104,71,206,.14),transparent 24%),radial-gradient(circle at 93% 84%,rgba(55,198,192,.15),transparent 25%),linear-gradient(125deg,#fff8ef 0%,#effcfa 100%)}
.problem:after{content:"✦";position:absolute;z-index:-1;right:64px;top:48px;color:#ff9d8b;font-size:46px;opacity:.75;text-shadow:-42px 65px 0 rgba(55,198,192,.48),35px 120px 0 rgba(142,114,227,.36)}
.problem-visual{border:1px solid rgba(104,71,206,.10);box-shadow:0 28px 65px rgba(52,47,99,.13),inset 0 1px 0 #fff}

.product{position:relative;isolation:isolate;background:radial-gradient(circle at 92% 9%,rgba(142,114,227,.12),transparent 22%),linear-gradient(180deg,#fffdf9 0%,#f6f3ff 48%,#fffdf9 100%)}
.product:before{content:"";position:absolute;z-index:-1;left:-120px;top:260px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(55,198,192,.13),transparent 68%)}
.browser-shell{box-shadow:0 40px 95px rgba(52,47,99,.22),0 0 0 1px rgba(104,71,206,.07)}
.focus-card{box-shadow:0 28px 62px rgba(52,47,99,.20),inset 0 1px 0 #fff}

.subjects{position:relative;isolation:isolate;background:radial-gradient(circle at 8% 12%,rgba(255,101,73,.13),transparent 23%),radial-gradient(circle at 92% 78%,rgba(55,198,192,.17),transparent 24%),linear-gradient(180deg,#fff3f0 0%,#f6f3ff 50%,#effcfa 100%)}
.subject-track article{box-shadow:0 22px 48px rgba(52,47,99,.13),inset 0 1px 0 #fff}

/* V5.5 — CTA officiel et animation de révélation */
.topbar a,.button{
  background:linear-gradient(115deg,#ff5a48 0%,#ff6549 100%);
  box-shadow:0 16px 34px rgba(255,90,72,.3);
  transition:transform .5s cubic-bezier(.32,.72,0,1),box-shadow .5s cubic-bezier(.32,.72,0,1),filter .5s cubic-bezier(.32,.72,0,1)
}
.topbar a:hover,.button:hover{transform:translateY(-3px);box-shadow:0 22px 42px rgba(255,90,72,.38);filter:saturate(1.08)}
.topbar a:active,.button:active{transform:translateY(-1px) scale(.98)}
.topbar a i,.button i{transition:transform .5s cubic-bezier(.32,.72,0,1)}
.topbar a:hover i,.button:hover i{transform:translateX(3px)}

.subject-track article,.focus-card,.price-wrap{
  transition:transform .65s cubic-bezier(.32,.72,0,1),box-shadow .65s cubic-bezier(.32,.72,0,1)
}
.subject-track article:hover{transform:translateY(-9px);box-shadow:0 30px 60px rgba(52,47,99,.18),inset 0 1px 0 #fff}
.focus-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(47,38,92,.18)}
.price-wrap:hover{transform:translateY(-7px)}

.motion-ready .reveal{
  opacity:0;
  transform:translate3d(0,42px,0) scale(.985);
  transition:opacity .9s cubic-bezier(.32,.72,0,1),transform .9s cubic-bezier(.32,.72,0,1);
  transition-delay:var(--reveal-delay,0ms);
  will-change:opacity,transform
}
.motion-ready .hero-visual.reveal,.motion-ready .problem-visual.reveal{transform:translate3d(32px,24px,0) scale(.98)}
.motion-ready .offer-copy.reveal,.motion-ready .voices-copy.reveal{transform:translate3d(-26px,34px,0) scale(.99)}
.motion-ready .reveal.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1)}

@media(prefers-reduced-motion:reduce){
  .motion-ready .reveal,.motion-ready .reveal.is-visible{opacity:1!important;transform:none!important;transition:none!important}
  .topbar a,.button,.subject-track article,.focus-card,.price-wrap{transition:none!important}
}
.autonomy-card{height:360px;padding:24px 58px 24px 34px;overflow:visible;isolation:isolate}
.autonomy-card:after{display:none}
.autonomy-finou{position:relative;flex:0 0 330px;height:330px;display:grid;place-items:end center;isolation:isolate}
.autonomy-finou:after{content:"";position:absolute;z-index:-1;left:34px;right:34px;bottom:12px;height:46px;border-radius:50%;background:radial-gradient(ellipse,rgba(23,17,63,.34) 0%,rgba(52,47,99,.18) 42%,transparent 72%);filter:blur(6px)}
.autonomy-finou img{display:block;width:auto;height:318px;max-width:100%;margin:0;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 17px 19px rgba(52,47,99,.18))}

.voices{border-bottom:1px solid rgba(104,71,206,.07)}
.quote-cloud blockquote{box-shadow:0 30px 70px rgba(52,47,99,.17),0 4px 12px rgba(52,47,99,.08),inset 0 1px 0 #fff}
.voices-copy img{z-index:2}.voices-copy:after{z-index:1;left:42px;bottom:-1px;width:330px;height:68px;background:radial-gradient(ellipse,rgba(23,17,63,.34) 0%,rgba(52,47,99,.17) 45%,transparent 72%)}

.offer{position:relative;isolation:isolate;background:radial-gradient(circle at 88% 12%,rgba(142,114,227,.72),transparent 24%),radial-gradient(circle at 18% 86%,rgba(55,198,192,.21),transparent 24%),linear-gradient(130deg,#211a55 0%,#493092 50%,#6847ce 74%,#a62361 100%)}
.offer:before{content:"";position:absolute;z-index:-1;inset:0;opacity:.68;background-image:radial-gradient(circle,#fff 0 2px,transparent 2.5px),radial-gradient(circle,#78ddd8 0 2px,transparent 2.5px),radial-gradient(circle,#ff9d8b 0 2px,transparent 2.5px);background-position:0 0,44px 38px,78px 19px;background-size:132px 132px,166px 166px,204px 204px;mask-image:linear-gradient(110deg,#000,transparent 42%,#000)}
.offer:after{content:"✦";position:absolute;z-index:-1;right:74px;top:58px;color:#ff9d8b;font-size:54px;text-shadow:-78px 86px 0 rgba(120,221,216,.75),48px 150px 0 rgba(255,255,255,.48),-560px 560px 0 rgba(255,157,139,.62),-470px 630px 0 rgba(120,221,216,.55)}
.price-wrap{box-shadow:0 26px 65px rgba(23,17,63,.30)}

/* V5.6 — constellations vivantes, sans modifier la composition. */
.hero:after{animation:constellationDrift 13s cubic-bezier(.32,.72,0,1) infinite alternate;will-change:transform,opacity}
.offer:before{animation:constellationDrift 16s cubic-bezier(.32,.72,0,1) infinite alternate-reverse;will-change:transform,opacity}
.offer:after{animation:starPulse 6.5s cubic-bezier(.32,.72,0,1) infinite;transform-origin:center;will-change:transform,opacity}

@keyframes constellationDrift{
  0%{transform:translate3d(-8px,5px,0) scale(.985);opacity:.46}
  48%{opacity:.78}
  100%{transform:translate3d(12px,-10px,0) scale(1.025);opacity:.58}
}
@keyframes starPulse{
  0%,100%{transform:translate3d(0,0,0) scale(.92) rotate(-2deg);opacity:.58}
  45%{transform:translate3d(3px,-7px,0) scale(1.08) rotate(2deg);opacity:1}
  70%{transform:translate3d(-2px,-3px,0) scale(1) rotate(0);opacity:.76}
}

@media(prefers-reduced-motion:reduce){
  .hero:after,.offer:before,.offer:after{animation:none!important;transform:none!important}
}

/* V5.3 — ombres de contact sous chaque Finou, en plus du volume du PNG. */
.scene:before{content:"";position:absolute;z-index:0;right:16px;bottom:-16px;width:430px;height:82px;border-radius:50%;background:radial-gradient(ellipse,rgba(15,11,61,.58) 0%,rgba(23,17,63,.31) 42%,transparent 72%);filter:blur(9px);transform:rotate(-2deg)}
.hero-finou{z-index:1;filter:drop-shadow(0 28px 25px rgba(15,11,61,.42)) drop-shadow(0 8px 8px rgba(15,11,61,.24))}

.problem-visual{position:relative;isolation:isolate}.problem-visual:after{content:"";position:absolute;z-index:0;left:54px;right:54px;bottom:30px;height:60px;border-radius:50%;background:radial-gradient(ellipse,rgba(52,47,99,.34) 0%,rgba(52,47,99,.17) 45%,transparent 73%);filter:blur(7px)}
.problem-visual img{position:relative;z-index:1;filter:drop-shadow(0 24px 20px rgba(52,47,99,.22))}

.autonomy-finou:after{z-index:0;left:35px;right:35px;bottom:5px;height:58px;background:radial-gradient(ellipse,rgba(15,11,61,.48) 0%,rgba(52,47,99,.25) 43%,transparent 72%);filter:blur(7px)}
.autonomy-finou img{position:relative;z-index:1;filter:drop-shadow(0 22px 18px rgba(52,47,99,.28)) drop-shadow(0 6px 6px rgba(52,47,99,.16))}

.voices-copy:after{z-index:1;left:46px;bottom:0;width:320px;height:70px;background:radial-gradient(ellipse,rgba(15,11,61,.46) 0%,rgba(52,47,99,.24) 44%,transparent 73%);filter:blur(8px)}
.voices-copy img{z-index:2;filter:drop-shadow(0 23px 20px rgba(52,47,99,.28)) drop-shadow(0 6px 6px rgba(52,47,99,.14))}

.offer-copy:before{content:"";position:absolute;z-index:0;right:-132px;bottom:-160px;width:390px;height:72px;border-radius:50%;background:radial-gradient(ellipse,rgba(15,11,61,.62) 0%,rgba(15,11,61,.28) 45%,transparent 74%);filter:blur(8px)}
.offer-copy>img{z-index:1;filter:drop-shadow(0 25px 22px rgba(15,11,61,.38))}

.final-cta:after{content:"";position:absolute;z-index:0;right:42px;bottom:40px;width:470px;height:78px;border-radius:50%;background:radial-gradient(ellipse,rgba(52,47,99,.35) 0%,rgba(52,47,99,.16) 45%,transparent 74%);filter:blur(9px)}
.final-cta>img{position:relative;z-index:1;filter:drop-shadow(0 26px 22px rgba(52,47,99,.27)) drop-shadow(0 7px 7px rgba(52,47,99,.13))}

/* V5.4 — nouveaux assets validables : pieds reconstruits et pose finale distincte. */
.autonomy-finou img{height:326px}
.final-cta>img{width:475px;transform:translateY(54px)}
.final-cta:after{right:48px;bottom:42px;width:430px}

/* Copy V2 integree, composition responsive et immersion narrative. */
body{background:#fff8ef}.topbar{position:sticky;top:0;z-index:30;width:100%;height:92px;padding:14px clamp(20px,5vw,76px);box-shadow:0 8px 30px rgba(52,47,99,.07)}.topbar .brand img{width:205px;display:block}.topbar .compact{font-size:14px;padding:9px 11px 9px 18px}.topbar .compact i{width:30px;height:30px}
main{overflow:hidden}.section-pad{padding:clamp(76px,8vw,118px) clamp(24px,6.1vw,88px)}.hero{width:auto;min-height:calc(100dvh - 116px);height:auto;margin:24px 38px 0;padding:78px 54px 92px 72px;position:relative}.hero h1{font-size:clamp(50px,5vw,72px);max-width:760px}.hero .eyebrow{max-width:590px;line-height:1.5;letter-spacing:.08em}.hero-copy small{font-weight:700}.hero-sky i{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.08);animation:starPulse 5s ease-in-out infinite}.hero-sky i:nth-child(1){top:13%;left:48%}.hero-sky i:nth-child(2){top:25%;right:9%;animation-delay:-1s}.hero-sky i:nth-child(3){bottom:24%;left:43%;animation-delay:-2s}.hero-sky i:nth-child(4){bottom:15%;right:27%;animation-delay:-3s}.hero-orbit{position:absolute;width:480px;height:480px;right:8px;top:30px;border:1px solid rgba(255,255,255,.22);border-radius:50%;animation:orbitTurn 28s linear infinite}.scroll-cue{position:absolute;bottom:28px;left:72px;color:rgba(255,255,255,.72);text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:12px}.scroll-cue span{width:34px;height:52px;border:1px solid rgba(255,255,255,.45);border-radius:22px;position:relative}.scroll-cue span:after{content:"";position:absolute;top:9px;left:50%;width:4px;height:9px;border-radius:4px;background:#fff;transform:translateX(-50%);animation:scrollDot 2s ease-in-out infinite}
.problem{min-height:900px}.problem-copy>p{font-size:17px;line-height:1.72}.problem .time-loss{font:800 23px/1.35 Baloo;color:#342f63;margin-top:18px}.journey{grid-template-columns:1fr;margin-top:28px}.journey div{display:grid;grid-template-columns:50px 1fr;align-items:center;padding:15px 18px}.journey b{font-size:13px}.journey span{margin:0;font-size:15px}.journey div:nth-child(2){transform:translateX(22px)}.journey div:nth-child(3){transform:translateX(44px)}
.agitation{display:grid;grid-template-columns:.78fr 1.22fr;gap:9vw;color:#fff;background:radial-gradient(circle at 18% 15%,rgba(104,71,206,.55),transparent 32%),linear-gradient(135deg,#211a55,#342f63 52%,#493092);position:relative}.agitation-sticky{position:sticky;top:140px;align-self:start}.agitation h2{font-size:clamp(48px,5vw,68px);color:#fff}.night-clock{margin-top:44px;width:260px;padding:20px 24px;border:1px solid rgba(255,255,255,.15);border-radius:26px;background:rgba(255,255,255,.08);box-shadow:inset 0 1px rgba(255,255,255,.16)}.night-clock span{font:800 58px Baloo;color:#ff9d8b}.night-clock i{display:block;width:100%;height:3px;background:linear-gradient(90deg,#37c6c0,#ff6549);transform-origin:left;animation:clockLine 5s ease-in-out infinite}.agitation-story{display:grid;gap:26px}.agitation-story p,.agitation-story blockquote{margin:0;padding:28px 30px;border-left:1px solid rgba(255,255,255,.22);font-size:19px;line-height:1.7;color:rgba(255,255,255,.78)}.agitation-story blockquote{font:800 29px/1.35 Baloo;color:#fff;border-left:5px solid #ff6549;background:rgba(255,255,255,.07);border-radius:0 24px 24px 0}
.pivot{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:center;background:radial-gradient(circle at 90% 20%,rgba(55,198,192,.16),transparent 25%),linear-gradient(145deg,#fffdf9,#f6f3ff)}.pivot h2{font-size:clamp(48px,5vw,66px)}.pivot h2 em{color:#ff6549;font-style:normal}.pivot-copy>p{font-size:17px;line-height:1.72;color:#50617f}.pivot-line{font:800 24px/1.4 Baloo!important;color:#342f63!important}.language-bridge{position:relative;display:grid;gap:28px}.language-bridge article{padding:32px;border-radius:28px;background:#fff;box-shadow:0 25px 55px rgba(52,47,99,.13)}.language-bridge article:last-child{transform:translateX(54px);background:linear-gradient(135deg,#342f63,#6847ce);color:#fff}.language-bridge span,.language-bridge b,.language-bridge small{display:block}.language-bridge span{color:#ff6549;font-weight:800;letter-spacing:.14em}.language-bridge b{margin:8px 0;font:800 28px Baloo}.language-bridge small{color:#50617f}.language-bridge article:last-child small{color:#dcd6f4}.bridge-path{position:absolute;left:45%;top:37%;height:120px;border-left:2px dashed #37c6c0}.bridge-path i{position:absolute;width:12px;height:12px;border-radius:50%;background:#37c6c0;left:-7px;animation:pathPulse 2.4s ease-in-out infinite}.bridge-path i:nth-child(2){top:45%;animation-delay:-.8s}.bridge-path i:nth-child(3){top:90%;animation-delay:-1.6s}
.product{min-height:1420px}.screen-scan{position:relative;overflow:hidden}.screen-scan img{width:100%;display:block}.screen-scan span{position:absolute;top:0;bottom:0;width:24%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);transform:skewX(-12deg);animation:screenScan 7s ease-in-out infinite}.focus-card{min-height:360px}.focus-card>small{line-height:1.45;min-height:62px}.motion-note{display:none}
.subjects{min-height:1420px}.subject-track{grid-template-columns:1.15fr .85fr 1.05fr .9fr 1.1fr;align-items:start}.subject-track article:nth-child(even){margin-top:56px}.subject-track article{min-height:390px}.subject-track img{height:190px}.subject-track b{font-size:17px;line-height:1.35}.subject-extras{display:grid;grid-template-columns:.55fr 1.45fr;gap:24px;margin-top:72px;align-items:stretch}.english-bonus{padding:34px;border-radius:30px;background:linear-gradient(135deg,#342f63,#6847ce);color:#fff;box-shadow:0 25px 55px rgba(52,47,99,.18)}.english-bonus span{color:#78ddd8;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.english-bonus b{display:block;font:800 36px Baloo;margin-top:8px}.english-bonus p{line-height:1.55;color:#ebe6ff}.autonomy-card{width:auto;height:auto;min-height:300px;margin:0}.autonomy-card p{font-size:21px}.autonomy-card span,.english-bonus span{text-transform:uppercase}
.voices{position:relative;min-height:1080px;grid-template-columns:.78fr 1.22fr;gap:80px;color:#fff;background:radial-gradient(circle at 85% 10%,rgba(55,198,192,.18),transparent 25%),linear-gradient(135deg,#211a55,#493092 60%,#6847ce);overflow:hidden}.voices h2,.voices h2 em{color:#fff}.voices-copy>p{color:#dcd6f4}.voices-copy{min-height:800px;padding-bottom:320px}.voices-finou{position:absolute;left:30px;bottom:0}.voices-copy img{position:static;width:300px}.quote-viewport{height:790px;overflow:hidden;mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent)}.quote-stream{display:grid;gap:20px;animation:quoteStream 38s linear infinite}.quote-stream blockquote{margin:0;padding:24px 28px;border:1px solid rgba(255,255,255,.22);border-radius:28px 28px 28px 8px;background:rgba(255,253,249,.94);color:#342f63;font:700 18px/1.5 Nunito;box-shadow:0 24px 50px rgba(23,17,63,.25)}.quote-stream blockquote.strong{font:800 24px/1.35 Baloo;border-left:6px solid #ff6549}.voices-question{position:absolute;left:7%;right:7%;bottom:52px;margin:0;padding:26px 32px;border-radius:24px;background:#fff;color:#342f63;text-align:center;font:800 25px/1.35 Baloo;box-shadow:0 25px 55px rgba(23,17,63,.3)}.crowd{position:absolute;inset:auto 0 0;height:280px;opacity:.17}.crowd i{position:absolute;bottom:-50px;width:180px;height:260px;border-radius:48% 48% 20% 20%;background:#0c0830}.crowd i:before{content:"";position:absolute;left:38px;top:-70px;width:105px;height:115px;border-radius:50%;background:#0c0830}.crowd i:nth-child(1){left:-2%}.crowd i:nth-child(2){left:14%;transform:scale(.8)}.crowd i:nth-child(3){left:28%;transform:scale(1.1)}.crowd i:nth-child(4){left:45%;transform:scale(.9)}.crowd i:nth-child(5){left:60%;transform:scale(1.12)}.crowd i:nth-child(6){left:76%;transform:scale(.82)}.crowd i:nth-child(7){left:90%}
.offer{min-height:1080px}.offer-copy{padding-bottom:210px}.offer-anchor{margin:26px 0;padding:22px 24px;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:rgba(255,255,255,.08);color:#ebe6ff;line-height:1.55}.offer-copy>img{bottom:-40px;right:-70px;width:360px}.price-card{padding:52px}.price-card>div{display:block}.price-card>div b{display:block;font-size:96px;line-height:1}.price-card>div small{display:block;margin-top:5px;font-size:19px;color:#50617f}.price-card>.button{margin-top:35px}.price-proof{font-size:12px!important;line-height:1.5;text-align:center}.final-cta p{font-size:19px;line-height:1.6;color:#50617f}.final-cta small{display:block;margin-top:16px}footer{min-height:150px;height:auto;padding:28px clamp(24px,5vw,76px);gap:24px;flex-wrap:wrap}footer img{width:190px}footer nav{display:flex;gap:18px;flex-wrap:wrap}footer a{color:#50617f;text-decoration:none;font-size:13px}footer>span{font-weight:800;color:#6847ce}
@keyframes orbitTurn{to{transform:rotate(360deg)}}@keyframes scrollDot{0%,100%{transform:translate(-50%,0);opacity:.4}50%{transform:translate(-50%,20px);opacity:1}}@keyframes clockLine{0%,100%{transform:scaleX(.2)}50%{transform:scaleX(1)}}@keyframes pathPulse{0%,100%{transform:scale(.7);opacity:.45}50%{transform:scale(1.25);opacity:1}}@keyframes screenScan{0%,18%{left:-28%}55%,100%{left:110%}}@keyframes quoteStream{0%,8%{transform:translateY(0)}92%,100%{transform:translateY(-45%)}}
@media(max-width:900px){.topbar{height:76px}.topbar .brand img{width:145px}.topbar .compact{font-size:0;padding:8px}.topbar .compact:before{content:"Devenir membre";font-size:12px}.topbar .compact i{display:none}.hero{margin:12px;min-height:auto;padding:64px 22px 90px;display:block;border-radius:30px}.hero h1{font-size:43px}.hero-copy{max-width:none}.hero-visual{height:560px;margin-top:30px}.scene{inset:0}.hero-finou{width:400px;right:-70px;bottom:40px}.proof-tags{grid-template-columns:1fr;left:0;right:0;bottom:0}.proof-tags div{min-height:72px;padding:12px 14px}.proof-tags span br{display:none}.scroll-cue{left:24px;bottom:20px}.scroll-cue span{display:none}.problem,.agitation,.pivot,.voices,.offer,.final-cta{grid-template-columns:1fr;gap:48px}.problem{min-height:0}.problem-visual{height:390px;order:2}.problem-visual img{width:390px}.problem h2,.section-heading h2,.voices h2,.final-cta h2,.agitation h2,.pivot h2,.offer h2{font-size:42px}.journey div:nth-child(n){transform:none}.agitation-sticky{position:relative;top:auto}.night-clock{width:220px}.language-bridge article:last-child{transform:none}.bridge-path{left:50%;top:43%;height:85px}.product{min-height:1260px}.product-stage{height:900px;margin-top:45px}.focus-card{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:auto;min-height:0;margin-top:16px;padding:16px;display:grid;grid-template-columns:44px 1fr;column-gap:12px}.focus-card>b{margin-top:3px}.focus-card>small{grid-column:2;min-height:0}.focus-card .crop{display:none}.browser-shell{position:relative}.subject-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px}.subject-track article{flex:0 0 78%;margin-top:0!important;scroll-snap-align:center;min-height:360px}.subject-extras{grid-template-columns:1fr}.autonomy-card{display:grid;grid-template-columns:.7fr 1fr;padding:18px}.autonomy-finou{width:auto;height:260px}.autonomy-finou img{height:250px}.voices{min-height:1260px}.voices-copy{min-height:600px}.quote-viewport{height:520px}.voices-question{left:20px;right:20px;bottom:30px}.offer-copy{padding-bottom:250px}.offer-copy>img{right:0}.final-cta>img{width:380px;justify-self:center}.final-cta:after{right:5%;width:90%}footer{justify-content:center;text-align:center}footer nav{justify-content:center}}
@media(max-width:480px){.section-pad{padding:76px 20px}.hero h1{font-size:38px}.hero .eyebrow{font-size:11px}.hero-visual{height:610px}.hero-finou{width:360px;right:-92px;bottom:100px}.proof-tags{bottom:0}.problem-visual{height:330px}.problem-visual img{width:330px}.problem h2,.section-heading h2,.voices h2,.final-cta h2,.agitation h2,.pivot h2,.offer h2{font-size:36px}.agitation-story p,.agitation-story blockquote{padding:22px 20px;font-size:17px}.subject-track article{flex-basis:86%}.autonomy-card{grid-template-columns:1fr}.autonomy-finou{height:220px}.autonomy-finou img{height:220px}.voices-copy{padding-bottom:260px}.voices-finou{left:0}.quote-stream blockquote.strong{font-size:20px}.voices-question{font-size:19px}.price-card{padding:34px 24px}.price-card>div b{font-size:78px}.price-card .button{font-size:14px}.final-cta>img{width:320px}.final-cta p br{display:none}}
@media(prefers-reduced-motion:reduce){.hero-sky i,.hero-orbit,.scroll-cue span:after,.night-clock i,.bridge-path i,.screen-scan span,.quote-stream{animation:none!important}.quote-viewport{height:auto;mask-image:none}.quote-stream{transform:none}.hero-orbit{display:none}}

/* V7 creative correction: no dark-blue typography, no generic circles, no fake contact shadows. */
:root{--ink:#5f5870;--muted:#6f687d}
body{color:#5f5870}
h1,h2,.problem h2,.section-heading h2,.voices h2,.final-cta h2,.subject-track b,.autonomy-card p,.focus-card>b,.price-card h3,.pivot-line{color:#6847ce}
.problem-copy>p,.section-heading p,.voices-copy>p,.focus-card>small,.final-cta p,.final-cta small,.pivot-copy>p,.price-card p,.price-card small{color:#6f687d}
.scene:before,.problem-visual:after,.autonomy-finou:after,.voices-copy:after,.offer-copy:before,.final-cta:after{display:none!important}
.hero-finou,.problem-visual img,.autonomy-finou img,.voices-copy img,.offer-copy>img,.final-cta>img{filter:none!important}
.problem-visual,.autonomy-card,.subject-track article,.focus-card,.price-wrap,.quote-stream blockquote{box-shadow:0 18px 44px rgba(104,71,206,.10)!important}

/* Hero: illustration narrative originale, sans cercle ni halo geometrique. */
.hero{grid-template-columns:.9fr 1.1fr;color:#5f5870;background:linear-gradient(90deg,rgba(255,248,239,.99) 0%,rgba(255,248,239,.94) 40%,rgba(255,248,239,.20) 68%,rgba(255,248,239,0) 100%),url(/rejoindre/assets/hero-passage-bilingue-v1.png) center right/cover no-repeat;box-shadow:none;border:1px solid rgba(104,71,206,.10)}
.hero:before,.hero:after,.hero-sky,.hero-orbit{display:none!important}
.hero h1{color:#6847ce;text-shadow:none}.hero h1 em{color:#ff6549}.hero .eyebrow{color:#e65343}.hero-copy small{color:#6f687d}.hero-visual{height:700px}.scene{inset:0;overflow:visible;background:none}.hero-finou{width:420px;right:-5px;bottom:16px;animation:finouBreathe 5.8s cubic-bezier(.32,.72,0,1) infinite}.proof-tags{left:-12px;right:0;bottom:10px}.proof-tags div{background:rgba(255,253,249,.95);border:1px solid rgba(104,71,206,.12);box-shadow:0 16px 34px rgba(104,71,206,.12)}.proof-tags b{color:#6847ce}.proof-tags span{color:#6f687d}.scroll-cue{color:#6847ce}.scroll-cue span{border-color:rgba(104,71,206,.45)}.scroll-cue span:after{background:#ff6549}

/* Temoignages: vraie foule illustree et bulles venant des deux cotes. */
.voices{min-height:1120px;background:linear-gradient(135deg,#6847ce 0%,#8e72e3 52%,#e53f8c 100%)}
.mothers-crowd{position:absolute;left:-2%;bottom:0;width:64%;max-width:980px;height:auto;z-index:0;object-fit:contain;object-position:left bottom;opacity:.62;mask-image:linear-gradient(to top,#000 58%,transparent 100%)}
.voices-copy,.quote-viewport,.voices-question{position:relative;z-index:2}.voices-copy{padding-bottom:360px}.voices-finou{left:13%;bottom:28px}.voices-copy img{width:260px}.quote-viewport{height:780px;overflow:hidden;mask-image:linear-gradient(transparent,#000 8%,#000 92%,transparent)}
.quote-stream{position:relative;height:100%;display:block;animation:none}
.quote-stream blockquote{position:absolute;width:min(88%,620px);margin:0;padding:22px 27px;border:1px solid rgba(255,255,255,.62);border-radius:26px 26px 26px 8px;background:rgba(255,253,249,.96);color:#6847ce;font:700 17px/1.48 Nunito;opacity:0;will-change:transform,opacity}
.quote-stream blockquote.strong{font:800 22px/1.35 Baloo;border-left:5px solid #ff6549}
.quote-stream blockquote:nth-child(odd){left:0;animation:riseFromLeft 25s cubic-bezier(.25,.45,.35,1) infinite}
.quote-stream blockquote:nth-child(even){right:0;border-radius:26px 26px 8px 26px;animation:riseFromRight 28s cubic-bezier(.25,.45,.35,1) infinite}
.quote-stream blockquote:nth-child(1){animation-delay:-2s}.quote-stream blockquote:nth-child(2){animation-delay:-17s}.quote-stream blockquote:nth-child(3){animation-delay:-9s;width:72%}.quote-stream blockquote:nth-child(4){animation-delay:-25s;width:92%}.quote-stream blockquote:nth-child(5){animation-delay:-14s;width:78%}.quote-stream blockquote:nth-child(6){animation-delay:-5s;width:90%}.quote-stream blockquote:nth-child(7){animation-delay:-21s;width:86%}.quote-stream blockquote:nth-child(8){animation-delay:-12s;width:58%}
.voices-question{background:#fffdf9;color:#6847ce;box-shadow:0 16px 38px rgba(73,48,146,.16)}

@keyframes finouBreathe{0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}50%{transform:translate3d(0,-9px,0) rotate(1deg)}}
@keyframes riseFromLeft{0%{transform:translate3d(-34%,110%,0) rotate(-2deg);opacity:0}10%,66%{opacity:1}72%{opacity:.86}100%{transform:translate3d(18%,-760px,0) rotate(1deg);opacity:0}}
@keyframes riseFromRight{0%{transform:translate3d(34%,115%,0) rotate(2deg);opacity:0}10%,64%{opacity:1}72%{opacity:.84}100%{transform:translate3d(-16%,-760px,0) rotate(-1deg);opacity:0}}

@media(max-width:900px){.hero{display:block;background:linear-gradient(180deg,rgba(255,248,239,.98) 0%,rgba(255,248,239,.92) 44%,rgba(255,248,239,.16) 72%),url(/rejoindre/assets/hero-passage-bilingue-v1.png) 72% center/cover no-repeat}.hero h1{font-size:43px}.hero-visual{height:610px}.hero-finou{width:330px;right:-74px;bottom:116px}.proof-tags{left:0;right:0}.mothers-crowd{width:110%;left:-28%;opacity:.42}.voices-copy{padding-bottom:300px}.quote-stream blockquote{font-size:15px}.quote-stream blockquote.strong{font-size:19px}}
@media(max-width:480px){.hero h1{font-size:38px}.hero-visual{height:620px}.hero-finou{width:300px;right:-88px;bottom:128px}.mothers-crowd{width:150%;left:-52%;opacity:.38}.quote-viewport{height:600px}.quote-stream blockquote{width:88%!important;padding:18px 20px}.voices-finou{left:0}}
@media(prefers-reduced-motion:reduce){.hero-finou,.quote-stream blockquote{animation:none!important}.quote-viewport{height:auto;mask-image:none}.quote-stream{display:grid;gap:16px;height:auto}.quote-stream blockquote{position:relative;left:auto!important;right:auto!important;width:100%!important;opacity:1;transform:none!important}}

/* Le contenu reste toujours lisible; le mouvement vivant ne masque jamais les sections. */
.motion-ready .reveal,.motion-ready .reveal.is-visible{opacity:1!important;transform:none!important}

/* V6 — correction stricte demandée : hero violet conservé, texte clair sans bleu nuit,
   silhouettes réellement réduites à des ombres, mouvement irrégulier des témoignages. */
:root{--heading:#6847ce;--body:#6f687d;--coral:#ff6549;--aqua:#37c6c0}
body{color:var(--body)}
.hero{
  grid-template-columns:1.04fr .96fr;
  color:#fff;
  background:
    linear-gradient(100deg,rgba(34,22,91,.99) 0%,rgba(83,48,163,.96) 46%,rgba(109,62,185,.77) 70%,rgba(84,25,106,.62) 100%),
    url(/rejoindre/assets/hero-situation-locale.png) center/cover no-repeat;
  border:0;
  box-shadow:0 30px 78px rgba(67,43,137,.20);
}
.hero:before,.hero:after,.hero-sky,.hero-orbit{display:none!important}
.hero h1{color:#fff}.hero h1 em{color:#79e6df}.hero .eyebrow{color:#ffc4b7}.hero-copy small{color:#f0ebff}
.hero-visual{height:700px}.scene{inset:18px -10px 116px 0;background:none;overflow:visible}
.hero-finou{width:485px;right:-12px;bottom:-36px;filter:drop-shadow(0 28px 28px rgba(24,14,68,.24))!important}
.proof-tags{left:4px;right:0;bottom:4px}.proof-tags div{background:rgba(255,253,249,.96)}
.scroll-cue{color:rgba(255,255,255,.72)}.scroll-cue span{border-color:rgba(255,255,255,.45)}.scroll-cue span:after{background:#fff}

h2,.problem h2,.section-heading h2,.final-cta h2,.subject-track b,.autonomy-card p,.focus-card>b,.pivot-line{color:var(--heading)}
.problem-copy>p,.section-heading p,.focus-card>small,.final-cta p,.final-cta small,.pivot-copy>p,.price-card p,.price-card small{color:var(--body)}
.scene:before,.problem-visual:after,.autonomy-finou:after,.voices-copy:after,.offer-copy:before,.final-cta:after{display:none!important}
.problem-visual,.autonomy-card,.subject-track article,.focus-card,.price-wrap{box-shadow:0 18px 44px rgba(104,71,206,.09)!important}

.voices{position:relative;min-height:1120px;background:linear-gradient(135deg,#5134ad 0%,#7957d8 52%,#c93c8e 100%);overflow:hidden}
.voices h2,.voices h2 em{color:#fff}.voices-copy>p{color:#eee9ff}
.mothers-crowd{display:none!important}
.voices:before{content:"";position:absolute;z-index:0}
.voices-copy,.quote-viewport,.voices-question{position:relative;z-index:2}.voices-copy{padding-bottom:345px}
.voices-finou{left:12%;bottom:18px}.voices-copy img{width:250px;filter:drop-shadow(0 18px 24px rgba(24,14,68,.18))!important}
.quote-viewport{height:790px;overflow:hidden;mask-image:linear-gradient(transparent,#000 8%,#000 92%,transparent)}
.quote-stream{position:relative;height:100%;display:block;animation:none}
.quote-stream blockquote{position:absolute;margin:0;padding:22px 27px;border:1px solid rgba(255,255,255,.62);background:rgba(255,253,249,.97);color:#6847ce;font:700 17px/1.48 Nunito;box-shadow:0 14px 28px rgba(31,17,77,.13)!important;opacity:0;will-change:transform,opacity}
.quote-stream blockquote.strong{font:800 22px/1.35 Baloo;border-left:5px solid #ff6549}
.quote-stream blockquote:nth-child(1){left:1%;width:72%;animation:bubbleLeft 29s -4s cubic-bezier(.26,.58,.35,1) infinite}
.quote-stream blockquote:nth-child(2){right:4%;width:84%;animation:bubbleRight 34s -22s cubic-bezier(.31,.55,.38,1) infinite}
.quote-stream blockquote:nth-child(3){left:10%;width:66%;animation:bubbleLeft 27s -15s cubic-bezier(.24,.6,.37,1) infinite}
.quote-stream blockquote:nth-child(4){right:0;width:92%;animation:bubbleRight 38s -31s cubic-bezier(.33,.52,.34,1) infinite}
.quote-stream blockquote:nth-child(5){left:0;width:78%;animation:bubbleLeft 32s -25s cubic-bezier(.22,.61,.4,1) infinite}
.quote-stream blockquote:nth-child(6){right:12%;width:76%;animation:bubbleRight 30s -10s cubic-bezier(.3,.57,.36,1) infinite}
.quote-stream blockquote:nth-child(7){left:5%;width:87%;animation:bubbleLeft 36s -35s cubic-bezier(.25,.56,.39,1) infinite}
.quote-stream blockquote:nth-child(8){right:2%;width:55%;animation:bubbleRight 25s -18s cubic-bezier(.35,.5,.36,1) infinite}
.voices-question{background:#fffdf9;color:#6847ce;box-shadow:0 14px 32px rgba(31,17,77,.16)}
@keyframes bubbleLeft{0%{transform:translate3d(-62%,680px,0) rotate(-2.5deg);opacity:0}9%{opacity:1}72%{opacity:.92}100%{transform:translate3d(19%,-440px,0) rotate(1.2deg);opacity:0}}
@keyframes bubbleRight{0%{transform:translate3d(62%,720px,0) rotate(2deg);opacity:0}11%{opacity:1}69%{opacity:.9}100%{transform:translate3d(-17%,-470px,0) rotate(-1deg);opacity:0}}

.price-card>i,.price-card h3,.price-card>small:not(.price-proof){display:none!important}
.problem .time-loss,.pivot-line{color:#6847ce!important}
.language-bridge small,.price-card>div small,footer a{color:#6f687d!important}
@media(max-width:900px){.hero{display:block;background:linear-gradient(180deg,rgba(40,25,103,.98),rgba(94,53,177,.86)),url(/rejoindre/assets/hero-situation-locale.png) center/cover no-repeat}.hero h1{color:#fff}.voices:before{width:115%;left:-30%;opacity:.23}.quote-stream blockquote{font-size:15px}.quote-stream blockquote.strong{font-size:19px}}
@media(max-width:480px){.voices:before{width:155%;left:-55%;height:430px}.quote-stream blockquote{width:88%!important;padding:18px 20px}.hero-finou{width:310px;right:-84px;bottom:126px}}
@media(prefers-reduced-motion:reduce){.quote-stream blockquote{animation:none!important;position:relative;left:auto!important;right:auto!important;width:100%!important;opacity:1;transform:none!important}.quote-stream{display:grid;gap:16px;height:auto}.quote-viewport{height:auto;mask-image:none}}

/* V6.1 — correction après contrôle capture : composition compacte et ombres humaines naturelles. */
.voices{min-height:930px;grid-template-columns:.68fr 1.32fr;gap:46px;padding-bottom:150px}
.voices-copy{min-height:650px;padding-bottom:260px}
.voices-finou{left:8%;bottom:92px}
.voices-copy img{width:220px}
.quote-viewport{height:625px;margin-top:0}
.quote-stream blockquote{box-shadow:0 13px 30px rgba(39,21,91,.15)!important}
.quote-stream blockquote:nth-child(1){animation:bubbleLeftV2 32s -2s cubic-bezier(.25,.58,.35,1) infinite}
.quote-stream blockquote:nth-child(2){animation:bubbleRightV2 29s -7s cubic-bezier(.31,.55,.38,1) infinite}
.quote-stream blockquote:nth-child(3){animation:bubbleLeftV2 34s -12s cubic-bezier(.24,.6,.37,1) infinite}
.quote-stream blockquote:nth-child(4){animation:bubbleRightV2 31s -17s cubic-bezier(.33,.52,.34,1) infinite}
.quote-stream blockquote:nth-child(5){animation:bubbleLeftV2 30s -22s cubic-bezier(.22,.61,.4,1) infinite}
.quote-stream blockquote:nth-child(6){animation:bubbleRightV2 35s -27s cubic-bezier(.3,.57,.36,1) infinite}
.quote-stream blockquote:nth-child(7){animation:bubbleLeftV2 33s -31s cubic-bezier(.25,.56,.39,1) infinite}
.quote-stream blockquote:nth-child(8){animation:bubbleRightV2 28s -18s cubic-bezier(.35,.5,.36,1) infinite}
.voices-question{bottom:28px;left:9%;right:9%;padding:20px 28px;font-size:22px}
@keyframes bubbleLeftV2{0%{transform:translate3d(-42%,540px,0) rotate(-2deg);opacity:0}7%{opacity:1}78%{opacity:.96}100%{transform:translate3d(12%,-230px,0) rotate(.8deg);opacity:0}}
@keyframes bubbleRightV2{0%{transform:translate3d(42%,570px,0) rotate(1.5deg);opacity:0}8%{opacity:1}77%{opacity:.96}100%{transform:translate3d(-11%,-250px,0) rotate(-.8deg);opacity:0}}
@media(max-width:900px){.voices{min-height:1120px;gap:22px;padding-bottom:150px}.voices-copy{min-height:510px;padding-bottom:230px}.voices-finou{left:4%;bottom:42px}.voices:before{width:112%;height:350px;left:-20%;opacity:.42}.quote-viewport{height:500px}.voices-question{bottom:24px}}
@media(max-width:480px){.voices{min-height:1060px;padding-bottom:145px}.voices-copy{min-height:470px;padding-bottom:215px}.voices-finou{bottom:20px}.voices-copy img{width:190px}.voices:before{width:148%;height:330px;left:-45%;opacity:.38}.quote-viewport{height:455px}.voices-question{left:20px;right:20px;font-size:18px}}

/* Les bulles occupent réellement la scène : départ latéral, dérive ascendante,
   mais jamais de grand écran vide entre deux passages. */
.quote-stream blockquote:nth-child(1){top:18px;left:2%;width:72%;animation:bubbleLeftV3 22s -1s cubic-bezier(.26,.61,.36,1) infinite}
.quote-stream blockquote:nth-child(2){top:118px;right:1%;width:82%;animation:bubbleRightV3 22s -4s cubic-bezier(.3,.58,.37,1) infinite}
.quote-stream blockquote:nth-child(3){top:228px;left:12%;width:67%;animation:bubbleLeftV3 22s -7s cubic-bezier(.23,.63,.4,1) infinite}
.quote-stream blockquote:nth-child(4){top:344px;right:3%;width:89%;animation:bubbleRightV3 22s -10s cubic-bezier(.33,.55,.35,1) infinite}
.quote-stream blockquote:nth-child(5){top:468px;left:0;width:76%;animation:bubbleLeftV3 22s -13s cubic-bezier(.25,.6,.38,1) infinite}
.quote-stream blockquote:nth-child(6){top:172px;right:9%;width:76%;animation:bubbleRightV3 22s -16s cubic-bezier(.31,.57,.36,1) infinite}
.quote-stream blockquote:nth-child(7){top:300px;left:4%;width:86%;animation:bubbleLeftV3 22s -19s cubic-bezier(.24,.62,.39,1) infinite}
.quote-stream blockquote:nth-child(8){top:426px;right:2%;width:55%;animation:bubbleRightV3 22s -21s cubic-bezier(.34,.54,.36,1) infinite}
@keyframes bubbleLeftV3{0%{transform:translate3d(-75px,90px,0) rotate(-2deg);opacity:0}8%{opacity:1}45%{transform:translate3d(8px,-10px,0) rotate(.4deg);opacity:1}58%,100%{transform:translate3d(48px,-155px,0) rotate(1deg);opacity:0}}
@keyframes bubbleRightV3{0%{transform:translate3d(75px,95px,0) rotate(2deg);opacity:0}8%{opacity:1}45%{transform:translate3d(-8px,-12px,0) rotate(-.4deg);opacity:1}58%,100%{transform:translate3d(-46px,-160px,0) rotate(-1deg);opacity:0}}
@media(prefers-reduced-motion:reduce){.quote-stream blockquote{animation:none!important;position:relative;top:auto!important;left:auto!important;right:auto!important;width:100%!important;opacity:1;transform:none!important}.quote-stream{display:grid;gap:16px;height:auto}.quote-viewport{height:auto;mask-image:none}}

/* Compatibilité avec l'ancien reveal potentiellement mis en cache : visibility et
   translate restent pilotés indépendamment de opacity/transform. */
.quote-stream blockquote{visibility:hidden}
.quote-stream blockquote:nth-child(1){animation-name:bubbleLeftV4}.quote-stream blockquote:nth-child(2){animation-name:bubbleRightV4}.quote-stream blockquote:nth-child(3){animation-name:bubbleLeftV4}.quote-stream blockquote:nth-child(4){animation-name:bubbleRightV4}.quote-stream blockquote:nth-child(5){animation-name:bubbleLeftV4}.quote-stream blockquote:nth-child(6){animation-name:bubbleRightV4}.quote-stream blockquote:nth-child(7){animation-name:bubbleLeftV4}.quote-stream blockquote:nth-child(8){animation-name:bubbleRightV4}
@keyframes bubbleLeftV4{0%{translate:-75px 90px;rotate:-2deg;visibility:hidden}8%{visibility:visible}45%{translate:8px -10px;rotate:.4deg;visibility:visible}58%,100%{translate:48px -155px;rotate:1deg;visibility:hidden}}
@keyframes bubbleRightV4{0%{translate:75px 95px;rotate:2deg;visibility:hidden}8%{visibility:visible}45%{translate:-8px -12px;rotate:-.4deg;visibility:visible}58%,100%{translate:-46px -160px;rotate:-1deg;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.quote-stream blockquote{visibility:visible!important;translate:none!important;rotate:none!important}}

/* V6.2 — corrections ciblées des quatre captures Nessy. */
@font-face{font-family:GWMArabic;src:url(/rejoindre/assets/GWMSansArabicUI-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:GWMArabic;src:url(/rejoindre/assets/GWMSansArabicUI-Bold.woff2) format("woff2");font-weight:700;font-display:swap}

/* 1. Le logo reste transparent : seul le CTA reçoit le cartouche corail. */
.topbar .brand,.topbar .brand:hover,.topbar .brand:active{padding:0;background:none;box-shadow:none;filter:none;transform:none}
.topbar .brand img{width:220px;height:auto}

/* 2. Pont bilingue éditorial, sans points ni tirets décoratifs. */
.language-bridge{gap:14px;isolation:isolate}
.language-bridge article{position:relative;min-height:190px;padding:30px 34px;border:1px solid rgba(104,71,206,.10);box-shadow:0 18px 42px rgba(104,71,206,.10)}
.language-bridge article:first-child{margin-right:46px;border-radius:32px 32px 10px 32px;background:#fffdf9}
.language-bridge article:last-child{margin-left:46px;transform:none;border:0;border-radius:10px 32px 32px 32px;background:linear-gradient(120deg,#6f50d4,#5134ad)}
.language-bridge article:first-child:after,.language-bridge article:last-child:before{content:"";position:absolute;width:34px;height:28px;background:inherit}
.language-bridge article:first-child:after{right:-1px;bottom:-16px;clip-path:polygon(0 0,100% 0,100% 100%)}
.language-bridge article:last-child:before{left:-1px;top:-16px;clip-path:polygon(0 100%,100% 100%,0 0)}
.language-bridge article:last-child b{font-family:GWMArabic,sans-serif;font-size:36px;font-weight:700;line-height:1.65;letter-spacing:0}
.language-bridge article:last-child span{font-family:GWMArabic,sans-serif;font-size:19px}.language-bridge article:last-child small{color:#eee9ff!important}
.bridge-path{display:none!important}

/* 3. Le bonus anglais devient une vraie scène de marque. */
.subject-extras{grid-template-columns:.9fr 1.1fr}
.english-bonus{position:relative;min-height:330px;padding:38px 44% 34px 34px;overflow:hidden;border:1px solid rgba(255,101,73,.16);background:linear-gradient(145deg,#fff7ed 0%,#ffe7dc 52%,#f0ebff 100%);color:#6847ce;box-shadow:0 24px 52px rgba(104,71,206,.12)}
.english-bonus:before{content:"HELLO";position:absolute;left:34px;bottom:24px;color:rgba(255,101,73,.13);font:800 56px/1 Baloo;letter-spacing:-.04em}
.english-bonus:after{content:"";position:absolute;right:-34px;bottom:-22px;width:66%;height:105%;background-position:right bottom;background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 20px 20px rgba(54,35,121,.12))}
.english-bonus span{color:#e65343}.english-bonus b{position:relative;z-index:1;color:#6847ce;font-size:42px}.english-bonus p{position:relative;z-index:1;color:#6f687d;font-weight:700}

/* 4. Foule d'ombres sur toute la largeur et bulles conversationnelles contenues. */
.voices{min-height:980px;grid-template-columns:.64fr 1.36fr;gap:36px;padding-bottom:245px}
.voices:before{left:2%;right:2%;bottom:0;width:auto;height:405px;background-image:url(/rejoindre/assets/mamans-foule-ombres-v8.png);background-position:center bottom;background-size:contain;opacity:.58;mask-image:linear-gradient(to top,#000 78%,transparent 100%)}
.voices-copy{min-height:610px;padding-bottom:230px}.voices-finou{left:8%;bottom:76px}.voices-copy img{width:205px}
.quote-viewport{height:600px;margin:0 -10px;padding:28px 42px 54px;overflow:hidden;mask-image:linear-gradient(transparent,#000 5%,#000 94%,transparent)}
.quote-stream{height:100%}
.quote-stream blockquote{max-width:660px;padding:18px 24px;border:1px solid rgba(255,255,255,.70);border-radius:25px;background:#fffdf9;color:#6847ce;box-shadow:0 12px 26px rgba(39,21,91,.13)!important;font:700 16px/1.42 Nunito}
.quote-stream blockquote.strong{font:800 19px/1.35 Baloo;border-left:0}
.quote-stream blockquote:after{content:"";position:absolute;bottom:-12px;width:24px;height:20px;background:#fffdf9}
.quote-stream blockquote:nth-child(odd){left:42px!important;right:auto!important;border-radius:25px 25px 25px 7px}
.quote-stream blockquote:nth-child(odd):after{left:0;clip-path:polygon(0 0,100% 0,0 100%)}
.quote-stream blockquote:nth-child(even){right:42px!important;left:auto!important;border-radius:25px 25px 7px 25px}
.quote-stream blockquote:nth-child(even):after{right:0;clip-path:polygon(0 0,100% 0,100% 100%)}
.quote-stream blockquote:nth-child(1){top:12px;width:68%;animation-name:chatLeft}.quote-stream blockquote:nth-child(2){top:112px;width:76%;animation-name:chatRight}.quote-stream blockquote:nth-child(3){top:222px;width:64%;animation-name:chatLeft}.quote-stream blockquote:nth-child(4){top:338px;width:78%;animation-name:chatRight}.quote-stream blockquote:nth-child(5){top:455px;width:70%;animation-name:chatLeft}.quote-stream blockquote:nth-child(6){top:174px;width:72%;animation-name:chatRight}.quote-stream blockquote:nth-child(7){top:300px;width:76%;animation-name:chatLeft}.quote-stream blockquote:nth-child(8){top:430px;width:54%;animation-name:chatRight}
.voices-question{left:16%;right:16%;bottom:26px;padding:18px 26px;border-radius:24px 24px 8px 24px;font-size:19px}
@keyframes chatLeft{0%{translate:-34px 72px;visibility:hidden;opacity:0}7%{visibility:visible;opacity:1}45%{translate:5px -8px;visibility:visible;opacity:1}57%,100%{translate:22px -112px;visibility:hidden;opacity:0}}
@keyframes chatRight{0%{translate:34px 78px;visibility:hidden;opacity:0}7%{visibility:visible;opacity:1}45%{translate:-5px -10px;visibility:visible;opacity:1}57%,100%{translate:-22px -118px;visibility:hidden;opacity:0}}
@media(max-width:900px){.language-bridge article:first-child,.language-bridge article:last-child{margin:0}.subject-extras{grid-template-columns:1fr}.english-bonus{min-height:310px;padding-right:45%}.voices{grid-template-columns:1fr;min-height:1220px;padding-bottom:270px}.voices:before{left:-12%;right:-12%;height:340px}.quote-viewport{height:520px;margin:0;padding:20px 16px 46px}.quote-stream blockquote:nth-child(odd){left:16px!important}.quote-stream blockquote:nth-child(even){right:16px!important}.voices-question{left:22px;right:22px}}
@media(max-width:480px){.topbar .brand img{width:155px}.english-bonus{min-height:285px;padding:28px 48% 28px 24px}.english-bonus:before{font-size:40px}.english-bonus:after{right:-50px;width:76%}.voices{min-height:1160px;padding-bottom:255px}.voices:before{left:-36%;right:-36%;height:315px}.quote-stream blockquote{font-size:14px;padding:15px 17px}.quote-stream blockquote.strong{font-size:17px}.quote-stream blockquote:nth-child(n){width:82%!important}.quote-stream blockquote:nth-child(8){width:64%!important}}

/* V6.3 — suppression des fausses bulles du pont, Finou unique, prix sans glyphe euro. */
.pivot{grid-template-columns:minmax(0,.92fr) minmax(590px,1.08fr);gap:54px}
.language-bridge{width:100%;min-width:0}
.language-bridge{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:12px;border:1px solid rgba(104,71,206,.10);border-radius:38px;background:#fffdf9;box-shadow:0 24px 55px rgba(104,71,206,.11)}
.language-bridge article{min-height:280px;margin:0!important;padding:42px;border:0;box-shadow:none;display:flex;flex-direction:column;justify-content:center}
.language-bridge article:first-child{border-radius:28px 0 0 28px;background:linear-gradient(145deg,#fffdf9,#fff5ed)}
.language-bridge article:last-child{border-radius:0 28px 28px 0;background:linear-gradient(135deg,#7658db,#5134ad)}
.language-bridge article:first-child:after,.language-bridge article:last-child:before{display:none!important}
.language-bridge article:first-child span:after{content:"COMPRENDRE";display:block;margin-top:7px;color:rgba(255,101,73,.22);font:800 11px Nunito;letter-spacing:.18em}
.language-bridge article:last-child span:after{content:"يفهم";display:block;margin-top:7px;color:rgba(255,255,255,.28);font:700 16px GWMArabic;letter-spacing:0}

.english-bonus{min-height:350px;padding:38px 50% 34px 34px;background:linear-gradient(145deg,#fff8ef,#fff0e8 58%,#eee9ff)}
.english-bonus:before{content:"ENGLISH";bottom:20px;font-size:48px}
.english-bonus:after{right:-4%;bottom:-2%;width:61%;height:104%;background-image:url(/rejoindre/assets/anglais-still-life-v9.png);background-position:center;background-size:contain;filter:none}
.english-bonus b{font-size:44px}.english-bonus p{max-width:260px}

.price-card>div b{font-size:0!important;display:flex!important;align-items:flex-end;gap:12px}
.price-card>div b:before{content:"97";font:800 96px/.9 Baloo;color:#ff6549}
.price-card>div b:after{content:"EUROS";padding-bottom:12px;font:800 16px/1 Nunito;color:#6847ce;letter-spacing:.14em}

.voices:before{opacity:.78;filter:brightness(.30) contrast(1.55) saturate(.45) blur(.35px);mix-blend-mode:multiply;mask-image:linear-gradient(to top,#000 88%,rgba(0,0,0,.88) 72%,transparent 100%)}

@media(max-width:900px){.pivot{grid-template-columns:1fr;gap:48px}.language-bridge{grid-template-columns:1fr}.language-bridge article:first-child{border-radius:28px 28px 0 0}.language-bridge article:last-child{border-radius:0 0 28px 28px}.language-bridge article{min-height:220px}.english-bonus{padding-right:48%}}
@media(max-width:480px){.english-bonus{min-height:330px;padding:26px 48% 26px 22px}.english-bonus:after{right:-13%;width:70%}.english-bonus b{font-size:36px}.english-bonus p{font-size:14px}.price-card>div b:before{font-size:78px}.price-card>div b:after{font-size:13px}}

/* V6.1 — corrections Nessy du 30/09 : transparence, horloge, placeholders et mobile first. */
.night-clock{width:150px;height:150px;padding:12px;display:grid;place-items:center;border-radius:34px}
.night-clock svg{display:block;width:100%;height:100%;overflow:visible}
.night-clock .clock-face{fill:rgba(20,12,58,.48);stroke:rgba(255,255,255,.42);stroke-width:2}
.night-clock .clock-marks line{stroke:#78ddd8;stroke-width:3;stroke-linecap:round}
.night-clock .clock-hour{stroke:#fff;stroke-width:6;stroke-linecap:round}
.night-clock .clock-minute{stroke:#ff9d8b;stroke-width:4;stroke-linecap:round}
.night-clock .clock-pin{fill:#78ddd8;stroke:#fff;stroke-width:2}

.screen-placeholder,.crop{display:flex;align-items:center;justify-content:center;text-align:center;background:#f0ebe3!important;background-image:none!important;color:#6f687d;font:700 15px/1.4 Nunito,sans-serif;letter-spacing:.01em;border:1px solid rgba(104,71,206,.12)}
.screen-placeholder{min-height:560px;border-radius:10px 10px 23px 23px;font-size:19px}
.crop{padding:18px}
.screen-scan:after{display:none!important}

.mothers-crowd{opacity:.7}
.voices:before{opacity:.7}
.voices-distress{position:absolute;inset:42px 24px 250px;z-index:0;pointer-events:none;opacity:.3}
.voices-distress svg{width:100%;height:100%}
.voices-distress path{fill:none;stroke:#342f63;stroke-width:9;stroke-linecap:round;stroke-linejoin:round}
.voices-distress circle{fill:#342f63}
.voices-copy,.quote-viewport,.voices-question{z-index:2}

.price-card>div b{display:flex!important;align-items:baseline;gap:.12em;font:800 96px/.9 Baloo!important;color:#ff6549}
.price-card>div b:before,.price-card>div b:after{content:none!important;display:none!important}
.euro-glyph{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:.72em;font-weight:800;line-height:1}

footer{justify-content:space-between}
footer>a{color:#6f687d;text-decoration:none;font-size:14px;font-weight:700}

@media(max-width:640px){
  .button:not(.compact){margin-top:1.5rem}
  .focus-card{width:100%!important;padding:1rem!important}
  .focus-card .crop{display:flex;grid-column:1/-1;min-height:118px;height:auto;margin-top:14px}
  .product{min-height:auto}
  .product-stage{height:auto;padding-bottom:8px}
  .screen-placeholder{min-height:260px;padding:24px}
  .subject-track{display:grid;grid-template-columns:1fr;gap:18px;overflow:visible;scroll-snap-type:none;padding-bottom:0}
  .subject-track article{width:100%;min-height:0;display:grid;grid-template-columns:112px 1fr;grid-template-rows:auto 1fr;column-gap:18px;align-items:center;padding:18px;margin:0!important}
  .subject-track article img{grid-row:1/3;width:112px;height:112px;object-fit:contain;margin:0}
  .subject-track article span,.subject-track article b{text-align:left}
  .autonomy-card{display:flex;flex-direction:column;padding:20px}
  .autonomy-finou{order:0;width:100%;height:240px}
  .autonomy-finou+div{order:1;padding:8px 4px 4px}
  .night-clock{width:132px;height:132px;margin-top:30px}
  .voices-distress{inset:340px 8px 250px;opacity:.24}
  .price-card>div b{font-size:78px!important}
  footer{flex-direction:column;gap:18px;justify-content:center;text-align:center}
}

/* V6.1b — reprise visuelle : capture réelle, réveil lisible, symboles émotionnels et matières mobile. */
.night-clock{width:270px;height:184px;padding:0;border:0;background:transparent;box-shadow:none}
.night-clock .alarm-clock{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 18px 24px rgba(10,7,38,.24))}
.alarm-body{fill:#211a55;stroke:rgba(255,255,255,.28);stroke-width:3}
.alarm-screen{fill:#0f0b31;stroke:rgba(120,221,216,.42);stroke-width:2}
.alarm-clock text{fill:#78ddd8;font:800 38px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:3px}
.alarm-bell{fill:#ff9d8b;stroke:#ff6549;stroke-width:3;stroke-linejoin:round}
.alarm-handle,.alarm-feet{fill:none;stroke:#78ddd8;stroke-width:7;stroke-linecap:round}

.screen-placeholder{display:none!important}
.screen-scan img{display:block;width:100%;height:auto;border-radius:10px 10px 23px 23px}
.crop{display:block;background-color:#eeeaf7!important;background-image:url(/rejoindre/assets/capture-lecon-reelle-v1.png)!important;background-repeat:no-repeat!important;background-size:840px 525px!important;border:1px solid rgba(104,71,206,.12)}
.crop-manual{background-position:19% 100%!important}
.crop-bilingual{background-position:78% 100%!important}
.crop-audio{background-position:50% 59%!important}

.voices-distress{inset:72px 30px 250px;opacity:.62}
.voices-distress img{display:block;width:100%;height:100%;object-fit:contain}
.voices-distress svg{display:none}

@media(max-width:640px){
  .night-clock{width:228px;height:155px;margin:28px auto 0}
  .product-stage{padding-bottom:0}
  .screen-scan img{height:260px;object-fit:cover;object-position:50% 0}
  .focus-card .crop{display:block;min-height:132px;height:132px;padding:0}
  .subject-track{display:block;background:rgba(255,255,255,.36);border-top:1px solid rgba(104,71,206,.12);border-bottom:1px solid rgba(104,71,206,.12);padding:0 18px;border-radius:30px}
  .subject-track article{width:100%;min-height:0;display:grid;grid-template-columns:92px 1fr;grid-template-rows:auto auto;column-gap:18px;row-gap:4px;align-items:center;padding:20px 0!important;margin:0!important;border-radius:0!important;border:0;border-bottom:1px solid rgba(104,71,206,.12);background:transparent!important;box-shadow:none!important}
  .subject-track article:last-child{border-bottom:0}
  .subject-track article img{grid-row:1/3;width:92px;height:92px;margin:0;object-fit:cover;border-radius:50%;clip-path:circle(46%);background:radial-gradient(circle,#fff 0 56%,rgba(104,71,206,.12) 57% 100%)}
  .subject-track article span{align-self:end;color:#e65343;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
  .subject-track article b{align-self:start;font-size:17px;line-height:1.32;text-align:left}
  .voices-distress{inset:410px 2px 245px;opacity:.5}
}

/* V6.1c — démonstration réelle issue de l'enregistrement Nessy + trois vues clés complètes. */
.screen-scan video{display:block;width:100%;height:auto;aspect-ratio:286/155;object-fit:cover;border-radius:10px 10px 23px 23px;background:#f3eef9}
.focus-card img.crop{width:100%;height:180px;padding:0;object-fit:contain;object-position:center;border-radius:18px;background:#f3eef9!important;background-image:none!important}

@media(max-width:640px){
  .screen-scan video{height:260px;object-position:center top}
  .focus-card img.crop{width:100%;height:auto;min-height:0;aspect-ratio:286/155;object-fit:contain}
}

/* V6.1d — réveil illustré généré, remplacement définitif du SVG rejeté. */
.night-clock{width:290px;height:265px}
.night-clock>img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(10,7,38,.28))}

@media(max-width:640px){
  .night-clock{width:220px;height:202px}
}

/* V6.2 — dernière passe : hiérarchie, respiration, livres, profondeur et mouvement. */
.eyebrow{font-size:16px;line-height:1.45;letter-spacing:.11em;margin-bottom:26px}
.hero .hero-pvu{max-width:640px;font-size:18px;line-height:1.5;font-weight:900;letter-spacing:.045em}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start}
.hero-action,.final-action{display:flex;flex-direction:column;align-items:center;width:max-content;margin:38px auto 0}
.hero-action .button,.final-action .button{justify-content:center}
.hero-action small,.final-action small{margin-top:14px;text-align:center;width:100%}
.hero-visual{margin-left:24px}

.problem-visual{overflow:visible;isolation:isolate}
.problem-visual img{width:560px;max-width:118%;transform:translate3d(18px,-6px,0);filter:drop-shadow(0 28px 30px rgba(52,47,99,.2))!important;animation:finouDepth 6s ease-in-out infinite}

.agitation{isolation:isolate;overflow:hidden;min-height:calc(100dvh - 92px)}
.agitation-time-decor{position:absolute;z-index:0;inset:22px 18px;width:calc(100% - 36px);height:calc(100% - 44px);object-fit:contain;opacity:.34;pointer-events:none;animation:timeDecorFloat 11s ease-in-out infinite alternate}
.agitation-sticky,.agitation-story{position:relative;z-index:1}

.language-bridge{overflow:visible}
.language-bridge article{transition:transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .65s ease}
.language-bridge article:first-child{transform:translate3d(-18px,-8px,0) rotate(-.7deg)}
.language-bridge article:last-child{transform:translate3d(18px,8px,0) rotate(.7deg)}
.language-bridge:hover article{transform:translate3d(0,0,0) rotate(0);box-shadow:0 28px 62px rgba(104,71,206,.18)}

.subjects{min-height:auto;padding-top:96px;padding-bottom:96px}
.subject-library{display:grid;grid-template-columns:1.12fr .88fr;gap:54px;align-items:center;max-width:1260px;margin:62px auto 0;padding:34px;border:1px solid rgba(104,71,206,.11);border-radius:42px;background:rgba(255,255,255,.58);box-shadow:0 28px 70px rgba(104,71,206,.1)}
.subject-books{min-width:0}
.subject-books img{display:block;width:112%;max-width:none;margin-left:-10%;filter:drop-shadow(0 28px 28px rgba(52,47,99,.16));animation:booksBreathe 7s ease-in-out infinite}
.subject-list{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.subject-list article{min-height:112px;padding:18px 18px 16px;border-radius:22px;background:#fffdf9;border:1px solid rgba(104,71,206,.1);box-shadow:0 12px 26px rgba(104,71,206,.08)}
.subject-list b,.subject-list span{display:block}
.subject-list b{font:800 23px/1.12 Baloo;color:#6847ce}
.subject-list span{margin-top:7px;font-size:13px;line-height:1.35;color:#6f687d}
.subject-list .bonus{background:linear-gradient(135deg,#6847ce,#8e72e3);border-color:transparent}
.subject-list .bonus b{color:#fff}.subject-list .bonus span{color:#f3efff}.subject-list .bonus b:after{content:"BONUS";display:inline-block;margin-left:9px;padding:4px 7px;border-radius:8px;background:#ff6549;color:#fff;font:900 9px Nunito;letter-spacing:.08em;vertical-align:middle}
.subjects>.autonomy-card{margin:62px auto 0}

.voices{min-height:calc(100dvh - 92px);max-height:980px;padding-top:72px;padding-bottom:190px}
.voices-question{color:#ff6549!important;font-size:28px;border:2px solid rgba(255,101,73,.25)}

.offer{min-height:calc(100dvh - 92px);padding-top:70px;padding-bottom:70px;gap:70px}
.offer-copy{padding-bottom:165px}
.offer-copy>img{width:330px;right:-26px;bottom:-55px}
.price-card{text-align:center}
.price-card>div{display:flex!important;flex-direction:column;align-items:center;gap:2px}
.price-card>.button{width:auto;min-width:86%;margin:38px auto 0;justify-content:center}
.price-proof{max-width:390px;margin:18px auto 0}

.final-cta{position:relative;min-height:760px;grid-template-columns:.92fr 1.08fr;overflow:hidden;background:radial-gradient(circle at 82% 22%,rgba(255,157,139,.22),transparent 31%),radial-gradient(circle at 66% 80%,rgba(120,221,216,.2),transparent 29%),linear-gradient(120deg,#f6f3ff 0%,#fff8ef 50%,#effcfa 100%)}
.final-cta>div{padding-right:10px}
.final-celebration{width:700px!important;max-width:116%;justify-self:end;transform:none!important;filter:drop-shadow(0 28px 30px rgba(52,47,99,.19))!important;animation:joyLift 6.5s ease-in-out infinite}
.final-action{margin-top:38px}

/* Les reveals redeviennent actifs : directions variées et zooms modérés. */
.motion-ready .reveal{opacity:0!important;transform:translate3d(0,34px,0) scale(.965)!important;transition:opacity .85s ease,transform 1s cubic-bezier(.2,.8,.2,1)!important;transition-delay:var(--reveal-delay,0ms)!important;will-change:transform,opacity}
.motion-ready .reveal.is-visible{opacity:1!important;transform:translate3d(0,0,0) scale(1)!important}
.motion-ready .problem-visual.reveal,.motion-ready .subject-books.reveal{transform:translate3d(-42px,18px,0) scale(.94)!important}
.motion-ready .hero-visual.reveal,.motion-ready .language-bridge article.reveal,.motion-ready .final-celebration.reveal{transform:translate3d(48px,22px,0) scale(.92)!important}
.motion-ready .problem-visual.reveal.is-visible,.motion-ready .subject-books.reveal.is-visible,.motion-ready .hero-visual.reveal.is-visible,.motion-ready .language-bridge article.reveal.is-visible,.motion-ready .final-celebration.reveal.is-visible{transform:translate3d(0,0,0) scale(1)!important}

@keyframes finouDepth{0%,100%{transform:translate3d(18px,-6px,0) rotate(-.5deg)}50%{transform:translate3d(26px,-18px,0) rotate(.7deg)}}
@keyframes timeDecorFloat{0%{transform:translate3d(-8px,5px,0);opacity:.27}100%{transform:translate3d(9px,-7px,0);opacity:.4}}
@keyframes booksBreathe{0%,100%{transform:translateY(0) rotate(-.3deg)}50%{transform:translateY(-10px) rotate(.35deg)}}
@keyframes joyLift{0%,100%{translate:0 0;rotate:-.3deg}50%{translate:0 -11px;rotate:.35deg}}

@media(max-width:900px){
  .eyebrow{font-size:15px}.hero .hero-pvu{font-size:16px}
  .hero-copy{align-items:stretch}.hero-action,.final-action{width:100%;margin-top:34px}.hero-action .button,.final-action .button{align-self:center}.hero-visual{margin-left:0;height:520px}.hero-finou{width:265px;right:-30px;bottom:132px}.hero-copy small{text-align:center}
  .problem-visual img{width:430px;max-width:112%}
  .agitation{min-height:auto}.agitation-time-decor{inset:120px 0 20px;width:100%;height:calc(100% - 140px);opacity:.22}
  .language-bridge article:first-child,.language-bridge article:last-child{transform:none}
  .subject-library{grid-template-columns:1fr;gap:18px;padding:24px}.subject-books img{width:106%;margin-left:-3%}.subject-list{grid-template-columns:1fr 1fr}
  .voices{min-height:1000px;max-height:none;padding-top:68px;padding-bottom:190px}.voices-question{font-size:22px}
  .offer{min-height:auto}.offer-copy>img{right:24px}
  .final-cta{min-height:auto;grid-template-columns:1fr;padding-bottom:0}.final-celebration{width:640px!important;max-width:125%;justify-self:center;margin-top:-20px}
}

@media(max-width:480px){
  .hero{padding-top:48px}.hero .hero-pvu{font-size:15px;margin-bottom:24px}.hero h1{font-size:37px}.hero-action{margin-top:38px}.hero-action .button{margin-top:0!important}.hero-visual{height:455px;margin-top:18px}.hero-finou{width:215px;right:-24px;bottom:145px}.proof-tags{gap:8px}
  .problem-visual{height:300px}.problem-visual img{width:350px;max-width:110%}
  .subject-library{margin-top:40px;padding:18px 14px;border-radius:30px}.subject-books img{width:112%;margin-left:-6%}.subject-list{grid-template-columns:1fr}.subject-list article{min-height:0;padding:15px 16px}.subject-list b{font-size:22px}.subject-list span{font-size:13px}.subjects>.autonomy-card{margin-top:42px}
  .voices{min-height:930px;padding-bottom:180px}.voices-question{font-size:20px;padding:20px 18px}
  .offer{padding-top:62px;padding-bottom:62px}.offer-copy{padding-bottom:235px}.offer-copy>img{width:275px;right:10px;bottom:-30px}.price-card>.button{min-width:100%}
  .final-cta{padding-top:70px}.final-cta>div{text-align:center}.final-action{margin-top:34px}.final-celebration{width:520px!important;max-width:148%;margin-top:-8px}
}

@media(prefers-reduced-motion:reduce){
  .motion-ready .reveal,.motion-ready .reveal.is-visible{opacity:1!important;transform:none!important;transition:none!important}
  .problem-visual img,.agitation-time-decor,.subject-books img,.final-celebration{animation:none!important}
}

/* V6.3 — motion fonctionnel : reveals au scroll, personnages ancrés, responsive final. */
.hero-finou,
.problem-visual img,
.proof-tags div,
.subject-books img,
.autonomy-finou img,
.offer-copy>img,
.final-celebration{
  animation:none!important;
}

/* CTA du hero aligné au texte ; le tarif reste centré sous le bouton. */
.hero-action{align-items:center;margin:38px 0 0;width:max-content;max-width:100%}
.hero-action .button{align-self:flex-start}
.hero-action small{width:100%;text-align:center}

/* Les trois cartes de démonstration descendent sous la vidéo et sont les seules boxes flottantes. */
.product{min-height:1480px}
.product-stage{height:1035px}
.focus-a,.focus-c{bottom:-54px}
.focus-b{bottom:-82px}
.focus-card.is-visible{animation:focusCardDrift 5.8s ease-in-out infinite}
.focus-card.focus-b.is-visible{animation-delay:-1.9s}
.focus-card.focus-c.is-visible{animation-delay:-3.8s}

/* Pack de livres immobile et visuellement posé sur une tablette. */
.subject-books{position:relative;padding:30px 10px 20px;isolation:isolate}
.subject-books:before{content:"";position:absolute;z-index:-1;left:2%;right:2%;bottom:9%;height:30%;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(238,232,255,.92));border:1px solid rgba(104,71,206,.12);box-shadow:0 24px 42px rgba(52,47,99,.13)}
.subject-books:after{content:"";position:absolute;z-index:-1;left:5%;right:5%;bottom:6%;height:22px;border-radius:50%;background:rgba(52,47,99,.13);filter:blur(12px)}
.subject-books img{width:108%;margin-left:-4%;filter:drop-shadow(0 18px 14px rgba(52,47,99,.15))}
.subject-list article{transition:box-shadow .5s ease,transform .5s cubic-bezier(.2,.8,.2,1),border-color .5s ease}
.subject-list article.is-visible{box-shadow:0 18px 38px rgba(104,71,206,.14)}
.subject-list article:hover{transform:translateY(-4px);border-color:rgba(104,71,206,.24);box-shadow:0 25px 48px rgba(104,71,206,.2)}

/* La nouvelle pose exprime l'autonomie et reste ancrée dans sa carte. */
.autonomy-finou{align-self:flex-end;display:grid;place-items:end center;height:320px;overflow:visible}
.autonomy-card .autonomy-finou img{height:350px;max-width:100%;object-fit:contain;object-position:center bottom;margin:0!important;transform:none!important}

/* Décor temporel discret sur desktop, absent sur mobile. */
.agitation-time-decor{opacity:.15;animation:none!important}

/* La phrase finale reste forte sans devenir un grand pavé sur desktop. */
.voices-question{left:20%;right:20%;bottom:26px;padding:15px 24px;font-size:20px;border-width:1px;border-radius:22px 22px 7px 22px;box-shadow:0 16px 34px rgba(31,17,77,.16)}

/* Profondeur par le paysage uniquement, jamais par Finou. */
.offer{position:relative;isolation:isolate}
.offer-landscape{position:absolute;z-index:-1;inset:-5%;background:linear-gradient(rgba(33,26,85,.78),rgba(73,48,146,.8)),url(/rejoindre/assets/hero-situation-locale.png) center/cover no-repeat;opacity:.42;transform:scale(1.02);animation:offerLandscapeZoom 18s ease-in-out infinite alternate;pointer-events:none}
.offer-copy,.price-wrap{position:relative;z-index:1}

/* La scène finale reste immobile ; seul le calque de particules vit derrière. */
.final-cta{isolation:isolate}
.final-cta .joy-particles{position:absolute;z-index:0;inset:3% 1%;width:98%!important;height:94%;object-fit:cover;transform:none!important;filter:none!important;opacity:.68;animation:joyParticles 8s ease-in-out infinite alternate;pointer-events:none}
.final-cta>div,.final-celebration{position:relative;z-index:2}
.final-celebration{animation:none!important;filter:none!important}

/* Apparitions uniques au scroll : direction, zoom et effet de dévoilement progressif. */
.motion-ready .reveal{opacity:0!important;filter:blur(7px);transition:opacity .8s ease,transform .95s cubic-bezier(.2,.8,.2,1),filter .8s ease,clip-path 1s cubic-bezier(.2,.8,.2,1)!important;transition-delay:var(--reveal-delay,0ms)!important;will-change:opacity,transform,filter,clip-path}
.motion-ready .reveal-left{transform:translate3d(-48px,0,0) scale(.985)!important}
.motion-ready .reveal-right{transform:translate3d(48px,0,0) scale(.985)!important}
.motion-ready .reveal-up{transform:translate3d(0,38px,0) scale(.985)!important}
.motion-ready .reveal-zoom{transform:translate3d(0,12px,0) scale(.9)!important}
.motion-ready .reveal-pixel{clip-path:inset(0 100% 0 0);transform:translate3d(0,12px,0)!important;filter:blur(3px)}
.motion-ready .reveal.is-visible{opacity:1!important;transform:translate3d(0,0,0) scale(1)!important;filter:blur(0);clip-path:inset(0 0 0 0)}
.motion-ready .reveal-cta.is-visible,.motion-ready .reveal.is-visible .reveal-cta{animation:ctaPulseOnce .78s cubic-bezier(.2,.8,.2,1) .55s 1 both}

@keyframes focusCardDrift{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes offerLandscapeZoom{0%{transform:scale(1.02)}100%{transform:scale(1.1)}}
@keyframes joyParticles{0%{translate:0 5px;opacity:.48}100%{translate:0 -7px;opacity:.78}}
@keyframes ctaPulseOnce{0%,100%{scale:1}45%{scale:1.045;box-shadow:0 18px 42px rgba(252,110,81,.38)}}

@media(max-width:900px){
  .hero-copy{align-items:stretch}
  .hero-action{width:max-content;max-width:100%;margin-left:0;margin-right:0;align-items:center}
  .hero-action .button{align-self:flex-start}
  .hero-finou{left:50%;right:auto!important;transform:translateX(-50%);bottom:132px}
  .product{min-height:auto}
  .product-stage{height:auto;padding-bottom:20px}
  .focus-card{bottom:auto!important;margin-top:28px}
  .subject-books{padding:20px 4px 16px}
  .subject-books img{width:104%;margin-left:-2%}
  .autonomy-finou{height:270px;align-self:center}
  .autonomy-card .autonomy-finou img{height:290px}
  .voices-question{left:22px;right:22px;font-size:19px;padding:17px 20px}
  .offer-copy>img{position:relative;display:block;width:250px;right:auto;bottom:auto;margin:30px auto 0}
  .offer-copy{padding-bottom:0}
  .offer-landscape{inset:-3%;opacity:.32}
  .final-celebration{max-width:100%!important;margin:12px auto 0}
}

@media(max-width:480px){
  .hero-action{margin-top:38px}
  .hero-finou{width:215px;left:50%;right:auto!important;bottom:145px;transform:translateX(-50%)}
  .agitation-time-decor{display:none!important}
  .subject-library{overflow:hidden}
  .subject-books:before{bottom:12%;height:26%}
  .subject-books img{width:108%;margin-left:-4%}
  .subject-list article:hover{transform:none}
  .autonomy-card{overflow:hidden}
  .autonomy-finou{height:230px}
  .autonomy-card .autonomy-finou img{height:255px}
  .offer-copy>img{width:215px;margin:26px auto 4px}
  .price-wrap{margin-top:10px}
  .final-cta .joy-particles{inset:2% -18%;width:136%!important;height:96%;opacity:.52}
  .final-celebration{width:100%!important;max-width:100%!important;margin:18px auto 0}
}

@media(prefers-reduced-motion:reduce){
  .motion-ready .reveal,.motion-ready .reveal.is-visible{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important;transition:none!important;animation:none!important}
  .focus-card,.offer-landscape,.joy-particles{animation:none!important}
}

/* V6.4 — corrections ciblées après revue visuelle Nessy. */

/* Le paysage appartient au hero. Il effectue un zoom unique, sans aller-retour. */
.hero{position:relative;isolation:isolate;background:#22165b!important}
.hero:before{content:"";display:block!important;position:absolute;z-index:0;inset:-4%;background:linear-gradient(100deg,rgba(34,22,91,.99) 0%,rgba(83,48,163,.96) 46%,rgba(109,62,185,.77) 70%,rgba(84,25,106,.62) 100%),url(/rejoindre/assets/hero-situation-locale.png) center/cover no-repeat;pointer-events:none;transform:scale(1.01);transform-origin:64% 50%;animation:heroLandscapeZoomOnce 16s cubic-bezier(.2,.7,.2,1) 1 both!important}
.hero:after{z-index:0}
.hero>*{position:relative;z-index:1}

/* Aucun paysage ajouté dans l'offre : retour au fond violet et aux étoiles existantes. */
.offer-landscape{display:none!important;animation:none!important;background:none!important}

/* Le manuel sort de la box sans que Finou flotte. */
.problem-visual{overflow:visible!important}
.problem-visual img{width:585px;max-width:124%;transform:translate3d(34px,54px,0)!important}

/* Suppression de la tablette/du contour ajouté autour des livres. */
.subject-books{padding:10px 0 0}
.subject-books:before,.subject-books:after{content:none!important;display:none!important}
.subject-books img{width:108%;margin-left:-4%;filter:none!important}

/* Empêche les artefacts rectangulaires pendant les apparitions des cartes. */
.motion-ready .reveal{filter:none!important}
.subject-list article{border-radius:22px;background-clip:padding-box;backface-visibility:hidden;transform-style:flat}
.subject-list article.is-visible{box-shadow:0 16px 34px rgba(104,71,206,.12)!important}

/* CTA final aligné avec le texte, tarif centré sous son propre bouton. */
.final-action{align-items:center;width:max-content;max-width:100%;margin:38px 0 0}
.final-action .button{align-self:flex-start}
.hero-action .button,.final-action .button,.price-card>.button{box-shadow:none!important}
.final-action small{width:100%;text-align:center}
.motion-ready .reveal-cta.is-visible,.motion-ready .reveal.is-visible .reveal-cta{animation:ctaPulseOnceClean .72s cubic-bezier(.2,.8,.2,1) .5s 1 both}

@keyframes heroLandscapeZoomOnce{from{transform:scale(1.01)}to{transform:scale(1.095)}}
@keyframes ctaPulseOnceClean{0%,100%{scale:1}48%{scale:1.04}}

@media(max-width:900px){
  .problem-visual img{width:455px;max-width:118%;transform:translate3d(18px,40px,0)!important}
  .final-action{margin-left:0;margin-right:0}
}

@media(max-width:480px){
  .problem-visual img{width:365px;max-width:116%;transform:translate3d(8px,32px,0)!important}
  .subject-books{padding-top:0}
  .subject-books img{width:106%;margin-left:-3%}
  .final-action{width:100%;align-items:center}
  .final-action .button{align-self:flex-start}
}

@media(prefers-reduced-motion:reduce){
  .hero:before{animation:none!important;transform:none!important}
}

/* V6.5 — le pulse et le survol restent visibles hors du cadre du reveal. */
.motion-ready .final-action.reveal.is-visible{clip-path:none!important;overflow:visible!important}
.final-action .button{overflow:visible;transform-origin:center}
.final-cta .joy-particles{opacity:.42}

/* V6.6 — aucun reveal ne doit rogner les visuels ou leurs ombres. */
.motion-ready .problem-visual.reveal.is-visible,
.motion-ready .subject-books.reveal.is-visible,
.motion-ready .subject-list article.reveal.is-visible,
.motion-ready .autonomy-finou.reveal.is-visible,
.motion-ready .price-wrap.reveal.is-visible{
  clip-path:none!important;
  overflow:visible!important;
}

/* Finou reste à taille normale ; seul le livre franchit légèrement le cadre. */
.problem-visual img{
  position:absolute;
  left:50%;
  bottom:-55px;
  width:450px;
  max-width:none;
  transform:translate3d(-50%,0,0)!important;
  filter:drop-shadow(0 18px 13px rgba(39,21,91,.22))!important;
}

/* Pack complet, sans recadrage latéral ni support artificiel. */
.subject-books{overflow:visible!important}
.subject-books img{width:100%;max-width:100%;margin-left:0;object-fit:contain}

/* Le Finou autonomie et la box tarif restent entièrement visibles. */
.autonomy-card,.autonomy-finou,.price-wrap{overflow:visible!important}
.autonomy-card .autonomy-finou img{height:320px;max-height:100%;object-fit:contain}
.subject-list article,.subject-list article.is-visible,.subject-list article:hover{box-shadow:none!important}
.price-wrap{padding:0;background:transparent;box-shadow:none!important}
.price-card{box-shadow:none!important}

@media(max-width:900px){
  .problem-visual img{width:360px;bottom:-45px;transform:translate3d(-50%,0,0)!important}
  .subject-books img{width:100%;margin-left:0}
  .autonomy-card .autonomy-finou img{height:270px;max-height:none}
}

@media(max-width:480px){
  .problem-visual img{width:300px;bottom:-35px;transform:translate3d(-50%,0,0)!important}
  .subject-library,.autonomy-card{overflow:visible!important}
  .subject-books img{width:100%;margin-left:0}
.autonomy-card .autonomy-finou img{height:230px;max-height:none}
}

/* V6.8 — ancrage au sol et célébration plus discrète. */
.final-cta .joy-particles{opacity:.12!important;animation:joyParticlesSubtle 8s ease-in-out infinite alternate}
@keyframes joyParticlesSubtle{from{translate:0 5px}to{translate:0 -7px}}

/* V6.9 — micro-ajustements responsive validés, sans incidence desktop. */
@media(max-width:480px){
  .hero-visual,.scene,.motion-ready .hero-visual.reveal.is-visible{overflow:visible!important;clip-path:none!important}

  .problem h2{margin-bottom:24px}
  .pivot h2{margin-bottom:24px}
  .pivot-copy>p{margin-top:0;margin-bottom:20px}
  .pivot-line{margin-top:30px!important;margin-bottom:24px!important}

  .product .section-heading,.subjects .section-heading.center{max-width:none;margin-left:auto;margin-right:0;text-align:right}
  .subjects .section-heading h2{font-size:30px;line-height:1.08}

  .voices{min-height:850px;gap:22px;padding-top:62px;padding-bottom:205px}
  .voices-copy{min-height:0;padding-bottom:0}
  .voices h2{margin-bottom:22px;font-size:34px;line-height:1.12}
  .voices h2 br{display:none}
  .voices h2 em:before{content:" "}
  .voices-copy>p{margin-bottom:0}
  .voices:before{height:285px;bottom:0}
  .quote-viewport{margin-top:0}

  .offer:after{left:12px;right:auto;top:118px;font-size:34px;color:#78ddd8;text-shadow:none}

  .final-action .button{align-self:center}
}

/* V6.10 — reprise stricte des quatre derniers retours mobiles. */
@media(max-width:480px){
  .product .section-heading,.subjects .section-heading.center{width:100%;margin-left:0;margin-right:0;text-align:left}
  .product .section-heading h2{font-size:32px;line-height:1.08}
  .subjects .section-heading h2{font-size:28px;line-height:1.08}
  .subjects .section-heading h2 em{display:inline-block;white-space:nowrap}

  .autonomy-card{gap:12px;padding-top:16px}
  .autonomy-finou{height:215px}
  .autonomy-card .autonomy-finou img{height:215px;max-height:none}
  .autonomy-finou+div{padding-top:0}

  .voices{min-height:760px;padding-top:54px;padding-bottom:170px}
  .quote-viewport{margin-top:-100px}
}

/* V6.11 — correctif mobile robuste, y compris les viewports supérieurs à 480 px. */
@media(max-width:900px){
  .product .section-heading,.subjects .section-heading.center{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    text-align:left!important;
  }
  .product .section-heading h2,.subjects .section-heading h2{text-align:left!important}
  .subjects .section-heading h2 em{display:inline-block;white-space:nowrap}

  .autonomy-card{gap:0!important}
  .autonomy-finou+div{margin-top:-72px!important;padding-top:0!important}

  .hero-visual{margin-top:52px!important}

}

.hero-action small:after,.final-action small:after{
  content:"Paiement en 3 fois disponible : 3 × 37 €";
  display:block;
  margin-top:6px;
  font-size:12px;
  font-weight:700;
  opacity:.86;
}
.price-card .price-proof:before{
  content:"Paiement en 3 fois disponible : 3 × 37 €";
  display:block;
  margin-bottom:6px;
  color:#6847ce;
  font-weight:800;
}

/* V6.12 — Finou tarif reste sous la liste sur desktop. */
@media(min-width:901px){
  .offer-copy>img{width:300px;right:-18px;bottom:-92px}
}

/* V6.13 — alignements et respirations homogènes sur tous les écrans. */
.product .section-heading,.subjects .section-heading.center{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}
.product .section-heading h2,.subjects .section-heading h2{text-align:left!important}
.subjects .section-heading h2{white-space:nowrap}

.problem h2,.pivot h2,.voices h2,.final-cta h2{margin-bottom:30px}
.pivot-copy>p{margin-top:0;margin-bottom:22px}
.pivot-line{margin-top:32px!important;margin-bottom:28px!important}
.offer h2{margin-bottom:32px}
.offer-anchor{margin-top:0;margin-bottom:48px}
.offer-copy ul{margin-top:0}
.final-cta p{margin-top:0}

@media(min-width:901px){
  .offer-copy>img{width:260px;right:-92px;bottom:-150px}
}

@media(max-width:900px){
  .subjects .section-heading h2{font-size:26px;white-space:nowrap}
  .problem h2,.pivot h2,.voices h2,.final-cta h2{margin-bottom:26px}
  .offer-anchor{margin-bottom:38px}
}

/* V6.14 — les deux en-têtes restent réellement ancrés à gauche. */
.product .section-heading,.subjects .section-heading.center{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
}

/* V6.15/V6.16 — deux micro-corrections desktop, sans modifier le reste. */
@media(min-width:901px){
  .offer-copy>img{width:300px;right:-52px;bottom:-20px}
  .voices-copy{width:640px}
  .voices h2{width:640px}
  .voices-distress{clip-path:none}
}

/* V6.17 — le CTA hero conserve sa forme complète au survol. */
.motion-ready .hero-action.reveal.is-visible{clip-path:none!important;overflow:visible!important}
.hero-action .button{overflow:visible;transform-origin:center}

/* V6.18 — libellé du CTA header parfaitement centré sur mobile. */
@media(max-width:900px){
  .topbar .compact{padding:0 16px!important;min-height:34px;gap:0;justify-content:center;line-height:1}
  .topbar .compact:before{display:block;line-height:1;text-align:center}
}

/* V6.19 — foule entière, sans découpe latérale ni ligne de masque sur les têtes. */
.voices:before{
  left:4%!important;
  right:4%!important;
  width:auto!important;
  background-size:contain!important;
  background-position:center bottom!important;
  background-repeat:no-repeat!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  filter:brightness(.30) contrast(1.55) saturate(.45)!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

@media(max-width:900px){
  .voices:before{left:3%!important;right:3%!important}
}