<!DOCTYPE html>

<head>

<title>MOONDY CLUB : Transforme ton hypersensibilité en force</title>

<style>

:root{

--navy:#042248;

--navy-soft:#0a3a6e;

--brown:#4e2a15;

--cream:#f3e9dc;

--cream-soft:#faf5ee;

--gold:#c89116;

--gold-soft:#e0b862;

--rose:#c98fa0;

--rose-soft:#e3bfc9;

}

*{margin:0;padding:0;box-sizing:border-box;}

html{scroll-behavior:smooth;}

body{

font-family:'Jost', sans-serif;

background:var(--cream);

color:var(--navy);

line-height:1.65;

font-weight:300;

-webkit-font-smoothing:antialiased;

}

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

h1,h2,h3,.serif{font-family:'Cormorant Garamond', serif;}

h1,h2,h3,.key,.roc-close .line1,.roc-close .line2,.card .name{text-wrap:balance;}

p{text-wrap:pretty;}

p, li, .plan .desc, .why-premium .intro{text-align:justify;}

.signature-script{font-family:'Marck Script', cursive;font-size:32px;color:var(--navy);line-height:1;margin-top:22px;display:block;}

.signature-tag{font-family:'Jost',sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-top:6px;}

a{color:inherit;text-decoration:none;}

.justify{text-align:justify;}

section{padding:90px 0;position:relative;}

@media(max-width:600px){section{padding:60px 0;} .inner{padding:0 20px;}}

/* Motif signature : phases de lune, utilisé avec parcimonie comme séparateur */

.moon-phases{display:flex;justify-content:center;gap:14px;margin:26px 0;}

.moon-phases span{

width:16px;height:16px;border-radius:50%;border:1.3px solid var(--gold);

background:transparent;display:inline-block;

}

.moon-phases span.mp-half-l{background:linear-gradient(90deg, var(--gold) 50%, transparent 50%);}

.moon-phases span.mp-half-r{background:linear-gradient(270deg, var(--gold) 50%, transparent 50%);}

.moon-phases span.mp-full{background:var(--gold);}

.moon-phases span.mp-dim{background:var(--brown);border-color:var(--brown);opacity:.6;}

.moon-phases.on-dark span{border-color:var(--gold-soft);}

.moon-phases.on-dark span.mp-full{background:var(--gold-soft);}

.moon-phases.on-dark span.mp-half-l{background:linear-gradient(90deg, var(--gold-soft) 50%, transparent 50%);}

.moon-phases.on-dark span.mp-half-r{background:linear-gradient(270deg, var(--gold-soft) 50%, transparent 50%);}

.eyebrow{

font-family:'Jost',sans-serif;font-size:12px;letter-spacing:.26em;

text-transform:uppercase;color:var(--gold);font-weight:500;

}

.btn{

display:inline-flex;align-items:center;gap:8px;padding:15px 34px;

font-family:'Jost',sans-serif;font-size:12.5px;letter-spacing:.1em;

text-transform:uppercase;font-weight:500;cursor:pointer;

transition:transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease, border-color .25s ease;

border:none;position:relative;

}

/* Primaire : action principale, dégradé doré, angles adoucis, la plus affirmée */

.btn-gold{

background:linear-gradient(135deg, var(--gold-soft), var(--gold));

color:var(--navy);border-radius:8px;box-shadow:0 6px 18px rgba(200,145,22,.3);

}

.btn-gold:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(200,145,22,.45);}

/* Secondaire : contour sobre, angles adoucis */

.btn-outline{background:transparent;border:1.5px solid var(--navy);color:var(--navy);border-radius:8px;}

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

.btn-outline-cream{background:transparent;border:1.5px solid var(--cream);color:var(--cream);border-radius:8px;}

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

/* Premium : fin liseré doré, arrondi, lettrage espacé, effet sélectif/candidature */

.btn-ghost{

background:transparent;border:1px solid var(--gold-soft);color:var(--gold-soft);

border-radius:30px;padding:14px 32px;letter-spacing:.16em;font-size:11.5px;

}

.btn-ghost::before{content:"✦";color:var(--gold-soft);font-size:11px;transition:color .25s ease;}

.btn-ghost:hover{background:var(--gold-soft);color:var(--navy);}

.btn-ghost:hover::before{color:var(--navy);}

/* Communauté (Telegram / Skool / Bilan) : pastille pleine douce, arrondie, la plus discrète */

.btn-community{

background:rgba(4,34,72,.05);color:var(--navy);border-radius:30px;

border:1px solid rgba(4,34,72,.14);font-size:12px;letter-spacing:.06em;padding:14px 30px;

}

.btn-community:hover{background:var(--navy);color:var(--cream);border-color:var(--navy);}

.btn-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

/* ============ HERO ============ */

.hero{

background:radial-gradient(ellipse at 50% -10%, var(--navy-soft) 0%, var(--navy) 55%, #021530 100%);

color:var(--cream);padding:110px 0 80px;text-align:center;position:relative;overflow:hidden;

}

.hero::before{

content:"";position:absolute;top:-80px;left:-60px;width:340px;height:340px;border-radius:50%;

background:radial-gradient(circle, rgba(201,143,160,.22) 0%, rgba(201,143,160,0) 70%);

filter:blur(10px);

}

.logo-mark{margin:0 auto 22px;position:relative;}

.logo-mark img{width:96px;height:96px;object-fit:contain;margin:0 auto;filter:drop-shadow(0 4px 18px rgba(200,145,22,.25));}

.hero h1{font-size:clamp(30px,8vw,58px);font-weight:600;margin:0 0 8px;letter-spacing:.01em;white-space:nowrap;position:relative;}

.hero .divider{width:46px;height:1px;background:var(--gold-soft);opacity:.55;margin:0 auto 10px;}

.hero .promise{

font-family:'Marck Script',cursive;font-weight:400;

font-size:clamp(20px,5vw,32px);color:var(--gold-soft);margin-bottom:6px;

white-space:nowrap;position:relative;

}

.hero .tagline{

font-family:'Jost',sans-serif;font-weight:300;font-size:16px;

color:#dfe6ef;max-width:600px;margin:0 auto 8px;letter-spacing:.02em;

text-align:justify;position:relative;

}

@media(max-width:600px){.hero h1{font-size:30px;}}

/* ============ IMMERSION TEASER ============ */

.immersion{background:var(--cream-soft);border-top:1px solid rgba(4,34,72,.08);border-bottom:1px solid rgba(4,34,72,.08);text-align:center;}

.immersion .eyebrow{color:var(--brown);}

.immersion h2{

font-family:'Jost',sans-serif;font-weight:400;font-size:16px;color:var(--navy);

max-width:420px;margin:14px auto 30px;text-align:center;letter-spacing:.01em;text-wrap:balance;

}

.immersion .card{

background:var(--navy);color:var(--cream);border-radius:18px;

padding:38px 30px;max-width:520px;margin:0 auto;

border:1px solid rgba(224,184,98,.3);

}

.immersion .tag{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-soft);margin-bottom:10px;}

.immersion .name{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:600;margin-bottom:6px;color:var(--cream);text-wrap:balance;}

.immersion .name em{font-style:italic;color:var(--gold);font-weight:500;}

.immersion .sub{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:18px;color:var(--gold-soft);margin-bottom:26px;}

.countdown{display:flex;justify-content:center;gap:18px;margin-bottom:28px;}

.countdown .unit{min-width:56px;}

.countdown .num{font-family:'Cormorant Garamond',serif;font-size:34px;font-weight:600;color:var(--gold);}

.countdown .label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-soft);}

/* ============ PROBLEM / WHY JOIN ============ */

.why h2{font-size:34px;font-weight:500;margin-bottom:36px;text-align:center;}

.why-cols{display:grid;grid-template-columns:1fr 1fr;gap:28px;}

@media(max-width:600px){.why-cols{grid-template-columns:1fr;gap:20px;}}

.why-col-title{

font-family:'Cormorant Garamond',serif;font-weight:600;font-size:34px;

margin-bottom:14px;text-align:center;line-height:1;

}

.why-col.plus .why-col-title{color:var(--gold);}

.why-col.moins .why-col-title{color:var(--rose);}

.why-item{

display:flex;gap:10px;align-items:center;background:var(--cream-soft);

border:1px solid rgba(4,34,72,.07);padding:14px 16px;border-radius:10px;font-size:14.5px;

margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;

}

.why-col.plus .why-item .dot{color:var(--gold);flex:0 0 auto;}

.why-col.moins .why-item .dot{color:var(--rose);flex:0 0 auto;}

/* ============ POUR TOI / PAS POUR TOI ============ */

.forqui .grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px;}

@media(max-width:700px){.forqui .grid2{grid-template-columns:1fr;}}

.forqui h2{font-size:32px;font-weight:500;text-align:center;margin-bottom:36px;}

.forqui .col{padding:30px 26px;border-radius:14px;}

.forqui .col.oui{background:var(--cream-soft);border-left:3px solid var(--gold);}

.forqui .col.non{background:transparent;border-left:3px solid var(--brown);}

.forqui .col h3{font-family:'Jost';font-size:16px;letter-spacing:.05em;margin-bottom:16px;font-weight:500;text-transform:uppercase;}

.forqui .col ol{list-style:none;counter-reset:item;}

.forqui .col li{font-size:14.5px;padding:9px 0;display:flex;gap:10px;}

.forqui .col.oui li::before{content:"✦";color:var(--gold);flex:0 0 auto;}

.forqui .col.non li::before{content:"-";color:var(--brown);flex:0 0 auto;}

/* ============ PILIERS ============ */

.piliers{background:var(--navy);color:var(--cream);position:relative;overflow:hidden;}

.piliers::before{

content:"";position:absolute;top:20%;right:-100px;width:320px;height:320px;border-radius:50%;

background:radial-gradient(circle, rgba(201,143,160,.15) 0%, rgba(201,143,160,0) 70%);filter:blur(10px);

}

.piliers h2{font-size:32px;font-weight:500;text-align:center;margin-bottom:44px;}

.piliers .eyebrow{color:var(--gold-soft);display:block;text-align:center;margin-bottom:10px;}

.pilier-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;position:relative;}

@media(max-width:640px){.pilier-grid{grid-template-columns:1fr;}}

.pilier{

grid-column:span 1;

background:rgba(255,255,255,.035);border:1px solid rgba(224,184,98,.2);border-radius:16px;

padding:26px 24px 22px;position:relative;overflow:hidden;

}

.pilier .n{

font-family:'Cormorant Garamond',serif;font-size:80px;color:#8a6106;font-weight:600;

position:absolute;top:-14px;right:8px;opacity:.4;line-height:1;

}

.pilier h3{font-size:19px;font-weight:500;margin-bottom:8px;position:relative;color:var(--gold-soft);}

.pilier p{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:17px;color:#dfe6ef;position:relative;text-align:left;}

/* ============ METHODE ROC ============ */

.roc h2{font-size:32px;font-weight:500;text-align:center;}

.roc .head{text-align:center;margin-bottom:46px;}

.roc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;position:relative;}

@media(max-width:700px){.roc-grid{grid-template-columns:1fr;}}

.roc-box{

background:var(--cream-soft);border:1px solid rgba(4,34,72,.08);border-radius:16px;

padding:30px 24px 26px;position:relative;border-top:3px solid var(--gold);

}

.roc-box.roc-r{border-top-color:var(--rose);}

.roc-box.roc-o{border-top-color:var(--gold);}

.roc-box.roc-c{border-top-color:var(--brown);}

.roc-box .letter{

width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;

font-family:'Cormorant Garamond',serif;font-size:28px;color:var(--cream);font-weight:600;

margin-bottom:16px;

}

.roc-box.roc-r .letter{background:linear-gradient(135deg, var(--rose), var(--rose-soft));}

.roc-box.roc-o .letter{background:linear-gradient(135deg, var(--gold), var(--gold-soft));}

.roc-box.roc-c .letter{background:linear-gradient(135deg, var(--brown), #6b3b1f);}

.roc-box h3{font-size:19px;font-weight:500;margin-bottom:14px;}

.roc-box ul{list-style:none;}

.roc-box li{font-size:14px;padding:6px 0;display:flex;gap:8px;}

.roc-box li::before{content:"✦";color:var(--gold);flex:0 0 auto;font-size:11px;margin-top:4px;}

.roc-arrow{

display:none;position:absolute;top:44px;font-family:'Cormorant Garamond',serif;

font-size:26px;color:var(--gold-soft);z-index:2;

}

@media(min-width:701px){

.roc-arrow{display:block;}

.roc-arrow.a1{left:calc(33.33% - 10px);}

.roc-arrow.a2{left:calc(66.66% - 10px);}

}

.roc-close{text-align:center;}

.roc-close .line1{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:600;color:var(--brown);}

.roc-close .line2{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:18px;color:var(--navy);margin-top:6px;}

/* ============ RESULTAT CYCLE ============ */

.resultat{background:var(--cream-soft);}

.resultat h2{font-size:32px;font-weight:500;text-align:center;margin-bottom:34px;}

.resultat ul{list-style:none;max-width:560px;margin:0 auto 28px;}

.resultat li{display:flex;gap:12px;padding:10px 0;font-size:15px;border-top:1px solid rgba(4,34,72,.08);}

.resultat li:first-child{border-top:none;}

.resultat li::before{content:"✦";color:var(--gold);flex:0 0 auto;}

.resultat .premium-note{

max-width:560px;margin:0 auto;background:var(--navy);color:var(--cream);

padding:18px 22px;border-radius:12px;font-size:14px;text-align:center;

}

.resultat .premium-note b{color:var(--gold-soft);}

/* ============ CHANGE LA VIE ============ */

.change{background:var(--navy);color:var(--cream);text-align:center;}

.change .key{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:600;max-width:600px;margin:0 auto 44px;line-height:1.4;}

.change .key .l2{color:var(--gold-soft);}

.change-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;text-align:left;}

@media(max-width:600px){.change-grid{grid-template-columns:1fr;}}

.change-item h3{font-size:16px;font-weight:500;margin-bottom:8px;color:var(--gold-soft);}

.change-item p{font-size:14.5px;color:#cdd8e6;}

/* ============ COMMENT LE CYCLE NOURRIT ============ */

.nourrit .eyebrow{display:block;text-align:center;margin-bottom:10px;}

.nourrit h2{font-size:32px;font-weight:500;text-align:center;margin-bottom:40px;}

.nourrit-block{margin-bottom:30px;}

.nourrit-block h3{font-size:19px;font-weight:500;color:var(--brown);margin-bottom:10px;}

.nourrit-block p{font-size:14.5px;}

.nourrit-block ul{list-style:none;margin-top:6px;}

.nourrit-block li{font-size:14.5px;padding:5px 0;padding-left:18px;position:relative;}

.nourrit-block li::before{content:"✦";color:var(--gold);position:absolute;left:0;font-size:11px;top:8px;}

.nourrit .premium-note{

background:var(--cream-soft);border:1px solid rgba(4,34,72,.08);

padding:18px 22px;border-radius:12px;font-size:14px;

}

.nourrit .premium-note b{color:var(--gold);}

/* ============ OUTILS ============ */

.outils{background:var(--cream-soft);position:relative;overflow:hidden;}

.outils::before{

content:"";position:absolute;bottom:-80px;left:-60px;width:280px;height:280px;border-radius:50%;

background:radial-gradient(circle, rgba(201,143,160,.16) 0%, rgba(201,143,160,0) 70%);filter:blur(10px);

}

.outils-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;position:relative;}

@media(max-width:640px){.outils-list{grid-template-columns:1fr;}}

.outil{

background:var(--cream);border-radius:14px;padding:24px 22px;

border-top:3px solid var(--gold);box-shadow:0 4px 16px rgba(4,34,72,.05);

}

.outil:nth-child(2n){border-top-color:var(--rose);}

.outil:nth-child(3n){border-top-color:var(--brown);}

.outil .glyph{

width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;

background:rgba(200,145,22,.12);color:var(--gold);font-family:'Cormorant Garamond',serif;

font-size:19px;font-weight:600;margin-bottom:14px;

}

.outil:nth-child(2n) .glyph{background:rgba(201,143,160,.16);color:var(--rose);}

.outil:nth-child(3n) .glyph{background:rgba(78,42,21,.1);color:var(--brown);}

.outil h3{font-size:17px;font-weight:500;margin-bottom:8px;color:var(--navy);}

.outil p{font-size:14.5px;}

.outils h2{font-size:32px;font-weight:500;text-align:center;margin-bottom:40px;}

/* ============ FORMULES ============ */

.pricing{background:var(--navy);color:var(--cream);overflow:hidden;}

.pricing::before{

content:"";position:absolute;top:10%;left:-100px;width:300px;height:300px;border-radius:50%;

background:radial-gradient(circle, rgba(201,143,160,.14) 0%, rgba(201,143,160,0) 70%);filter:blur(10px);

}

.pricing .head{text-align:center;margin-bottom:50px;}

.pricing h2{font-size:32px;font-weight:500;color:var(--cream);}

.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch;}

@media(max-width:860px){.plans{grid-template-columns:1fr;max-width:380px;margin:0 auto;}}

.plan{background:rgba(255,255,255,.03);border:1px solid rgba(224,184,98,.22);border-radius:16px;padding:30px 26px;display:flex;flex-direction:column;}

.plan.featured{background:linear-gradient(160deg, rgba(200,145,22,.14), rgba(255,255,255,.02));border:1px solid var(--gold);position:relative;}

.plan.featured .ribbon{

position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--navy);

font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:5px 14px;border-radius:20px;font-weight:600;white-space:nowrap;

}

.plan .name{font-family:'Cormorant Garamond',serif;font-size:23px;font-weight:600;margin-bottom:6px;}

.plan .desc{font-size:13.5px;color:#c9d3e0;margin-bottom:20px;min-height:38px;}

.plan .price-wrap{margin-bottom:22px;}

.plan .barre{font-size:14px;color:#8b96a8;text-decoration:line-through;}

.plan .price{font-family:'Cormorant Garamond',serif;font-size:38px;font-weight:600;color:var(--gold-soft);}

.plan .price small{font-family:'Jost';font-size:13px;color:#c9d3e0;font-weight:300;}

.plan .launch-note{font-size:11.5px;color:var(--gold-soft);letter-spacing:.05em;text-transform:uppercase;margin-top:2px;}

.plan ul{list-style:none;margin-bottom:26px;flex:1;}

.plan li{font-size:13.5px;padding:7px 0;border-top:1px solid rgba(255,255,255,.08);color:#dbe2ec;}

.plan li:first-child{border-top:none;}

.plan .btn{text-align:center;width:100%;}

/* ============ POURQUOI PREMIUM ============ */

.why-premium{background:var(--cream-soft);}

.why-premium h2{font-size:30px;font-weight:500;text-align:center;margin-bottom:30px;}

.why-premium .intro{

max-width:560px;margin:0 auto 34px;text-align:justify;font-family:'Cormorant Garamond',serif;

font-style:italic;font-size:19px;color:var(--brown);

}

.why-premium .points{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:16px;}

.why-premium .point{background:var(--cream);border-left:3px solid var(--gold);padding:16px 20px;font-size:15px;}

/* ============ ETAPES ============ */

.etapes h2{font-size:32px;font-weight:500;text-align:center;margin-bottom:40px;}

.etape{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:18px 0;border-top:1px solid rgba(4,34,72,.1);}

.etape:last-child{border-bottom:1px solid rgba(4,34,72,.1);}

.etape .n{font-family:'Cormorant Garamond',serif;font-size:28px;color:var(--gold);font-weight:600;}

.etape h3{font-size:16.5px;font-weight:500;margin-bottom:4px;}

.etape p{font-size:14px;color:#3a3128;}

.etape.premium-only{opacity:.9;}

.etape .badge{

display:inline-block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;

background:var(--gold);color:var(--navy);padding:2px 8px;border-radius:10px;margin-left:8px;vertical-align:middle;

}

/* ============ TEMOIGNAGES ============ */

.temoignages{background:var(--cream-soft);}

.temoignages h2{font-size:32px;font-weight:500;text-align:center;margin-bottom:40px;}

.t-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}

@media(max-width:600px){.t-grid{grid-template-columns:1fr;}}

.t-card{background:var(--cream);padding:22px;border-radius:14px;border:1px solid rgba(4,34,72,.08);}

.t-card p{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:17px;color:var(--navy);}

.t-card .who{margin-top:10px;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);}

/* ============ THERACOACH ============ */

.coach{position:relative;overflow:hidden;}

.coach::before{

content:"";position:absolute;top:-40px;right:-60px;width:260px;height:260px;border-radius:50%;

background:radial-gradient(circle, rgba(201,143,160,.16) 0%, rgba(201,143,160,0) 70%);filter:blur(8px);

}

.coach .row{display:flex;gap:36px;align-items:center;position:relative;}

@media(max-width:700px){.coach .row{flex-direction:column;text-align:center;}}

.coach .portrait{

flex:0 0 auto;width:190px;height:190px;border-radius:50%;

background:linear-gradient(160deg, var(--rose-soft), var(--gold-soft));

padding:3px;overflow:hidden;

}

.coach .portrait img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 30%;display:block;}

.coach h2{font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:var(--brown);font-weight:500;margin-bottom:14px;}

.coach p{font-size:15px;}

.coach p + p{margin-top:12px;}

.coach .signature{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:19px;color:var(--navy);margin-top:16px;}

/* ============ APPEL DECOUVERTE ============ */

.appel{background:var(--navy);color:var(--cream);text-align:center;}

.appel h2{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:600;margin-bottom:18px;}

.appel p{max-width:520px;margin:0 auto 16px;color:#dfe6ef;font-size:15px;}

.appel .elan{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:19px;color:var(--gold-soft);max-width:480px;margin:26px auto 32px;text-align:justify;}

/* ============ FAQ ============ */

.faq h2{font-size:32px;font-weight:500;text-align:center;margin-bottom:34px;}

.faq-item{border-bottom:1px solid rgba(4,34,72,.12);}

.faq-q{width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:19px 0;font-family:'Jost';font-size:15.5px;font-weight:500;color:var(--navy);display:flex;justify-content:space-between;align-items:center;gap:16px;}

.faq-q .icon{font-family:'Cormorant Garamond';font-size:22px;color:var(--gold);transition:transform .3s ease;flex:0 0 auto;}

.faq-item.open .icon{transform:rotate(45deg);}

.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}

.faq-a p{padding-bottom:19px;font-size:14px;color:#3a3128;}

footer{background:#021530;color:#8b96a8;text-align:center;padding:40px 0 90px;font-size:13px;}

footer .brand{font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--gold-soft);font-size:16px;margin-bottom:8px;}

.sticky-cta{

position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--navy);color:var(--cream);

padding:13px 20px;display:flex;justify-content:center;align-items:center;gap:16px;box-shadow:0 -6px 24px rgba(0,0,0,.25);

}

.sticky-cta span{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:14px;}

@media(max-width:480px){.sticky-cta span{display:none;}}

</style>

</head>

<body>

</div>

<h1>LE MOONDY CLUB</h1>

<div class="promise">Transforme ton hypersensibilité en force.</div>

<div class="tagline">Le club des hypersensibles qui veulent arrêter de souffrir et ne plus subir leurs émotions.</div>

</div>

<a href="#formules" class="btn btn-gold">Découvre les formules</a>

<a href="https://bilan-dincarnation.nf-natiflora.workers.dev/" class="btn btn-community" style="color:var(--cream);background:rgba(224,184,98,.12);border-color:rgba(224,184,98,.4);">Fais un premier Bilan d'Incarnation</a>

<a href="https://tonrdvavecnatiflora.as.me/appeldecouverte" class="btn btn-ghost">Candidate au Premium</a>

</div>

<div class="eyebrow" id="immersion-eyebrow">L'immersion gratuite</div>

<h2>Si tu veux déjà avoir un aperçu de ce que tu pourrais vivre dans le club.</h2>

<div class="tag">Immersion Power, gratuite</div>

<div class="name">Révèle la <em>puissance</em> de ton hypersensibilité</div>

<div class="sub" id="immersion-status">Ça commence bientôt</div>

<div class="unit"><div class="num" id="cd-days">--</div><div class="label">jours</div></div>

<div class="unit"><div class="num" id="cd-hours">--</div><div class="label">heures</div></div>

</div>

<a href="https://immersion.lemoondyclub.com/" class="btn btn-gold">Je réserve ma place gratuite</a>

</div>

</section>

<h2>Pourquoi rejoindre le club ?</h2>

<div class="why-item"><span class="dot">✦</span>Plus de sérénité</div>

<div class="why-item"><span class="dot">✦</span>Plus de liberté</div>

<div class="why-item"><span class="dot">✦</span>Plus de compréhension</div>

<div class="why-item"><span class="dot">✦</span>Plus de clarté dans tes décisions</div>

<div class="why-item"><span class="dot">✦</span>Plus de force</div>

<div class="why-item"><span class="dot">✦</span>Plus de limites posées</div>

</div>

<div class="why-item"><span class="dot">✦</span>Moins de charge mentale</div>

<div class="why-item"><span class="dot">✦</span>Moins d'émotions absorbées</div>

<div class="why-item"><span class="dot">✦</span>Moins de solitude</div>

<div class="why-item"><span class="dot">✦</span>Moins de culpabilité</div>

<div class="why-item"><span class="dot">✦</span>Moins de fardeau</div>

<div class="why-item"><span class="dot">✦</span>Moins de sacrifices</div>

</div>

</section>

<h2>Le Moondy Club est fait pour toi, si :</h2>

<ol>

<li>Tu as déjà essayé de gérer ta sensibilité seule, sans grand résultat durable.</li>

<li>Tu es curieuse d'une approche douce, entre thérapie, coaching et spiritualité.</li>

<li>Tu es prête à te consacrer un peu de temps chaque semaine, cycle après cycle.</li>

<li>Tu en as assez qu'on te dise que tu es trop, et tu veux enfin voir ta sensibilité autrement.</li>

<li>Tu veux avancer entourée, dans une communauté qui comprend, plutôt que seule dans ton coin.</li>

<li>Tu es salarié·e ou entrepreneur·e, et tes émotions freinent ton expansion autant au travail que dans ta vie perso.</li>

<li>Tu subis tes émotions plus que tu ne les choisis, et tu veux inverser ça.</li>

</ol>

</div>

<ol>

<li>Tu cherches une solution instantanée, sans travail sur la durée.</li>

<li>Tu n'es pas prête à te rendre disponible, même un peu, chaque semaine.</li>

<li>L'idée d'une communauté ne t'attire pas du tout, tu préfères avancer seule.</li>

<li>Tu penses que ta sensibilité est un problème à faire taire, pas une force à apprivoiser.</li>

<li>Tu n'es pas prête à te faire accompagner, même en douceur.</li>

<li>Tu attends que ça change sans rien changer de ton côté.</li>

<li>Tu cherches quelque chose de ponctuel, pas un accompagnement qui s'installe dans le temps.</li>

</ol>

</div>

</section>

<span class="eyebrow">Les fondations</span>

<h2>Les 5 piliers du Moondy Club.</h2>

<h3>Conscientiser sa sensibilité</h3><p>Parce que reconnaître ce qui se passe en soi permet de sortir de l'ombre.</p>

</div>

<h3>Accepter</h3><p>Pour arrêter de se battre contre soi-même. C'est là que commence la force.</p>

</div>

<h3>Se connaître</h3><p>Pour comprendre ses déclencheurs, ses schémas, son fonctionnement propre.</p>

</div>

<h3>Poser des limites</h3><p>Pour apprendre à se protéger, sans culpabiliser.</p>

</div>

<h3>Se détacher</h3><p>Parce que ressentir pleinement ses émotions est notre plus grand pouvoir.</p>

</div>

</section>

<span class="eyebrow">La méthode</span>

</div>

<h3>Ressentir</h3>

<ul>

<li>Accueillir sans jugement</li>

<li>Ne plus la retenir dans le corps</li>

<li>Retrouver le message derrière l'émotion</li>

<li>Sortir de l'évitement chronique</li>

</ul>

</div>

<h3>Observer</h3>

<ul>

<li>Sortir du pilote automatique</li>

<li>Distinguer ce qui t'appartient de ce qui ne t'appartient pas</li>

<li>Identifier le vrai déclencheur</li>

<li>Éviter les décisions et actions regrettées</li>

</ul>

</div>

<h3>Choisir</h3>

<ul>

<li>Reprendre le pouvoir sur ta réponse</li>

<li>Poser une limite, dire non, dire oui</li>

<li>Agir sans te trahir</li>

<li>Avancer sans te laisser freiner</li>

</ul>

</div>

<div class="line1">La méthode R.O.C au cœur de ta sensibilité.</div>

<div class="line2">Aussi sensible que l'eau, mais stable comme un roc.</div>

</div>

</section>

<h2>Ce que tu vis après le Cycle 1.</h2>

<ul>

<li>4 séances de Theracoaching, en collectif, pour poser les fondations</li>

<li>Une vraie déconstruction identitaire, qui tu es vraiment, au-delà des rôles que tu tiens</li>

<li>Tu prends conscience du pouvoir que tu as sur tes décisions et ta vie, au-delà de ce que tes proches pensent ou attendent de toi</li>

<li>Tu gagnes une première vision claire de qui tu veux être</li>

<li>Tu poses déjà des actions concrètes dans cette direction</li>

</ul>

<div class="premium-note">En formule <b>Premium</b>, tu vis ce même cycle avec une séance individuelle chaque semaine en plus, à mes côtés.</div>

</div>

</section>

Tu n'as plus besoin de souffrir seule de tes émotions.<br>

<span class="l2">Tu as besoin d'apprendre à ressentir autrement.</span>

</div>

<h3>Le basculement de regard</h3>

<p>Ce qu'on t'a toujours présenté comme un fardeau devient ton plus grand atout.</p>

</div>

<h3>La régularité qui fait la différence</h3>

<p>Pas un déclic ponctuel, mais un accompagnement qui s'installe dans le temps, cycle après cycle, jusqu'à ce que le détachement devienne un réflexe.</p>

</div>

<h3>De subir à choisir</h3>

<p>La vie ne devient pas plus calme autour de toi. C'est ta relation à ce qui t'arrive qui change.</p>

</div>

<h3>Un espace où ta sensibilité n'est plus à cacher</h3>

<p>La communauté comme preuve vivante que ce n'est pas juste toi qui vis ça.</p>

</div>

</section>

<span class="eyebrow">Ton rythme</span>

<h2>Ce qui te nourrit, au quotidien.</h2>

<h3>Le workbook, en 3 temps</h3>

<ul>

<li>Introspection, tu explores ce qui se joue en toi sur la thématique du cycle</li>

<li>Vision, tu clarifies où tu veux aller</li>

<li>Manifestation, tu poses des actions concrètes dans cette direction</li>

</ul>

<p style="margin-top:8px;">Chaque partie est accompagnée d'audios, pour continuer le travail entre les séances, à ton rythme.</p>

</div>

<h3>Le collectif, chaque mardi</h3>

<p>4 séances de Theracoaching collectif par cycle, en direct, pour approfondir, poser tes questions, avancer ensemble.</p>

</div>

<h3>Ton suivi quotidien, dans le Moondy Journal</h3>

<p>Ton application dédiée pour ancrer le travail chaque jour, entre les séances, un espace rien qu'à toi pour suivre ton évolution cycle après cycle.</p>

</div>

<h3>Le suivi avec Melissa</h3>

<ul>

<li>Des publications régulières dans la communauté, pour nourrir ta réflexion entre les séances</li>

<li>Un espace chat où tu peux échanger directement avec elle, qui répond chaque semaine à un jour fixe</li>

</ul>

</div>

<h3>Sur le groupe Telegram</h3>

<ul>

<li>La météo lunaire, chaque lundi</li>

<li>Des audios ponctuels, des partages, des témoignages</li>

</ul>

</div>

<h3>Les rituels</h3>

<p>Un rituel de nouvelle lune et un rituel de pleine lune, personnalisés, à chaque cycle.</p>

</div>

<div class="premium-note">En formule <b>Premium</b>, tu bénéficies d'une séance individuelle chaque semaine, en plus de tout ce qui précède.</div>

</div>

</section>

<h2>La boîte à outils.</h2>

<h3>Le Moondy Journal</h3>

<p>Ton application de suivi quotidien, pour poser tes émotions, suivre tes cycles, et voir ton évolution dans le temps. Des recommandations personnalisées se construisent au fil de tes réponses, pour t'orienter selon tes propres patterns.</p>

</div>

<h3>Le Bilan d'Incarnation et la Fleur de l'Âme</h3>

<p>Un premier bilan dès le départ, puis tous les 3 cycles, un bilan complet sur 7 dimensions, révélé sous la forme d'une fleur qui te montre visuellement où tu en es, et comment tu évolues.</p>

</div>

<h3>Ton workbook, cycle après cycle</h3>

<p>Introspection, vision, manifestation, avec ses audios d'accompagnement, pour travailler entre les séances.</p>

</div>

<h3>La communauté Skool</h3>

<p>Ton espace privé, protégé, pour poser tes questions et échanger avec d'autres hypersensibles qui vivent la même chose.</p>

</div>

<h3>Le groupe Telegram</h3>

<p>La météo lunaire chaque lundi, des audios ponctuels, des partages, pour rester connectée au quotidien.</p>

</div>

<h3>Les rituels de lune</h3>

<p>Un rituel de nouvelle lune et un rituel de pleine lune, personnalisés, à chaque cycle.</p>

</div>

</section>

<h2>Choisis ta formule.</h2>

</div>

<div class="name">Gratuite</div>

<div class="desc">Pour découvrir l'univers du Moondy Club, en douceur.</div>

<ul>

<li>Accès au groupe Telegram (météo lunaire du lundi, audios, partages)</li>

<li>Un aperçu de la méthode R.O.C</li>

</ul>

<a href="https://t.me/+o8kvEGTZA4thMzdk" class="btn btn-community" style="color:var(--cream);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25);">Rejoindre le Telegram</a>

</div>

<div class="ribbon">Le plus choisi</div>

<div class="name">Standard</div>

<div class="desc">L'accès complet au programme MOONDY CLUB.</div>

<div class="launch-note">Prix de lancement</div>

</div>

<ul>

<li>Les 13 cycles : workbook en 3 temps + audios</li>

<li>4 séances de Theracoaching collectif par cycle</li>

<li>Un rituel de nouvelle lune et un rituel de pleine lune par cycle</li>

<li>Le Moondy Journal, avec recommandations personnalisées</li>

<li>Le Bilan d'Incarnation et la Fleur de l'Âme, dès le départ puis tous les 3 cycles</li>

<li>La communauté Skool, posts réguliers et chat privé</li>

<li>Le groupe Telegram</li>

</ul>

<a href="https://www.skool.com/je-suis-hypersensible-libre-9929/about" class="btn btn-gold">Je rejoins le club</a>

</div>

<div class="name">Premium</div>

<div class="desc">Le club, et moi à tes côtés, individuellement.</div>

<div class="launch-note">Sur candidature</div>

</div>

<ul>

<li>Tout le contenu de la formule Standard</li>

<li>Une séance individuelle chaque semaine</li>

<li>Un accompagnement sur-mesure, réservé à un nombre limité de personnes</li>

</ul>

<a href="https://tonrdvavecnatiflora.as.me/appeldecouverte" class="btn btn-ghost" style="color:var(--gold);border-color:var(--gold);">Candidater au Premium</a>

</div>

</section>

<h2>Pourquoi choisir la formule Premium ?</h2>

<div class="intro">En Standard, tu as la méthode et le collectif. En Premium, tu as la méthode, le collectif, et moi à tes côtés chaque semaine, comme ton bras droit émotionnel.</div>

<div class="point">Avec moi, tu gagnes en clarté et en rapidité pour traverser une vague émotionnelle.</div>

<div class="point">Parce que je suis là pour t'aider à prendre les décisions, pendant les lancements, les prises de parole, les moments où tes émotions pourraient freiner ton expansion.</div>

</div>

</section>

<h2>Les étapes après ton inscription.</h2>

<div><h3>Tu reçois tes accès</h3><p>Dès ton inscription validée, tu reçois tous tes accès pour découvrir ton nouvel espace : la plateforme du club et ton Journal.</p></div>

</div>

<div><h3>Tu complètes ton Bilan d'Incarnation</h3><p>Un formulaire simple accessible via le Moondy Journal, pour poser ton point de départ.</p></div>

</div>

<div><h3>Tu te présentes à la communauté</h3><p>Étape importante pour créer des liens et te sentir chez toi dans le club.</p></div>

</div>

<div><h3>Tu viens à ta première séance de Theracoaching collectif</h3><p>Tu n'es plus seule dans ton monde.</p></div>

</div>

<div><h3>Tu peux programmer ta première séance individuelle <span class="badge">Premium</span></h3></div>

</div>

</section>

<h2>Elles en parlent.</h2>

<div class="t-card"><p>"Merci d'être ce bras droit émotionnel qui veille à ma stabilité émotionnelle avec amour et bienveillance."</p><div class="who">Membre du Moondy Club</div></div>

<div class="t-card"><p>"Un processus de libération profonde, psychologique, émotionnel, sur mes croyances limitantes. Après plusieurs thérapies, rien ne m'avait fait avancer autant."</p><div class="who">Membre du Moondy Club</div></div>

<div class="t-card"><p>"J'ai appris à ne plus absorber ce qui ne m'appartient pas émotionnellement."</p><div class="who">Membre du Moondy Club</div></div>

<div class="t-card"><p>"Un espace chaleureux où chacune se sent libre d'exprimer ses émotions."</p><div class="who">Membre du Moondy Club</div></div>

<div class="t-card"><p>"Fière d'avoir posé une limite sans me justifier, face à des personnes qui me mettaient mal à l'aise."</p><div class="who">Membre du Moondy Club</div></div>

<div class="t-card"><p>"Je ne me laisse plus définir par les étiquettes posées par les autres. Je sais qui je suis."</p><div class="who">Membre du Moondy Club</div></div>

</div>

</section>

<div>

<h2>Ta Theracoach</h2>

<p class="justify">Enfant, je vivais dans un monde imaginaire avec ce besoin de tout comprendre en profondeur.</p>

<p class="justify">Mais mon sentiment de solitude face au monde rempli de regards critiques a anéanti la confiance que j'avais en moi.</p>

<p class="justify">J'ai créé le Moondy Club pour offrir ce que j'aurais aimé trouver à l'époque : un espace pour arrêter de souffrir et apprendre à vivre avec ma sensibilité, plutôt que de la subir seule.</p>

<p class="justify">Aujourd'hui, j'accompagne les hypersensibles à transformer ce qu'on leur a toujours présenté comme un fardeau en une véritable force.</p>

<div class="signature-script">Melissa</div>

<div class="signature-tag">Theracoach</div>

</div>

</section>

<h2>Tu hésites encore ?<br>C'est normal.</h2>

<p>Choisir de se faire accompagner, c'est un premier pas en soi, surtout quand on a l'habitude de tout porter seule.</p>

<p>L'appel découverte n'est pas un rendez-vous de vente. C'est un moment pour poser tes questions, parler de ce que tu vis, et savoir concrètement si le Moondy Club est le bon espace pour toi, maintenant.</p>

<div class="elan">Chaque jour où tu remets à demain, c'est un jour de plus à porter seule ce que tu pourrais déjà commencer à déposer.</div>

<a href="https://tonrdvavecnatiflora.as.me/appeldecouverte" class="btn btn-gold">Réserver mon appel découverte</a>

</div>

</section>

<h2>Questions fréquentes.</h2>

<button class="faq-q">Puis-je mettre en pause ou annuler mon abonnement ?<span class="icon">+</span></button>

<div class="faq-a"><p>Non, l'abonnement ne peut pas être suspendu ou annulé en cours de route. Cette condition est précisée dans les CGV.</p></div>

</div>

<button class="faq-q">Est-ce que le club remplace un suivi médical ?<span class="icon">+</span></button>

<div class="faq-a"><p>Non, le Moondy Club est un accompagnement thérapeutique et de coaching, complémentaire à un suivi médical si tu en as un. Il ne s'y substitue pas.</p></div>

</div>

<button class="faq-q">Que se passe-t-il si je rate une séance en direct du mardi ?<span class="icon">+</span></button>

<div class="faq-a"><p>Deux choses te permettent de ne rien manquer : les audios d'accompagnement de ton workbook, et le replay de la séance.</p></div>

</div>

<button class="faq-q">Le club est-il ouvert aux hommes ?<span class="icon">+</span></button>

<div class="faq-a"><p>Oui, le Moondy Club est ouvert à tous, hommes et femmes.</p></div>

</div>

<button class="faq-q">Combien de temps dois-je m'engager ?<span class="icon">+</span></button>

<div class="faq-a"><p>L'engagement couvre les 13 cycles du programme.</p></div>

</div>

<button class="faq-q">Si je rejoins en cours de route, est-ce que je commence au cycle en cours ?<span class="icon">+</span></button>

<div class="faq-a"><p>Non, chaque nouvelle intégration commence par le Cycle 1.</p></div>

</div>

<button class="faq-q">Si je ne suis pas au même cycle que les autres, puis-je quand même participer au Theracoaching du mardi ?<span class="icon">+</span></button>

<div class="faq-a"><p>Oui, les séances sont toujours pensées pour convenir à tout le monde, quel que soit le cycle de chacun·e.</p></div>

</div>

<button class="faq-q">Comment se déroule la candidature pour la formule Premium ?<span class="icon">+</span></button>

<div class="faq-a"><p>Via un formulaire, avec une réponse sous 48 heures.</p></div>

</div>

</section>

<div class="brand">Transformer ton hypersensibilité en force par l'art du détachement émotionnel.</div>

MELISSA · IDENTITY THERACOACH<br>

Mentions légales · Contact

</footer>

<span>Le Moondy Club t'attend</span>

<a href="#formules" class="btn btn-gold" style="padding:10px 24px;font-size:12.5px;">Découvre les formules</a>

</div>

// FAQ accordéon

document.querySelectorAll('.faq-item').forEach(function(item){

var q = item.querySelector('.faq-q');

var a = item.querySelector('.faq-a');

q.addEventListener('click', function(){

var isOpen = item.classList.contains('open');

document.querySelectorAll('.faq-item.open').forEach(function(o){

if(o!==item){o.classList.remove('open');o.querySelector('.faq-a').style.maxHeight=null;}

});

if(isOpen){item.classList.remove('open');a.style.maxHeight=null;}

else{item.classList.add('open');a.style.maxHeight=a.scrollHeight+'px';}

});

// Compte à rebours dynamique Immersion Power (1-4 octobre 2026)

(function(){

var start = new Date('2026-10-01T19:00:00');

var end = new Date('2026-10-04T23:59:59');

var eyebrow = document.getElementById('immersion-eyebrow');

var status = document.getElementById('immersion-status');

var elDays = document.getElementById('cd-days');

var elHours = document.getElementById('cd-hours');

var elMin = document.getElementById('cd-min');

var elSec = document.getElementById('cd-sec');

function render(){

var now = new Date();

if(now < start){

eyebrow.textContent = "En ce moment";

status.textContent = "Ça commence dans";

var diff = start - now;

var d = Math.floor(diff/(1000*60*60*24));

var h = Math.floor((diff/(1000*60*60))%24);

var m = Math.floor((diff/(1000*60))%60);

var s = Math.floor((diff/1000)%60);

elDays.textContent = d;

elHours.textContent = h;

elMin.textContent = m;

elSec.textContent = s;

} else if(now >= start && now <= end){

eyebrow.textContent = "En direct maintenant";

status.textContent = "En direct jusqu'au 4 octobre";

var diff2 = end - now;

var d2 = Math.floor(diff2/(1000*60*60*24));

var h2 = Math.floor((diff2/(1000*60*60))%24);

var m2 = Math.floor((diff2/(1000*60))%60);

var s2 = Math.floor((diff2/1000)%60);

elDays.textContent = d2;

elHours.textContent = h2;

elMin.textContent = m2;

elSec.textContent = s2;

} else {

eyebrow.textContent = "La prochaine immersion";

status.textContent = "Date de la prochaine session à venir";

document.getElementById('countdown').style.display = 'none';

}

render();

setInterval(render, 1000);

})();

</script>

</body>

</html>