:root{
  --bg:#060b16;
  --bg2:#0a1222;
  --card:#0c1528;
  --line:rgba(255,255,255,.08);
  --text:#eef3ff;
  --muted:#93a3c0;
  --green:#4f8cff;
  --green-d:#2f6bff;
  --glow:0 0 40px rgba(79,140,255,.25);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'Plus Jakarta Sans',system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{width:min(1100px,100% - 32px);margin-inline:auto}
section{padding:96px 0;position:relative}
h1,h2,h3{font-family:'Plus Jakarta Sans','Plus Jakarta Sans',sans-serif;letter-spacing:.04em;line-height:1.2}
h1{font-size:clamp(1.9rem,5vw,3.8rem);font-weight:900;text-transform:uppercase}
h2{font-size:clamp(1.5rem,3.4vw,2.4rem);font-weight:700;text-transform:uppercase;text-align:center;margin-bottom:14px}
.green{color:var(--green)}
.sub{color:var(--muted);text-align:center;max-width:620px;margin:0 auto 52px}
.tag{display:inline-flex;gap:8px;align-items:center;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--green);border:1px solid rgba(79,140,255,.35);padding:6px 14px;border-radius:99px;background:rgba(79,140,255,.06)}
.tag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}

/* Nav */
nav{position:fixed;inset:0 0 auto 0;z-index:50;backdrop-filter:blur(14px);background:rgba(6,11,22,.7);border-bottom:1px solid var(--line)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{display:flex;align-items:center;gap:10px;font-family:'Plus Jakarta Sans';font-weight:700;letter-spacing:.2em;font-size:1.2rem}
.brand img{width:36px;height:36px;border-radius:50%}
.btn{display:inline-block;background:var(--green);color:#ffffff;font-weight:700;padding:15px 30px;border-radius:10px;border:0;cursor:pointer;font-size:1rem;font-family:inherit;transition:.25s;box-shadow:var(--glow)}
.btn:hover{transform:translateY(-2px);background:#a9c8ff;box-shadow:0 0 60px rgba(79,140,255,.4)}
.btn.sm{padding:10px 20px;font-size:.9rem}
.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line);box-shadow:none}
.btn.ghost:hover{border-color:var(--green);color:var(--green)}

/* Hero */
.hero{padding-top:170px;text-align:center;overflow:hidden}
.hero::before{content:"";position:absolute;top:-200px;left:50%;translate:-50% 0;width:900px;height:700px;background:radial-gradient(circle,rgba(79,140,255,.16),transparent 65%);pointer-events:none}
.hero .logo{width:150px;height:150px;border-radius:50%;margin:0 auto 28px;box-shadow:var(--glow);animation:float 5s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-10px)}}
.hero h1{margin:22px auto 20px;max-width:900px}
.hero p.lead{color:var(--muted);font-size:1.15rem;max-width:640px;margin:0 auto 34px}
.hero .cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.chart{position:absolute;inset:auto 0 0 0;height:160px;opacity:.5;pointer-events:none}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:70px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px 10px}
.stat b{display:block;font-family:'Plus Jakarta Sans';font-size:2.2rem;color:var(--green)}
.stat span{color:var(--muted);font-size:.85rem}

/* Cards */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:30px;transition:.3s}
.card:hover{border-color:rgba(79,140,255,.4);transform:translateY(-4px)}
.card .ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:rgba(79,140,255,.1);color:var(--green);font-size:1.3rem;margin-bottom:18px}
.card h3{font-size:1.4rem;margin-bottom:8px}
.card p{color:var(--muted);font-size:.95rem}
.alt{background:var(--bg2);border-block:1px solid var(--line)}

/* Offer */
.offer{max-width:760px;margin:0 auto;background:linear-gradient(180deg,#0c1426,#080e1c);border:1px solid rgba(79,140,255,.35);border-radius:20px;padding:44px;box-shadow:var(--glow)}
.offer ul{list-style:none;margin:28px 0}
.offer li{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}
.offer li span:first-child::before{content:"✓";color:var(--green);margin-right:12px;font-weight:700}
.offer li em{font-style:normal;color:var(--muted);font-size:.9rem}
.offer li em.free{color:var(--green)}
.price{text-align:center}
.price s{color:var(--muted)}
.price .big{display:block;font-family:'Plus Jakarta Sans';font-size:4rem;font-weight:700;color:var(--green)}

/* Steps */
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.step{counter-increment:s;padding:30px;border-left:2px solid var(--green);background:var(--card);border-radius:0 14px 14px 0}
.step::before{content:"0" counter(s);font-family:'Plus Jakarta Sans';font-size:2.4rem;color:var(--green);display:block}
.step h3{font-size:1.3rem;margin:4px 0 6px}
.step p{color:var(--muted);font-size:.95rem}

/* Testimonials */
.quote{font-size:.95rem;color:var(--muted)}
.quote .who{display:block;margin-top:16px;color:var(--text);font-weight:600}
.placeholder{border-style:dashed}

/* FAQ */
.faq{max-width:760px;margin:0 auto}
details{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:20px 24px}
details[open]{border-color:rgba(79,140,255,.4)}
summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between}
summary::after{content:"+";color:var(--green);font-size:1.4rem;line-height:1}
details[open] summary::after{content:"–"}
details p{margin-top:12px;color:var(--muted)}

/* Waitlist */
.final{text-align:center}
.final::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(79,140,255,.12),transparent 60%);pointer-events:none}
form.wl{display:flex;gap:10px;max-width:560px;margin:34px auto 12px;flex-wrap:wrap;position:relative}
form.wl input{flex:1 1 240px;background:var(--card);border:1px solid var(--line);color:var(--text);padding:15px 18px;border-radius:10px;font-size:1rem;font-family:inherit}
form.wl input:focus{outline:0;border-color:var(--green)}
.msg{min-height:24px;color:var(--green);position:relative}
.note{color:var(--muted);font-size:.8rem;position:relative}

footer{border-top:1px solid var(--line);padding:40px 0;color:var(--muted);font-size:.78rem;text-align:center}
footer p{max-width:820px;margin:0 auto 10px}

.reveal{opacity:0;transform:translateY(24px);transition:.8s}
.reveal.in{opacity:1;transform:none}

@media(max-width:820px){
  section{padding:70px 0}
  .grid,.steps{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
  nav .btn{display:none}
  .offer{padding:28px 20px}
}

footer a{text-decoration:underline}footer a:hover{color:var(--green)}
.legal{padding:130px 0 70px}
.legal .wrap{max-width:780px}
.legal h1{font-size:2.4rem;margin-bottom:8px}
.legal h2{text-align:left;font-size:1.4rem;margin:34px 0 8px;color:var(--green)}
.legal p,.legal li{color:#c8d4ec;margin-bottom:10px}
.legal ul{padding-left:22px}
.legal .todo{background:rgba(255,200,0,.08);border:1px solid rgba(255,200,0,.3);color:#ffd866;padding:2px 6px;border-radius:5px}
.legal .back{display:inline-block;margin-bottom:24px;color:var(--green)}
.legal a.in{color:var(--green)}

/* ===== Refonte dynamique ===== */
body{font-size:1.05rem}
.brand{font-family:'Plus Jakarta Sans';font-size:1rem}
h3{font-size:1.05rem !important;text-transform:uppercase}
.btn{font-family:'Plus Jakarta Sans';font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;padding:17px 32px;position:relative;overflow:hidden}
.btn:not(.ghost)::after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:shine 3.5s infinite}
@keyframes shine{to{left:160%}}
.btn.sm{padding:11px 18px;font-size:.7rem}
.tag{font-family:'Plus Jakarta Sans';font-size:.68rem}
.sub{font-size:1.05rem}

/* Hero */
.hero{min-height:100vh;display:flex;align-items:center;padding-bottom:70px}
.hero>.wrap{position:relative;z-index:2}
#candles{position:absolute;inset:0;width:100%;height:100%;opacity:.55;z-index:0}
.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(6,11,22,.2) 0%,rgba(6,11,22,.1) 55%,var(--bg) 100%),
  repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 1px,transparent 1px 4px)}
.hero h1{text-shadow:0 0 50px rgba(79,140,255,.25)}
.hero .green,.h-glow{text-shadow:0 0 28px rgba(79,140,255,.6)}
.stat{backdrop-filter:blur(8px);background:rgba(12,21,40,.7);position:relative;overflow:hidden}
.stat::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent)}
.stat b{font-size:1.9rem}

/* Ticker */
.ticker{overflow:hidden;border-block:1px solid var(--line);background:#070d1b;padding:14px 0}
.ticker .track{display:flex;width:max-content;animation:scroll 28s linear infinite}
.ticker span{font-family:'Plus Jakarta Sans';font-size:.75rem;letter-spacing:.25em;color:var(--muted);padding:0 34px;white-space:nowrap}
.ticker span.up{color:var(--green)}
@keyframes scroll{to{transform:translateX(-33.333%)}}

/* Fond quadrillé + relief */
.alt{background:var(--bg2);background-image:linear-gradient(rgba(79,140,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(79,140,255,.035) 1px,transparent 1px);background-size:56px 56px}
.card{position:relative;overflow:hidden;background:linear-gradient(160deg,#101b33,#0a1222)}
.card::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent);opacity:.0;transition:.3s}
.card:hover::before{opacity:1}
.card:hover{box-shadow:0 10px 40px rgba(79,140,255,.12)}
.card .ico{width:54px;height:54px;border:1px solid rgba(79,140,255,.3);box-shadow:inset 0 0 18px rgba(79,140,255,.15)}
.step{position:relative}
.step::before{font-size:2.2rem;text-shadow:0 0 20px rgba(79,140,255,.5)}
.offer{position:relative;background:linear-gradient(180deg,#101b33,#070d1a)}
.offer::before{content:"";position:absolute;inset:-1px;border-radius:20px;padding:1px;background:linear-gradient(135deg,var(--green),transparent 40%,transparent 60%,var(--green));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.price .big{font-size:4.2rem;text-shadow:0 0 40px rgba(79,140,255,.5)}
.price s{font-size:1.3rem;text-decoration-color:#ff5d5d}
.final h2{font-size:clamp(1.6rem,4vw,2.8rem)}
@media(max-width:820px){.hero{min-height:auto;padding-top:130px}.hero .logo{width:110px;height:110px}}

/* Preuves */
.proofs{align-items:start}
.proof{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.3s;cursor:default}
.proof:hover{border-color:rgba(79,140,255,.5);transform:translateY(-6px);box-shadow:0 14px 50px rgba(79,140,255,.15)}
.proof img{width:100%;aspect-ratio:3/2;object-fit:cover}
.proof figcaption{display:flex;flex-direction:column;padding:16px 18px;gap:2px}
.proof figcaption b{font-family:'Plus Jakarta Sans';font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}
.proof figcaption span{color:var(--green);font-size:.88rem}
.lightbox{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.9);display:none;place-items:center;padding:20px;cursor:zoom-out}
.lightbox.on{display:grid}
.lightbox img{max-width:min(1100px,100%);max-height:90vh;border-radius:12px;box-shadow:var(--glow)}

/* Typo revue : Sora (titres) + Inter (texte), plus sobre et lisible */
h1,h2,h3{text-transform:none !important;letter-spacing:-.02em}
h1{font-weight:800;font-size:clamp(2rem,5.2vw,3.7rem);line-height:1.12}
h2{font-weight:700;font-size:clamp(1.6rem,3.6vw,2.5rem)}
h3{font-size:1.15rem !important;font-weight:600}
.btn{font-family:'Plus Jakarta Sans';font-weight:600;text-transform:none;letter-spacing:0;font-size:.95rem}
.btn.sm{font-size:.82rem}
.brand{font-family:'Plus Jakarta Sans';font-weight:700;letter-spacing:.08em;font-size:.95rem}
.tag{font-family:'Plus Jakarta Sans';font-weight:600;font-size:.72rem;letter-spacing:.14em}
.ticker span{font-family:'Plus Jakarta Sans';font-weight:600;font-size:.72rem;letter-spacing:.2em}
.stat b,.price .big,.step::before{font-family:'Plus Jakarta Sans';font-weight:700}
.stat b{font-size:1.8rem}
.price .big{font-size:3.6rem}
.proof figcaption b{font-family:'Plus Jakarta Sans';font-weight:600;letter-spacing:0;text-transform:none;font-size:.95rem}

/* Payout mis en avant */
.proof-feat{max-width:640px;margin:0 auto 26px}
.proof{position:relative}
.proof-feat .proof{border-color:rgba(79,140,255,.5);box-shadow:var(--glow)}
.proof .badge{position:absolute;top:14px;left:14px;z-index:2;background:var(--green);color:#ffffff;font-weight:700;font-size:.75rem;padding:5px 12px;border-radius:99px}
.proof-feat .proof img{aspect-ratio:auto}
.proof-feat .badge{top:auto;left:auto;right:16px;bottom:18px}

/* ===== Questionnaire ===== */
.quiz{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.82);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px}
.quiz[hidden]{display:none}
.qcard{position:relative;display:grid;grid-template-columns:1.05fr 1fr;width:min(980px,100%);height:min(540px,92vh);background:#060b16;border:1px solid rgba(79,140,255,.55);border-radius:20px;overflow:hidden;box-shadow:0 0 0 4px rgba(79,140,255,.08),0 0 70px rgba(79,140,255,.28)}
.qclose{position:absolute;top:10px;right:14px;z-index:5;background:rgba(0,0,0,.5);color:#fff;border:0;width:34px;height:34px;border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer}
.qmain{position:relative;padding:34px 38px 30px;display:flex;flex-direction:column;overflow-y:auto}
.qbrand{display:flex;align-items:center;gap:8px;font-family:'Plus Jakarta Sans';font-weight:700;letter-spacing:.1em;font-size:.8rem}
.qbrand img{width:24px;height:24px;border-radius:50%}
.qbody{flex:1;display:flex;flex-direction:column;justify-content:center;padding:18px 0;animation:qin .4s ease}
@keyframes qin{from{opacity:0;transform:translateY(14px)}}
.qstep{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--green);margin-bottom:10px}
.qstep::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:8px;box-shadow:0 0 8px var(--green)}
.qtitle{font-size:clamp(1.3rem,2.6vw,1.75rem) !important;line-height:1.25;margin-bottom:22px}
.qrow{display:flex;gap:8px}
.qinput,.qsel{background:#0f1a30;border:1px solid var(--line);color:var(--text);border-radius:12px;padding:15px 16px;font-size:1rem;font-family:inherit;width:100%}
.qsel{width:auto;flex:0 0 auto;padding-right:8px}
.qinput:focus,.qsel:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 3px rgba(79,140,255,.15)}
.qnote{margin-top:16px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:.85rem}
.qnote b{color:var(--text)}
.qerr{color:#ff7a7a;font-size:.85rem;min-height:20px;margin-top:8px}
.qopts{display:grid;gap:10px}
.qopt{display:flex;align-items:center;gap:12px;text-align:left;background:#0f1a30;border:1px solid var(--line);color:var(--text);border-radius:12px;padding:13px 16px;font-size:.98rem;font-family:inherit;cursor:pointer;transition:.2s}
.qopt kbd{display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(79,140,255,.5);border-radius:7px;color:var(--green);font-size:.75rem;font-weight:700;flex:none}
.qopt:hover,.qopt.sel{border-color:var(--green);background:rgba(79,140,255,.08)}
.qopt.sel kbd{background:var(--green);color:#ffffff}
.qnav{display:flex;gap:10px;align-items:center;margin-top:8px}
.qok{background:var(--green);color:#ffffff;border:0;border-radius:10px;font-weight:700;padding:12px 26px;cursor:pointer;font-family:'Plus Jakarta Sans';box-shadow:var(--glow)}
.qarrows{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.qarrows button{background:transparent;color:var(--muted);border:0;padding:11px 14px;cursor:pointer;font-size:1rem}
.qarrows button+button{border-left:1px solid var(--line)}
.qarrows button:hover{color:var(--green)}
.qprog{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.06)}
.qprog i{display:block;height:100%;width:0;background:var(--green);box-shadow:0 0 12px var(--green);transition:width .4s}
.qside{position:relative;display:grid;place-items:center;background:url(setup.jpg) 45% 58%/cover,radial-gradient(circle at 50% 40%,rgba(79,140,255,.22),transparent 60%),#060b16;border-left:1px solid var(--line)}
.qside img{width:46%;max-width:230px;border-radius:50%;box-shadow:var(--glow)}
.qbadge{position:absolute;top:16px;right:16px;left:auto;background:rgba(10,18,34,.85);border:1px solid var(--line);padding:6px 12px;border-radius:99px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.qdone{text-align:center}
.qdone .ok{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:rgba(79,140,255,.12);border:1px solid var(--green);color:var(--green);font-size:1.8rem;box-shadow:var(--glow)}
.qdone p{color:var(--muted)}
@media(max-width:760px){
  .qcard{grid-template-columns:1fr;height:min(620px,94vh)}
  .qside{display:none}
  .qmain{padding:28px 22px 24px}
}

/* ===== Questionnaire intégré à la page (style T2) ===== */
.quiz{position:relative;inset:auto;z-index:1;background:none;backdrop-filter:none;display:block;padding:0;text-align:left;margin-top:44px}
.qcard{width:min(1000px,100%);height:480px;margin:0 auto;background:#070c18;border:1px solid rgba(79,140,255,.7);border-radius:18px;box-shadow:0 0 0 1px rgba(79,140,255,.15),0 0 46px rgba(79,140,255,.35),0 0 120px rgba(79,140,255,.12)}
.qmain{padding:34px 36px 30px}
.qbrand{font-size:.78rem}
.qbody{outline:0;justify-content:flex-start;padding-top:34px}
.qtitle{display:flex;align-items:center;gap:12px;font-size:clamp(1.25rem,2.4vw,1.6rem) !important}
.qtitle svg{flex:none}
.qphone{display:flex;border:1px solid var(--line);border-radius:12px;background:#0f1a30;overflow:hidden}
.qphone:focus-within{border-color:var(--green);box-shadow:0 0 0 3px rgba(79,140,255,.15)}
.qcode{display:flex;align-items:center;gap:6px;padding:0 6px 0 14px;border-right:1px solid var(--line)}
.qcode img{width:20px;height:auto;border-radius:2px}
.qcode select{background:transparent;border:0;color:var(--green);font-weight:700;font-size:.9rem;padding:15px 4px;font-family:inherit;cursor:pointer}
.qcode select option{background:#0f1a30;color:#fff}
.qphone .qinput{border:0;border-radius:0;background:transparent;box-shadow:none}
.qnote{display:flex;gap:10px;align-items:flex-start;line-height:1.5}
.qnote svg{flex:none;margin-top:2px}
.qnav{position:absolute;left:36px;bottom:30px;margin:0}
.qmain{position:relative}
.qbody{padding-bottom:70px}
.qside{background:url(setup.jpg) 45% 58%/cover,radial-gradient(circle at 50% 40%,rgba(79,140,255,.22),transparent 60%),#060b16}
@media(max-width:760px){.qcard{height:auto;min-height:520px}.qnav{left:22px}}

.start{padding:10px 0 80px;margin-top:-60px;position:relative;z-index:3}
.hero{min-height:auto;padding-bottom:110px}

.hero{padding-top:120px;padding-bottom:90px}
.hero h1{margin-top:18px}
.statsband{padding:50px 0 0}
.statsband .stats{margin-top:0}
.start{margin-top:-50px}

/* Section temps */
.big-h{font-size:clamp(2.2rem,6vw,3.8rem) !important}
.rows{max-width:720px;margin:0 auto;display:grid;gap:14px}
.row{display:flex;gap:18px;align-items:center;background:linear-gradient(160deg,#101b33,#0a1222);border:1px solid var(--line);border-radius:14px;padding:20px 22px;transition:.3s}
.row:hover{border-color:rgba(79,140,255,.4)}
.row .ico{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(79,140,255,.1);color:var(--green)}
.row h3{font-size:1.02rem !important}
.row p{color:var(--muted);font-size:.9rem;margin-top:4px}

/* Questionnaire en haut de page */
.hero{min-height:0;display:block;padding:92px 0 22px;overflow:visible}
.hero h1{font-size:clamp(1.6rem,3.4vw,2.5rem);margin:12px auto 0;max-width:900px}
.hero .tag{font-size:.65rem;padding:5px 12px}
.start{margin-top:0;padding:18px 0 60px}
.start .quiz{margin-top:0}
.qcard{height:460px}
.below{text-align:center;margin-top:34px}
.below .lead{color:var(--muted);max-width:640px;margin:0 auto 20px}
#candles{height:360px;opacity:.4}
@media(max-width:760px){.hero{padding-top:84px}}
.qmain{overflow:hidden;padding:26px 36px 24px}
.qbody{padding-top:18px;padding-bottom:62px}
.qnav{bottom:24px}
.qtitle{margin-bottom:16px}
.qnote{margin-top:12px;padding:12px 14px}
.qcard{height:470px}

/* Programme */
.mods{max-width:820px;margin:0 auto}
.mod{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;padding:0}
.mod[open]{border-color:rgba(79,140,255,.4)}
.mod summary{padding:18px 22px;gap:16px;align-items:center;justify-content:flex-start}
.mod summary::after{margin-left:auto}
.mtag{flex:none;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffff;background:var(--green);padding:4px 10px;border-radius:99px}
.mtitle{font-family:'Plus Jakarta Sans';font-weight:600;font-size:1rem}
.mod ul{list-style:none;padding:0 22px 20px 22px;margin:0}
.mod li{color:var(--muted);font-size:.93rem;padding:7px 0 7px 22px;position:relative;border-top:1px solid var(--line)}
.mod li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:700}
.perks{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:820px;margin:30px auto 0}
.perks div{text-align:center;padding:20px 12px;border:1px solid rgba(79,140,255,.3);border-radius:14px;background:rgba(79,140,255,.05)}
.perks b{display:block;font-family:'Plus Jakarta Sans';font-size:1.3rem;color:var(--green)}
.perks span{color:var(--muted);font-size:.85rem}
@media(max-width:700px){.perks{grid-template-columns:1fr}.mod summary{flex-wrap:wrap;gap:8px}}

.mod{display:flex;align-items:center;gap:16px;padding:18px 22px;transition:.3s}
.mod:hover{border-color:rgba(79,140,255,.4);transform:translateX(4px)}

/* ===== Animations & finitions ===== */
.progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:300;background:linear-gradient(90deg,var(--green-d),var(--green),#d6e6ff);box-shadow:0 0 14px var(--green)}
nav{transition:.3s}
nav.scrolled{background:rgba(6,11,22,.92);box-shadow:0 10px 40px rgba(0,0,0,.5)}
nav.scrolled .wrap{height:58px}
nav .wrap{transition:height .3s}

/* Fond vivant */
.orb{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0;opacity:.5}
.orb.a{width:480px;height:480px;left:-140px;top:12%;background:rgba(79,140,255,.16);animation:drift1 22s ease-in-out infinite}
.orb.b{width:420px;height:420px;right:-120px;top:52%;background:rgba(47,107,255,.14);animation:drift2 26s ease-in-out infinite}
@keyframes drift1{50%{transform:translate(160px,140px) scale(1.15)}}
@keyframes drift2{50%{transform:translate(-180px,-120px) scale(1.2)}}
.cursor-glow{position:fixed;left:0;top:0;width:420px;height:420px;margin:-210px 0 0 -210px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(79,140,255,.10),transparent 65%);transition:opacity .3s;opacity:0}
section,header,.ticker,footer{position:relative;z-index:2}

/* Titre du hero animé */
.hero h1 .w{display:inline-block;opacity:0;transform:translateY(30px) scale(.96);filter:blur(8px);animation:wordIn .8s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes wordIn{to{opacity:1;transform:none;filter:none}}
.hero h1 .green{background:linear-gradient(90deg,#2f6bff,#4f8cff,#d6e6ff,#4f8cff,#2f6bff);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;animation:sheen 5s linear infinite}
@keyframes sheen{to{background-position:-250% 0}}
.hero .tag{animation:fadeDown .8s ease both}
@keyframes fadeDown{from{opacity:0;transform:translateY(-14px)}}
.below,.start .quiz{animation:riseIn .9s .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes riseIn{from{opacity:0;transform:translateY(40px)}}

/* Questionnaire qui respire */
.qcard{animation:pulseGlow 4s ease-in-out infinite}
@keyframes pulseGlow{50%{box-shadow:0 0 0 1px rgba(79,140,255,.3),0 0 70px rgba(79,140,255,.5),0 0 150px rgba(79,140,255,.18)}}
.qside img{animation:float 5s ease-in-out infinite}

/* Reveal plus riche */
.reveal{transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}
.row.reveal,.mod.reveal{transform:translateX(-30px)}
.row.reveal.in,.mod.reveal.in{transform:none}
.proof.reveal,.offer.reveal,.proof-feat.reveal{transform:translateY(40px) scale(.95)}
.proof.reveal.in,.offer.reveal.in,.proof-feat.reveal.in{transform:none}
h2 .green{background:linear-gradient(90deg,#2f6bff,#4f8cff,#d6e6ff,#4f8cff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 6s linear infinite;text-shadow:none}

/* Spotlight qui suit la souris */
.spot{position:relative;overflow:hidden}
.spot::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(79,140,255,.16),transparent 70%)}
.spot:hover::after{opacity:1}

/* Cartes plus vivantes */
.card .ico,.row .ico{transition:.4s}
.card:hover .ico,.row:hover .ico{transform:rotate(-8deg) scale(1.12);box-shadow:0 0 26px rgba(79,140,255,.5)}
.row:hover,.step:hover{transform:translateY(-5px)}
.step{transition:.3s}
.step:hover{border-left-width:5px;box-shadow:0 10px 40px rgba(79,140,255,.12)}
.proof img{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.proof:hover img{transform:scale(1.06)}
.stat{transition:.3s}
.stat:hover{transform:translateY(-6px);border-color:rgba(79,140,255,.5)}
.perks div{transition:.3s}
.perks div:hover{transform:translateY(-5px);box-shadow:var(--glow)}
.mtag{transition:.3s}
.mod:hover .mtag{box-shadow:0 0 18px var(--green)}

/* Prix et boutons */
.price .big{animation:pricePulse 3s ease-in-out infinite}
@keyframes pricePulse{50%{text-shadow:0 0 70px rgba(79,140,255,.9);transform:scale(1.04)}}
.btn{transition:transform .25s,box-shadow .25s,background .25s}
.btn:active{transform:scale(.97)}
.btn:not(.ghost){animation:btnGlow 3s ease-in-out infinite}
@keyframes btnGlow{50%{box-shadow:0 0 55px rgba(79,140,255,.55)}}
.ticker:hover .track{animation-play-state:paused}
.ticker span{transition:.3s}
.ticker span:hover{color:var(--green);text-shadow:0 0 14px var(--green)}
.final .btn{animation:btnGlow 3s ease-in-out infinite,floaty 4s ease-in-out infinite}
@keyframes floaty{50%{transform:translateY(-6px)}}

@media (hover:none){.cursor-glow{display:none}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important}
  .reveal,.hero h1 .w{opacity:1 !important;transform:none !important;filter:none !important}
  .orb,.cursor-glow{display:none}
}
.hero h1 .green.w{animation:wordIn .8s cubic-bezier(.2,.8,.2,1) forwards,sheen 5s linear infinite}
.qside img,.hero .logo,.brand img,.qbrand img{animation:none !important}
/* Centrage de la zone visible à l arrivée */
.hero,.statsband,.below,.start{text-align:center}
.hero h1,.qtitle,.sub{text-wrap:balance}
.hero h1{max-width:820px;margin-inline:auto}
.qcard{width:min(1100px,100%)}
.statsband .stat{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.stat b{text-align:center}
.qtitle{font-size:clamp(1.2rem,2.1vw,1.55rem) !important;align-items:center}
.qtitle span{text-align:left}
.start .wrap,.statsband .wrap{width:min(1100px,100% - 32px)}
.hero>.wrap{display:flex;flex-direction:column;align-items:center}
.statsband{padding:44px 0 !important}
.statsband .stats{margin:0 auto}

.pill3{display:inline-flex;align-items:center;gap:8px;margin:14px auto 8px;padding:8px 16px;border-radius:99px;background:rgba(79,140,255,.1);border:1px solid rgba(79,140,255,.45);color:var(--green);font-weight:700;font-size:.9rem}
.payline{color:var(--muted);font-size:.88rem}

/* 1h30 sous le titre */
.hero-time{margin:16px auto 0;display:inline-flex;align-items:center;gap:10px;padding:9px 20px;border-radius:99px;background:rgba(79,140,255,.08);border:1px solid rgba(79,140,255,.4);color:var(--text);font-size:.98rem;box-shadow:0 0 30px rgba(79,140,255,.12);animation:fadeDown .8s .9s ease both}
.hero-time b{color:var(--green)}
.hero-time .clock{display:grid;place-items:center;color:var(--green)}
@media(max-width:560px){.hero-time{font-size:.85rem;padding:8px 14px;gap:8px;flex-wrap:wrap;justify-content:center}}

/* Bouton fixe mobile */
.sticky-cta{display:none}
@media(max-width:760px){
  .sticky-cta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:150;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,rgba(6,11,22,.92) 40%);transform:translateY(110%);transition:transform .35s ease}
  .sticky-cta.show{transform:none}
  .sticky-cta .btn{display:block;text-align:center;width:100%;box-shadow:0 0 30px rgba(79,140,255,.45)}
  body{padding-bottom:84px}
}
@media(max-width:560px){.hero-time .sep{display:none}.hero-time{flex-direction:column;gap:2px;border-radius:18px;padding:10px 18px;text-align:center}.hero-time .clock{display:none}}

/* Emplacement vidéo de présentation */
.video-slot{width:min(760px,100%);margin:26px auto 0;animation:riseIn .9s .6s cubic-bezier(.2,.8,.2,1) both}
.vframe{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;display:grid;place-items:center;
  background:radial-gradient(circle at 50% 45%,rgba(79,140,255,.18),transparent 65%),linear-gradient(160deg,#101b33,#060b16);
  border:1px solid rgba(79,140,255,.55);box-shadow:0 0 50px rgba(79,140,255,.25);cursor:pointer;transition:.3s}
.vframe:hover{box-shadow:0 0 80px rgba(79,140,255,.4);transform:translateY(-3px)}
.vframe iframe,.vframe video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.vlabel{position:absolute;top:16px;left:18px;background:rgba(10,18,34,.85);border:1px solid var(--line);padding:6px 12px;border-radius:99px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.vplay{width:82px;height:82px;border-radius:50%;border:0;background:var(--green);color:#ffffff;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 0 rgba(79,140,255,.6);animation:vpulse 2.2s infinite}
.vplay svg{margin-left:4px}
@keyframes vpulse{70%{box-shadow:0 0 0 26px rgba(79,140,255,0)}100%{box-shadow:0 0 0 0 rgba(79,140,255,0)}}
.vsoon{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:var(--muted);font-size:.85rem}
.vframe.shake{animation:shake .4s}
@keyframes shake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
@media(max-width:560px){.vplay{width:64px;height:64px}.video-slot{margin-top:20px}}

/* Zone vidéo délimitée + étapes */
.vzone{width:min(820px,100%);margin:26px auto 0;padding:14px 14px 16px;border:1px solid rgba(79,140,255,.25);border-radius:24px;background:linear-gradient(180deg,rgba(12,21,40,.75),rgba(8,14,28,.6));backdrop-filter:blur(6px)}
.vzone .video-slot{margin:0 auto;width:100%}
.zhead{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 14px;font-family:'Plus Jakarta Sans';font-weight:600;font-size:.9rem;letter-spacing:.02em;color:var(--text)}
.znum{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--green);color:#ffffff;font-size:.78rem;font-weight:800;box-shadow:0 0 14px rgba(79,140,255,.6)}

/* Carte d'introduction (comme T2) */
.start .quiz.intro{width:min(820px,100%);margin:26px auto 0;animation:none}
.start .quiz .zhead{margin-top:0}
.qintro{position:relative;height:250px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:0 24px 30px;
  background:linear-gradient(180deg,rgba(6,11,22,.10),rgba(6,11,22,.80)),url(setup-wide.jpg) 50% 40%/cover,radial-gradient(circle at 50% 30%,rgba(79,140,255,.2),transparent 65%),#080e1c;
  border:1px solid rgba(79,140,255,.35);box-shadow:0 0 40px rgba(79,140,255,.15)}
.qintro h3{font-size:1.5rem !important;margin-bottom:6px}
.qintro p{color:var(--muted);font-size:.9rem;margin-bottom:18px}
.qintro .btn{min-width:min(300px,100%)}
.quiz.intro .qcard{display:none}
.quiz:not(.intro) .qintro{display:none}
.quiz:not(.intro) .qcard{animation:qopen .6s cubic-bezier(.2,.8,.2,1) both,pulseGlow 4s .6s ease-in-out infinite}
@keyframes qopen{from{opacity:0;transform:translateY(24px) scale(.97)}}
@media(max-width:560px){.qintro{height:230px}}
.quiz.intro>.qintro,.quiz.intro>.zhead{width:100%;box-sizing:border-box}
/* Plus d espace en haut de page */
.hero{padding:140px 0 36px}
.hero .tag{margin-bottom:22px}
.hero h1{margin-top:0;font-size:clamp(1.9rem,4.2vw,3rem);line-height:1.2}
.hero-time{margin-top:28px}
.vzone{margin-top:44px;padding:20px 20px 22px}
.zhead{margin-bottom:18px;font-size:.95rem}
.video-slot .vframe{border-radius:16px}
.start{padding:50px 0 90px}
.start .quiz.intro{margin-top:0}
.qintro{height:270px}
.below{margin-top:60px}
.below .lead{line-height:1.75;margin-bottom:26px}
.statsband{padding:64px 0 !important}
@media(max-width:560px){.hero{padding:104px 0 24px}.hero-time{margin-top:22px}.vzone{margin-top:32px;padding:14px 12px 16px}.start{padding:36px 0 60px}.below{margin-top:44px}}
/* Barre de navigation plus grande */
nav .wrap{height:88px}
nav.scrolled .wrap{height:72px}
nav .brand{font-size:1.45rem;gap:14px;letter-spacing:.1em}
nav .brand img{width:58px;height:58px}
nav .btn.sm{padding:15px 28px;font-size:1rem;border-radius:12px}
nav.scrolled .brand img{width:48px;height:48px}
.brand img,.brand{transition:.3s}
@media(max-width:760px){nav .wrap{height:72px}nav.scrolled .wrap{height:64px}nav .brand{font-size:1.1rem;gap:10px}nav .brand img{width:46px;height:46px}nav .btn.sm{display:inline-block;padding:11px 16px;font-size:.85rem}}
@media(max-width:420px){nav .brand{font-size:.95rem;letter-spacing:.06em}nav .brand img{width:40px;height:40px}nav .btn.sm{padding:10px 12px;font-size:.78rem}}
.hero{padding-top:165px}
.qintro{justify-content:center;align-items:center;padding:30px 24px}
.qintro .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px}
.qintro h3,.qintro p{text-align:center}
/* Fond animé */
.bg-grid{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(79,140,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(79,140,255,.07) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse at 50% 25%,#000 5%,transparent 72%);mask-image:radial-gradient(ellipse at 50% 25%,#000 5%,transparent 72%);animation:gridMove 18s linear infinite}
@keyframes gridMove{to{background-position:64px 64px}}
.bg-particles{position:fixed;left:0;top:0;z-index:0;pointer-events:none}
.orb{opacity:.85}
.orb.a{background:rgba(79,140,255,.22)}
.orb.b{background:rgba(47,107,255,.2)}
.hero::before{opacity:1}

/* Offre de Noël */
.valueline{color:var(--muted);font-size:.95rem}
.valueline b{color:var(--text)}
.promo-tag{display:inline-block;margin:14px 0 4px;padding:7px 16px;border-radius:99px;background:rgba(255,209,102,.12);border:1px solid rgba(255,209,102,.55);color:#ffd166;font-weight:700;font-size:.85rem;letter-spacing:.02em}
.launchline{color:var(--muted);font-size:.9rem}
.price .then{color:var(--muted);font-size:.95rem;margin-top:2px}
.offer li em{white-space:nowrap}
.price .payline{max-width:420px;margin:0 auto}

/* Avertissement en pied de page */
footer .warn{max-width:860px;margin:26px auto 24px;padding:18px 22px;text-align:left;border:1px solid var(--line);border-radius:14px;background:rgba(12,21,40,.7)}
footer .warn h4{margin:0 0 8px;font-family:'Plus Jakarta Sans';font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text)}
footer .warn p{margin:0;max-width:none;font-size:.75rem;line-height:1.65;color:var(--muted)}
/* Mobile : aucun débordement horizontal */
html{overflow-x:hidden;max-width:100%}
body{overflow-x:hidden;max-width:100%}
.hero{overflow-x:clip}
.hero::before{width:min(900px,100vw);max-width:100vw}
section,header,footer,.ticker{max-width:100vw}
/* Ajustements mobile */
.sticky-cta.show.hide{transform:translateY(110%)}
@media(max-width:760px){
  .proof-feat .proof figcaption{padding-right:112px}
  .pill3{font-size:.8rem;padding:8px 14px;text-align:center;line-height:1.35}
  .tag{font-size:.7rem;padding:7px 14px}
  .vlabel{font-size:.68rem;top:10px;left:10px;padding:5px 10px}
  .vframe .vplay{margin-top:10px}
  .qbadge{font-size:.68rem}
  .offer li{font-size:.95rem}
  .faq summary{gap:12px;line-height:1.35}
  .qopt{padding:14px 16px;font-size:1rem}
  .qinput,.qsel{font-size:16px}
  .btn{min-height:48px}
  footer p,footer .warn p{font-size:.78rem}
}

/* Deux payouts côte à côte */
.payouts{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:900px;margin:0 auto 26px}
.payouts .proof{border-color:rgba(79,140,255,.5);box-shadow:var(--glow)}
.payouts .proof img{aspect-ratio:3/2;object-fit:cover}
.payouts .badge{top:auto;left:auto;right:16px;bottom:18px}
@media(max-width:760px){.payouts{grid-template-columns:1fr}.payouts .proof figcaption{padding-right:112px}}

/* 3 payouts */
.payouts{grid-template-columns:repeat(3,1fr);max-width:none}
@media(max-width:760px){.payouts{grid-template-columns:1fr}}
.payouts .proof{display:flex;flex-direction:column}
.payouts .proof .badge{order:3;position:static;margin:0 18px 16px;align-self:flex-start;display:inline-block}
.payouts .proof figcaption{padding-right:18px !important;padding-bottom:10px}
@media(max-width:760px){.payouts .proof figcaption{padding-right:18px !important}}

/* Transparence : qui est derrière MXNCE Academy */
.eyebrow{display:block;text-align:center;font-size:.74rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--green);margin-bottom:12px}
.about{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:44px;align-items:center;max-width:980px;margin:46px auto 0}
.proof.me{cursor:default;margin:0;max-width:430px;justify-self:center;border-color:rgba(79,140,255,.45);box-shadow:var(--glow)}
.proof.me img{aspect-ratio:3/4;object-fit:cover;object-position:50% 40%}
.about-text{display:grid;gap:22px}
.about-lead{font-family:'Plus Jakarta Sans';font-size:clamp(1.3rem,2.6vw,1.75rem);line-height:1.35;font-weight:600}
.about-lead b{color:var(--green)}
.checks{list-style:none;display:grid;gap:12px;padding:0}
.checks li{position:relative;padding:14px 16px 14px 46px;background:var(--card);border:1px solid var(--line);border-radius:14px;color:#c8d4ec;font-size:.97rem;transition:.3s}
.checks li::before{content:"✓";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(79,140,255,.14);color:var(--green);font-size:.75rem;font-weight:800}
.checks li:hover{border-color:rgba(79,140,255,.4);transform:translateX(4px)}
.about-text .btn{justify-self:start}
@media(max-width:820px){
  .about{grid-template-columns:1fr;gap:26px;margin-top:30px}
  .proof.me{max-width:340px}
  .about-text .btn{justify-self:stretch;text-align:center}
}

/* Vidéo + ce qui est inclus, côte à côte */
.hero-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:26px;width:100%;max-width:1100px;margin:44px auto 0;align-items:start;text-align:left}
.hero-split .vzone{width:100%;margin:0}
.included{background:linear-gradient(180deg,rgba(12,21,40,.9),rgba(8,14,28,.85));border:1px solid rgba(79,140,255,.28);border-radius:22px;padding:24px 26px 14px;backdrop-filter:blur(6px);box-shadow:0 0 40px rgba(79,140,255,.08);animation:riseIn .9s .7s cubic-bezier(.2,.8,.2,1) both}
.inc-title{text-align:center;font-size:1.5rem !important}
.inc-sub{text-align:center;color:var(--muted);font-size:.88rem;margin:4px 0 14px}
.inc-pill{display:flex;width:max-content;margin:0 auto 6px;align-items:center;gap:8px;padding:6px 14px;border-radius:99px;border:1px solid rgba(79,140,255,.45);background:rgba(79,140,255,.08);color:var(--green);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.inc-pill span{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;border:1px solid var(--green);font-size:.6rem}
.inc-list{list-style:none;padding:0;margin:0}
.inc-list li{display:flex;gap:13px;align-items:flex-start;padding:13px 0;border-bottom:1px solid var(--line)}
.inc-list li:last-child{border-bottom:0}
.ck{flex:none;display:grid;place-items:center;width:22px;height:22px;margin-top:1px;border-radius:50%;background:rgba(79,140,255,.14);border:1px solid rgba(79,140,255,.4);color:var(--green);font-size:.7rem;font-weight:800}
.inc-list b{display:block;font-family:'Plus Jakarta Sans';font-weight:600;font-size:.95rem;line-height:1.3}
.inc-list small{display:block;color:var(--muted);font-size:.82rem;margin-top:2px;line-height:1.4}
.inc-list li{animation:riseIn .6s cubic-bezier(.2,.8,.2,1) both}
.inc-list li:nth-child(1){animation-delay:.9s}.inc-list li:nth-child(2){animation-delay:1s}.inc-list li:nth-child(3){animation-delay:1.1s}.inc-list li:nth-child(4){animation-delay:1.2s}
.inc-list li:nth-child(5){animation-delay:1.3s}.inc-list li:nth-child(6){animation-delay:1.4s}.inc-list li:nth-child(7){animation-delay:1.5s}.inc-list li:nth-child(8){animation-delay:1.6s}
@media(max-width:900px){
  .hero-split{grid-template-columns:1fr;gap:22px;margin-top:32px}
  .included{padding:20px 18px 8px}
}

.inc-list li:nth-child(9){animation-delay:1.7s}.inc-list li:nth-child(10){animation-delay:1.8s}.inc-list li:nth-child(11){animation-delay:1.9s}

/* Prix sous la liste "Ce qui est inclus" */
.inc-price{margin:8px 0 0;padding:18px 16px 16px;text-align:center;border:1px solid rgba(79,140,255,.4);border-radius:16px;background:linear-gradient(160deg,rgba(79,140,255,.09),rgba(8,14,28,.6))}
.ip-value{color:var(--muted);font-size:.85rem}
.ip-value b{color:var(--text)}
.ip-tag{display:inline-block;margin:10px 0 2px;padding:6px 14px;border-radius:99px;background:rgba(255,209,102,.12);border:1px solid rgba(255,209,102,.55);color:#ffd166;font-weight:700;font-size:.78rem}
.ip-when{color:var(--muted);font-size:.8rem}
.ip-big{display:block;font-family:'Plus Jakarta Sans';font-weight:800;font-size:clamp(2.4rem,5vw,3.1rem);line-height:1.15;color:var(--green);text-shadow:0 0 30px rgba(79,140,255,.45)}
.ip-then{color:var(--muted);font-size:.85rem;margin-top:2px}
.ip-pill{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:7px 14px;border-radius:99px;background:rgba(79,140,255,.1);border:1px solid rgba(79,140,255,.45);color:var(--green);font-weight:700;font-size:.8rem;line-height:1.3}
.inc-cta{text-align:center;margin:16px 0 6px}
.inc-cta .btn{width:100%}
.inc-note{text-align:center;color:var(--muted);font-size:.75rem;padding-bottom:10px}
@media(min-width:901px){.hero-split .vzone{position:sticky;top:100px;align-self:start}}
body{overflow-x:clip}

/* Carte large "prix accessible" */
.card.wide{grid-column:1/-1;display:flex;gap:20px;align-items:center;border-color:rgba(79,140,255,.35);background:linear-gradient(135deg,rgba(79,140,255,.09),rgba(10,18,34,.9))}
.card.wide .ico{flex:none;margin-bottom:0}
.card.wide p{font-size:1rem;max-width:820px}
.card.wide b{color:var(--green)}
@media(max-width:820px){.card.wide{flex-direction:column;align-items:flex-start;gap:12px}}

/* Offre compacte */
.offer-compact{max-width:640px}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 6px;padding:0}
.chips li{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:99px;background:rgba(79,140,255,.07);border:1px solid rgba(79,140,255,.3);color:#c8d4ec;font-size:.85rem;border-bottom:1px solid rgba(79,140,255,.3);justify-content:flex-start}
.chips li::before{content:"✓";color:var(--green);font-weight:800;font-size:.75rem;margin:0}
.offer-compact .price{margin-top:22px}
@media(max-width:560px){.offer-compact{padding:26px 16px}.chips li{font-size:.8rem}}
.qside{background-size:cover,auto,auto}
.qintro{background-position:center,50% 47%,center,center}


/* =====================================================================
   NOUVELLE DIRECTION ARTISTIQUE : noir chaud, ivoire, or, titres en serif
   ===================================================================== */
:root{
  --bg:#060b16;--bg2:#08101f;--card:#0c1528;
  --line:rgba(170,200,255,.09);
  --text:#eef3ff;--muted:#93a3c0;
  --green:#4f8cff;--green-d:#2f6bff;
  --glow:0 14px 44px rgba(0,0,0,.5),0 0 0 1px rgba(79,140,255,.16);
}
html,body{background:#060b16}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--text);
  background-image:radial-gradient(1000px 520px at 50% -90px,rgba(79,140,255,.11),transparent 70%);background-repeat:no-repeat}

/* typographie : serif élégant pour les titres, sans-serif pour l'interface */
h1,h2,.about-lead,.inc-title,.qintro h3,.qtitle,.ip-big,.price .big,.stat b,.big-h{font-family:'Plus Jakarta Sans',system-ui,sans-serif !important;letter-spacing:-.005em}
h1{font-weight:800;line-height:1.1}
h2{font-weight:700;text-transform:none}
.about-lead{font-weight:700}
h3,.btn,.qok,.brand,.qbrand,.tag,.inc-list b,.mtitle,.mtag,.proof figcaption b,.zhead,.znum,.eyebrow,.hero-time,.ip-tag,.promo-tag,summary,.step h3,.card h3,.row h3,.kpi b{font-family:'Plus Jakarta Sans',system-ui,sans-serif !important;letter-spacing:0}
.inc-title,.qintro h3,.qtitle{font-weight:700}
.brand,.qbrand{font-weight:700;letter-spacing:.14em !important}
.btn,.qok{font-weight:700;letter-spacing:.01em !important}
.stat b,.price .big,.ip-big{font-weight:700}

/* cadres plus fins et mats, moins de lueurs */
.card,.row,.mod,.checks li,.stat,.proof,.step,details,.included,.vzone,.offer,.inc-price,.qcard,.qintro,.price,.about .proof,.vframe{
  border-color:rgba(79,140,255,.20)}
.card:hover,.row:hover,.mod:hover,.step:hover,.proof:hover,.stat:hover{border-color:rgba(79,140,255,.5)}
.included,.offer,.qcard{box-shadow:0 18px 60px rgba(0,0,0,.5),0 0 0 1px rgba(79,140,255,.12)}
.qcard{animation:none !important}
.proof,.proof.me,.payouts .proof{box-shadow:0 14px 40px rgba(0,0,0,.45)}
.stat::before,.kpi::before{background:linear-gradient(90deg,transparent,rgba(79,140,255,.7),transparent)}
.ticker{background:#070d1b;border-block:1px solid rgba(79,140,255,.16)}
.ticker span{color:#93a3c0}
.ticker span.up{color:#4f8cff}
nav{background:rgba(6,11,22,.82);border-bottom:1px solid rgba(79,140,255,.14)}
.tag{border-color:rgba(79,140,255,.45);background:rgba(79,140,255,.07);color:#4f8cff}
.hero-time{background:rgba(79,140,255,.07);border-color:rgba(79,140,255,.38);box-shadow:none}
.cursor-glow{background:radial-gradient(circle,rgba(79,140,255,.09),transparent 65%)}

/* logo : on le passe en or pour rester cohérent */
img[src^="logo.webp"]{filter:hue-rotate(-112deg) saturate(1.15) brightness(1.04)}
.qside img{filter:none}

/* zones de gain/succès : coches, badges, pastilles */
.ck,.checks li::before,.inc-pill span,.znum{background:rgba(79,140,255,.14);border-color:rgba(79,140,255,.45);color:#4f8cff}
.znum{background:#4f8cff;color:#ffffff;box-shadow:none}
.badge{background:#4f8cff;color:#ffffff}
.mtag{background:linear-gradient(135deg,#6ea4ff,#2f5fe0);color:#ffffff}

/* fond sobre : les alternances de sections gardent leur teinte chaude */
.alt{background:#08101f}
h1,h2,.about-lead,.inc-title,.qintro h3,.qtitle,.ip-big,.price .big,.stat b,.big-h,.kpi b{font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}

/* Hero : le 1h30 devient le gros titre */
.hero h1{font-size:clamp(2.6rem,7vw,5.2rem) !important;line-height:1.04;max-width:none}
.hero h1 .nw{display:inline-block;white-space:nowrap}
.hero-sub{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:600;font-size:clamp(1.15rem,2.6vw,1.75rem);line-height:1.3;color:var(--text);margin:18px auto 0;max-width:760px;text-wrap:balance;animation:fadeDown .8s .7s ease both}
.hero-sub .green{font-weight:700}
.hero-time{margin-top:20px}
@media(max-width:560px){.hero h1{font-size:clamp(2.3rem,12vw,3.2rem) !important}.hero-sub{margin-top:14px}}
.hero-sub,.big-h{font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}
.vzone{padding-top:16px}.start .quiz.intro{margin-top:0}

/* attribut hidden toujours respecté + vidéo masquée tant qu'elle n'existe pas */
[hidden]{display:none !important}
.hero-split.no-video{grid-template-columns:minmax(0,700px);justify-content:center}
.hero-split.no-video .vzone{display:none}


/* =====================================================================
   NOUVELLE DA : bleu nuit + bleu électrique, police Plus Jakarta Sans
   ===================================================================== */
:root{
  --bg:#060b16;--bg2:#08101f;--card:#0c1528;
  --line:rgba(170,200,255,.12);
  --text:#eef3ff;--muted:#93a3c0;
  --green:#4f8cff;--green-d:#2f6bff;
  --glow:0 14px 44px rgba(0,0,0,.5),0 0 0 1px rgba(79,140,255,.20);
}
html,body{background:#060b16}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--text)}
h1,h2,.about-lead,.inc-title,.qintro h3,.qtitle,.ip-big,.price .big,.stat b,.big-h{font-family:'Plus Jakarta Sans',system-ui,sans-serif !important;letter-spacing:-.025em}
h1{font-weight:800;line-height:1.05}
h2{font-weight:800}
.about-lead{font-weight:700;letter-spacing:-.02em}
.stat b,.price .big,.ip-big{font-weight:800;letter-spacing:-.03em}
.hero-sub{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:600;letter-spacing:-.01em}
.brand,.qbrand{letter-spacing:.16em !important}
.btn,.qok{color:#ffffff;font-weight:700}
.btn:not(.ghost),.qok{text-shadow:0 1px 0 rgba(0,0,0,.18)}

/* le logo passe en bleu */
img[src^="logo.webp"]{filter:hue-rotate(68deg) saturate(1.2) brightness(1.08)}
.qside img{filter:none}

/* le prix en bleu glacé */
.ip-big,.price .big{color:#9cc4ff;text-shadow:0 0 34px rgba(79,140,255,.55)}
.hero-time{box-shadow:none}

/* plus d'effet de suivi de souris */
.cursor-glow{display:none !important}
.spot::after{display:none !important}

/* Titre du hero : un peu plus compact pour tenir sur une ligne */
.hero h1{font-size:clamp(2.2rem,5.6vw,4.7rem) !important}
.hero-time{margin-top:26px}
@media(max-width:560px){.hero h1{font-size:clamp(2.1rem,10.5vw,3rem) !important}}
.inc-title{font-size:clamp(1.9rem,3.2vw,2.5rem) !important;font-weight:800;line-height:1.1;margin-bottom:2px}
.inc-sub{font-size:.95rem;margin:6px 0 16px}

/* ===== Encadré de prix « style T2 » ===== */
.t2-label{font-size:.78rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--green);text-align:center}
.t2-row{display:flex;align-items:baseline;justify-content:center;gap:16px;margin:10px 0 6px;flex-wrap:wrap}
.t2-old{font-size:clamp(1.3rem,2.6vw,1.8rem);font-weight:700;color:var(--muted);text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#ff6b6b}
.t2-big{font-size:clamp(2.8rem,6vw,3.8rem);font-weight:800;color:#fff;line-height:1.05;letter-spacing:-.03em;text-shadow:0 0 30px rgba(79,140,255,.5)}
.t2-promo{display:inline-block;margin:2px 0 10px;padding:5px 14px;border-radius:99px;background:rgba(255,209,102,.12);border:1px solid rgba(255,209,102,.5);color:#ffd166;font-weight:700;font-size:.8rem;text-align:center}
.t2-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 15px;border-radius:99px;background:rgba(79,140,255,.12);border:1px solid rgba(79,140,255,.5);color:#a9c8ff;font-weight:700;font-size:.82rem}
.inc-price,.price{text-align:center}
.inc-cta .btn{width:auto;min-width:280px;border-radius:999px;padding-inline:44px}
.offer-compact .btn{border-radius:999px}
@media(max-width:560px){.inc-cta .btn{width:100%;min-width:0}}
.t2-row{flex-direction:column;align-items:center;justify-content:center;gap:0;margin:6px 0 4px}
.t2-old{font-size:clamp(1.15rem,2.2vw,1.5rem);line-height:1.2}
.t2-big{display:block;text-align:center;width:100%}
.t2-big{color:#2ee08e !important;text-shadow:0 0 30px rgba(46,224,142,.45) !important}
.t2-promo{background:linear-gradient(135deg,#e11d2e,#b3121f) !important;color:#ffffff !important;border:1px solid rgba(255,255,255,.6) !important;box-shadow:0 0 24px rgba(225,29,46,.5);font-weight:800;letter-spacing:.01em;text-shadow:0 1px 0 rgba(0,0,0,.2)}

/* Offre de Noël : texte en dégradé rouge et blanc (qui reflète doucement) */
.t2-promo{position:relative;isolation:isolate;border:0 !important;box-shadow:none !important;text-shadow:none !important;
  background:linear-gradient(90deg,#ff4a5c,#ffffff 50%,#ff4a5c) 0 0/200% 100% repeat-x !important;
  -webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent;
  animation:xmas 5s linear infinite}
.t2-promo::before{content:"";position:absolute;inset:0;border-radius:99px;z-index:-1;background:rgba(225,29,46,.16);border:1px solid rgba(255,120,130,.75);box-shadow:0 0 22px rgba(225,29,46,.4)}
@keyframes xmas{to{background-position:-200% 0}}

/* Offre de Noël : retour au rouge et blanc + contour en guirlande lumineuse */
.t2-promo{
  background:linear-gradient(135deg,#e11d2e,#b3121f) !important;
  -webkit-background-clip:border-box !important;background-clip:border-box !important;
  color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;
  border:1px solid rgba(255,255,255,.6) !important;
  box-shadow:0 0 22px rgba(225,29,46,.45) !important;text-shadow:0 1px 0 rgba(0,0,0,.2) !important;
  animation:none !important;position:relative;isolation:auto;margin:16px auto 18px;
}
.t2-promo::before,.t2-promo::after{
  content:"";position:absolute;inset:-9px -11px;border-radius:99px;pointer-events:none;z-index:0;
  background:none !important;box-shadow:none !important;
}
.t2-promo::before{border:4px dotted #ff3347;animation:bulbA 1.4s steps(1) infinite}
.t2-promo::after{border:4px dashed #ffffff;animation:bulbB 1.4s steps(1) infinite}
@keyframes bulbA{0%,49%{opacity:1}50%,100%{opacity:.25}}
@keyframes bulbB{0%,49%{opacity:.25}50%,100%{opacity:1}}
.t2-promo{margin:20px auto 22px}
.t2-promo::before,.t2-promo::after{inset:-12px -14px}
.t2-promo::before{border:6px dotted #ff3347;filter:drop-shadow(0 0 5px rgba(255,51,71,.9))}
.t2-promo::after{border:3px dashed #ffffff;filter:drop-shadow(0 0 4px rgba(255,255,255,.8))}

/* Guirlande retirée : retour à la pastille rouge et blanche simple */
.t2-promo::before,.t2-promo::after{display:none !important;content:none !important;animation:none !important}
.t2-promo{margin:6px auto 12px}

/* Écran de remerciement du questionnaire : centré, badge côté sans photo */
.qcard.done .qbody{justify-content:center;align-items:center;padding-top:30px;padding-bottom:30px}
.qcard.done .qdone{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:360px}
.qcard.done .qdone .qtitle{justify-content:center;text-align:center;width:100%}
.qcard.done .qdone p{text-align:center;margin:0 auto}
.qcard.done .qmain .qbadge{position:absolute;top:16px;right:16px;left:auto}

/* ===== Carte finale « Démarrer » (style T2) ===== */
.final{padding:70px 0 90px}
.end-card{max-width:760px;margin:0 auto;text-align:center;padding:44px 30px 34px;border-radius:24px;border:1px solid rgba(79,140,255,.35);
  background:linear-gradient(180deg,rgba(12,21,40,.92),rgba(8,14,28,.9));box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 0 1px rgba(79,140,255,.10)}
.end-pill{display:inline-block;padding:6px 16px;border-radius:99px;border:1px solid rgba(79,140,255,.55);background:rgba(79,140,255,.10);color:#a9c8ff;font-size:.72rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.end-title{font-size:clamp(1.9rem,5vw,3.1rem) !important;line-height:1.1;margin:18px auto 12px;max-width:640px;font-weight:800;letter-spacing:-.025em}
.end-dot{color:var(--green)}
.end-sub{color:var(--muted);max-width:520px;margin:0 auto 22px;font-size:1rem}
.end-price{margin:6px auto 4px}
.end-tag{font-weight:700;margin:22px 0 18px;font-size:1.05rem}
.end-cta .btn{border-radius:999px;padding-inline:40px;min-width:min(320px,100%)}
.end-note{color:var(--muted);font-size:.78rem;margin-top:14px}
@media(max-width:560px){.end-card{padding:34px 18px 26px}}
.end-price .t2-promo,.end-price .t2-pill{display:flex;width:max-content;max-width:100%;margin:8px auto 0}
.end-price .t2-promo{justify-content:center}

/* ===== « Pourquoi MXNCE Academy » : motion design v2 ===== */
#pourquoi{position:relative;overflow:hidden}
#pourquoi>.wrap{position:relative;z-index:1}
#pourquoi .card{text-align:center;padding:26px 26px 30px;overflow:hidden}
#pourquoi .card.wide{display:block}
#pourquoi .card .scene{height:120px;width:100%;max-width:250px;margin:0 auto 14px}
#pourquoi .card.wide .scene{height:auto;max-width:560px;margin-bottom:20px}
#pourquoi .card p{margin-left:auto;margin-right:auto}
#pourquoi .scene svg{width:100%;height:100%;overflow:visible;display:block}

/* -- scène 1 : graphique -- */
.s-chart .grid path{stroke:rgba(120,160,255,.14);stroke-width:1;stroke-dasharray:3 5}
.s-chart .wk{stroke:#8fb8ff;stroke-width:2;stroke-linecap:round}
.s-chart .dn{fill:#0a1222;stroke:#8fb8ff;stroke-width:1.6}
.s-chart .ma{fill:none;stroke:#dbe8ff;stroke-width:2.2;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(120,170,255,.9))}
.s-chart .dot{fill:#fff;filter:drop-shadow(0 0 8px #6ea4ff) drop-shadow(0 0 16px #4f8cff);offset-path:path('M20 88C50 82 70 78 95 66S150 44 200 22');offset-rotate:0deg;opacity:0}

/* -- scène 2 : anneau « compte financé » -- */
.s-ring .rbg{fill:none;stroke:rgba(120,160,255,.16);stroke-width:7}
.s-ring .ring{fill:none;stroke:url(#gRing);stroke-width:7;stroke-linecap:round;stroke-dasharray:1;filter:drop-shadow(0 0 7px rgba(79,140,255,.7))}
.s-ring .halo{fill:none;stroke:#6ea4ff;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}
.s-ring .core{fill:rgba(47,107,255,.16)}
.s-ring .tick{fill:none;stroke:#fff;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}
.s-ring .spark path{stroke:#9cc4ff;stroke-width:2.4;stroke-linecap:round;fill:none}
.s-ring .spark{transform-box:fill-box;transform-origin:center}

/* -- scène 3 : réseau de membres -- */
.s-net .ln{stroke:rgba(140,180,255,.65);stroke-width:1.6;stroke-dasharray:3 6;stroke-linecap:round;fill:none}
.s-net .avbg{fill:url(#gAv);stroke:rgba(160,195,255,.8);stroke-width:1.5}
.s-net .avf{fill:#dbe8ff}
.s-net .av{transform-box:fill-box;transform-origin:center}

/* -- scène 4 : barres de prix -- */
.bars{display:grid;gap:14px;text-align:left}
.brow{display:grid;grid-template-columns:150px 1fr 84px;align-items:center;gap:14px;font-size:.85rem}
.blab{color:var(--muted);font-weight:600}
.bval{font-weight:800;color:#c9d6ee;text-align:right;font-variant-numeric:tabular-nums}
.bval.usv{color:#fff}
.btrack{position:relative;height:16px;border-radius:99px;background:rgba(120,160,255,.10);overflow:hidden}
.bfill{position:absolute;left:0;top:0;height:100%;width:var(--w);border-radius:99px;display:block;overflow:hidden}
.bfill.mk{background:linear-gradient(90deg,#33415f,#5b6c91)}
.bfill.us{background:linear-gradient(90deg,#2f6bff,#8fb8ff);box-shadow:0 0 18px rgba(79,140,255,.65)}
.bfill::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%)}
@media(max-width:600px){.brow{grid-template-columns:1fr auto;gap:6px 10px}.btrack{grid-column:1/-1;order:3}}

/* au survol : la carte se soulève, sa bordure s'éclaire */
#pourquoi .card{transition:transform .35s cubic-bezier(.2,.9,.2,1),border-color .35s,box-shadow .35s}
#pourquoi .card:hover{transform:translateY(-6px);border-color:rgba(130,175,255,.7);box-shadow:0 18px 50px rgba(47,107,255,.25)}

@media (prefers-reduced-motion:no-preference){
  /* fond : lueurs qui dérivent lentement */
  #pourquoi::before{content:"";position:absolute;inset:-25%;z-index:0;pointer-events:none;
    background:radial-gradient(34% 30% at 20% 30%,rgba(47,107,255,.22),transparent 70%),radial-gradient(30% 28% at 80% 70%,rgba(110,164,255,.16),transparent 70%);
    animation:whyAurora 16s ease-in-out infinite alternate}
  @keyframes whyAurora{0%{transform:translate3d(-4%,-3%,0) scale(1)}100%{transform:translate3d(5%,4%,0) scale(1.18)}}

  /* titre : balayage lumineux qui le révèle */
  #pourquoi h2.reveal{opacity:1;transform:translateY(16px);-webkit-mask-image:linear-gradient(100deg,#000 40%,transparent 60%);mask-image:linear-gradient(100deg,#000 40%,transparent 60%);-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:transform 1s cubic-bezier(.2,.9,.2,1)}
  #pourquoi h2.reveal.in{transform:none;animation:whyTitle 1.3s cubic-bezier(.6,0,.2,1) forwards}
  @keyframes whyTitle{to{-webkit-mask-position:0 0;mask-position:0 0}}

  /* cartes : volet qui s'ouvre + balayage de lumière */
  #pourquoi .grid .card:nth-child(2){--d:.14s}
  #pourquoi .grid .card:nth-child(3){--d:.28s}
  #pourquoi .grid .card:nth-child(4){--d:.2s}
  #pourquoi .card.reveal{transition:transform .35s cubic-bezier(.2,.9,.2,1),border-color .35s,box-shadow .35s}
  #pourquoi .card.reveal.in{animation:whyWipe 1.1s cubic-bezier(.77,0,.18,1) var(--d,0s) backwards}
  @keyframes whyWipe{0%{opacity:0;clip-path:inset(100% 0 0 0 round 16px);transform:translateY(46px) scale(.96)}100%{opacity:1;clip-path:inset(0 0 0 0 round 16px);transform:none}}
  #pourquoi .card::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:0;
    background:linear-gradient(105deg,transparent 35%,rgba(150,190,255,.28) 50%,transparent 65%);transform:translateX(-110%)}
  #pourquoi .card.in::after{animation:whyScan 1.5s ease-out calc(var(--d,0s) + .7s) 1 both}
  @keyframes whyScan{0%{opacity:1;transform:translateX(-110%)}85%{opacity:1}100%{opacity:0;transform:translateX(110%)}}

  /* scène 1 : les bougies montent, la courbe se trace, un point la parcourt */
  .s-chart .cd{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(0);opacity:0}
  .card.in .s-chart .cd,.card.in.s-chart .cd{animation:cdUp .7s cubic-bezier(.2,1.25,.3,1) calc(.55s + var(--i)*.11s) forwards}
  .card.in .s-chart .cd.live{animation:cdUp .7s cubic-bezier(.2,1.25,.3,1) 1.3s forwards,cdBreath 2.6s ease-in-out 2.4s infinite}
  @keyframes cdUp{to{transform:scaleY(1);opacity:1}}
  @keyframes cdBreath{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.14)}}
  .s-chart .ma{stroke-dasharray:1;stroke-dashoffset:1}
  .card.in .s-chart .ma{animation:whyDraw 1.7s cubic-bezier(.5,0,.2,1) 1.2s forwards}
  @keyframes whyDraw{to{stroke-dashoffset:0}}
  .card.in .s-chart .dot{animation:whyRun 3.4s cubic-bezier(.45,0,.25,1) 2.9s infinite}
  @keyframes whyRun{0%{offset-distance:0%;opacity:0}10%{opacity:1}90%{opacity:1}100%{offset-distance:100%;opacity:0}}

  /* scène 2 : l'anneau se remplit, la coche se dessine, étincelles */
  .s-ring .ring{stroke-dashoffset:1}
  .card.in .s-ring .ring{animation:whyDraw 1.5s cubic-bezier(.6,0,.2,1) .7s forwards,ringGlow 3s ease-in-out 2.4s infinite}
  @keyframes ringGlow{0%,100%{filter:drop-shadow(0 0 5px rgba(79,140,255,.55))}50%{filter:drop-shadow(0 0 14px rgba(140,185,255,1))}}
  .s-ring .tick{stroke-dashoffset:1}
  .card.in .s-ring .tick{animation:whyDraw .6s cubic-bezier(.6,0,.2,1) 2.1s forwards}
  .s-ring .core{transform-box:fill-box;transform-origin:center;transform:scale(.6);opacity:0}
  .card.in .s-ring .core{animation:corePop .6s cubic-bezier(.2,1.4,.3,1) 1.9s forwards}
  @keyframes corePop{to{transform:scale(1);opacity:1}}
  .card.in .s-ring .halo{animation:haloOut 1.1s ease-out 2.1s 1 both}
  @keyframes haloOut{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.55)}}
  .s-ring .spark{opacity:0;transform:scale(0) rotate(-40deg)}
  .card.in .s-ring .spark{animation:sparkPop .5s cubic-bezier(.2,1.5,.3,1) calc(2.2s + var(--i)*.12s) forwards,sparkTwinkle 2.4s ease-in-out calc(3s + var(--i)*.35s) infinite}
  @keyframes sparkPop{to{opacity:1;transform:scale(1) rotate(0)}}
  @keyframes sparkTwinkle{0%,100%{transform:scale(1)}50%{transform:scale(1.35) rotate(20deg)}}

  /* scène 3 : les membres apparaissent, les liens « transmettent » */
  .s-net .av{transform:scale(0);opacity:0}
  .card.in .s-net .av{animation:avPop .6s cubic-bezier(.2,1.5,.3,1) calc(.55s + var(--i)*.14s) forwards,avFloat 3.2s ease-in-out calc(1.4s + var(--i)*.3s) infinite}
  @keyframes avPop{to{transform:scale(1);opacity:1}}
  @keyframes avFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
  .s-net .ln{opacity:0}
  .card.in .s-net .ln{animation:lnIn .5s ease-out 1.1s forwards,lnFlow 1.2s linear 1.1s infinite}
  @keyframes lnIn{to{opacity:1}}
  @keyframes lnFlow{to{stroke-dashoffset:-18}}

  /* scène 4 : les barres se remplissent, reflet qui passe */
  .bfill{width:0}
  .card.in .bfill.mk{animation:barGrow 1.5s cubic-bezier(.2,.9,.2,1) .7s forwards}
  .card.in .bfill.us{animation:barGrow 1.3s cubic-bezier(.2,.9,.2,1) 1.2s forwards}
  @keyframes barGrow{to{width:var(--w)}}
  .card.in .bfill::after{animation:barShine 3.6s ease-in-out 2.6s infinite}
  @keyframes barShine{0%{transform:translateX(-120%)}45%,100%{transform:translateX(120%)}}
  .bval{opacity:0;transform:translateX(10px)}
  .card.in .bval{animation:valIn .6s ease-out 1.6s forwards}
  @keyframes valIn{to{opacity:1;transform:none}}
}

/* Pastille bonus (module 6) */
.mod{flex-wrap:wrap}
.mbonus{margin-left:auto;flex:none;font-size:.74rem;font-weight:800;letter-spacing:.02em;color:#fff;padding:6px 12px;border-radius:99px;
  background:linear-gradient(135deg,rgba(79,140,255,.28),rgba(47,95,224,.18));border:1px solid rgba(120,170,255,.6);
  box-shadow:0 0 18px rgba(79,140,255,.28);white-space:nowrap}
@media(max-width:700px){.mbonus{margin-left:0;white-space:normal}}

/* Bloc « Pourquoi vendre une formation ? » */
.whysell{max-width:780px;margin:56px auto 0;padding:34px 36px;border-radius:20px;text-align:left;
  background:linear-gradient(160deg,rgba(16,27,51,.85),rgba(10,18,34,.85));border:1px solid rgba(79,140,255,.35);box-shadow:0 18px 50px rgba(0,0,0,.35)}
.whysell h3{font-size:clamp(1.3rem,3vw,1.7rem);font-weight:800;letter-spacing:-.02em;margin-bottom:16px;color:#fff}
.whysell p{color:var(--muted);font-size:1rem;line-height:1.7;margin:0 0 14px}
.whysell p:last-child{margin-bottom:0}
.whysell b{color:#fff;font-weight:700}
@media(max-width:600px){.whysell{padding:26px 20px;margin-top:40px}}

/* Carte d'intro : texte lisible sur la photo */
.qintro{background:linear-gradient(180deg,rgba(6,11,22,.55) 0%,rgba(6,11,22,.78) 45%,rgba(6,11,22,.94) 100%),url(setup-wide.jpg) 50% 40%/cover,#080e1c}
.qintro::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 55% at 50% 70%,rgba(6,11,22,.75),transparent 75%)}
.qintro>*{position:relative}
.qintro h3{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.6)}
.qintro p{color:#dbe6ff;font-weight:600;text-shadow:0 1px 10px rgba(0,0,0,.9)}


/* ===== « Décroche ton 1er compte financé » : motion design ===== */
#temps{position:relative;overflow:hidden}
#temps>.wrap{position:relative;z-index:1}
#temps h2 .green{position:relative;display:inline-block}
#temps h2 .green::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:4px;border-radius:4px;background:linear-gradient(90deg,#2f6bff,#9cc4ff)}
#temps .rows{position:relative;gap:38px;max-width:640px}
#temps .rows::before{content:"";position:absolute;left:53px;top:40px;bottom:40px;width:2px;border-radius:2px;background:linear-gradient(180deg,rgba(79,140,255,.15),rgba(120,170,255,.55),rgba(79,140,255,.15))}
#temps .row{position:relative;z-index:1;padding:16px 22px;gap:20px;transition:transform .35s cubic-bezier(.2,.9,.2,1),border-color .35s,box-shadow .35s}
#temps .row:hover{transform:translateY(-4px);border-color:rgba(130,175,255,.65);box-shadow:0 16px 44px rgba(47,107,255,.22)}
#temps .row .ico.node{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(110,164,255,.28),rgba(47,107,255,.10));border:1px solid rgba(130,175,255,.45);box-shadow:0 0 22px rgba(79,140,255,.22),inset 0 0 14px rgba(79,140,255,.15)}
#temps .ico.node svg{width:40px;height:40px;overflow:visible;display:block}
#temps .row:hover .ico.node{transform:none;box-shadow:0 0 30px rgba(110,164,255,.55),inset 0 0 14px rgba(79,140,255,.25)}
#temps .row h3{font-size:1.08rem !important}

/* icônes (état final) */
.n-clock .cbg{fill:none;stroke:rgba(150,190,255,.25);stroke-width:2.4}
.n-clock .carc{fill:none;stroke:#8fb8ff;stroke-width:2.8;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:.25}
.n-clock .ticks path{stroke:#9cc4ff;stroke-width:2;stroke-linecap:round}
.n-clock .hm,.n-clock .hh{stroke:#fff;stroke-width:2.6;stroke-linecap:round;transform-origin:24px 24px;transform-box:view-box}
.n-clock .hub{fill:#fff}
.n-screen .frame{fill:rgba(10,18,34,.9);stroke:#9cc4ff;stroke-width:2.4}
.n-screen .stand{stroke:#9cc4ff;stroke-width:2.4;stroke-linecap:round}
.n-screen .b{fill:#6ea4ff}
.n-screen .scr{transform-box:fill-box;transform-origin:50% 50%}
.n-target .rings circle{fill:none;stroke:#9cc4ff;stroke-width:2.4}
.n-target .rings .bull{fill:#4f8cff;stroke:#dbe8ff}
.n-target .rings{transform-box:fill-box;transform-origin:center}
.n-target .arrow path{stroke:#fff;stroke-width:2.6;stroke-linecap:round;fill:none}

@media (prefers-reduced-motion:no-preference){
  #temps::before{content:"";position:absolute;inset:-25%;z-index:0;pointer-events:none;
    background:radial-gradient(32% 28% at 78% 25%,rgba(47,107,255,.20),transparent 70%),radial-gradient(30% 28% at 18% 75%,rgba(110,164,255,.14),transparent 70%);
    animation:whyAurora 18s ease-in-out infinite alternate}

  /* titre : balayage + soulignement qui se dessine sous les deux mots-clés */
  #temps h2.reveal{opacity:1;transform:translateY(16px);-webkit-mask-image:linear-gradient(100deg,#000 40%,transparent 60%);mask-image:linear-gradient(100deg,#000 40%,transparent 60%);-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:transform 1s cubic-bezier(.2,.9,.2,1)}
  #temps h2.reveal.in{transform:none;animation:whyTitle 1.4s cubic-bezier(.6,0,.2,1) forwards}
  #temps h2 .green::after{transform:scaleX(0);transform-origin:left}
  #temps h2.in .green::after{animation:tUnder .9s cubic-bezier(.6,0,.2,1) 1.2s forwards}
  #temps h2.in .green:nth-of-type(2)::after{animation-delay:1.7s}
  @keyframes tUnder{to{transform:scaleX(1)}}

  /* fil conducteur : se trace, puis une lumière le parcourt */
  #temps .rows::before{transform:scaleY(0);transform-origin:top}
  #temps .rows:has(.row.in)::before{animation:tLine 1.6s cubic-bezier(.6,0,.2,1) .3s forwards}
  @keyframes tLine{to{transform:scaleY(1)}}
  #temps .rows::after{content:"";position:absolute;left:49px;top:40px;width:10px;height:10px;border-radius:50%;background:#fff;opacity:0;z-index:0;
    box-shadow:0 0 12px 3px #6ea4ff,0 0 26px 8px rgba(79,140,255,.6)}
  #temps .rows:has(.row.in)::after{animation:tRun 3.6s cubic-bezier(.45,0,.25,1) 2.2s infinite}
  @keyframes tRun{0%{top:40px;opacity:0}10%{opacity:1}88%{opacity:1}100%{top:calc(100% - 50px);opacity:0}}

  /* lignes : volet latéral + reflet, en cascade */
  #temps .row.reveal{opacity:0;transform:none}
  #temps .row.reveal.in{opacity:1;animation:tRow 1s cubic-bezier(.77,0,.18,1) var(--d,0s) backwards}
  #temps .row:nth-child(2){--d:.18s}
  #temps .row:nth-child(3){--d:.36s}
  @keyframes tRow{0%{opacity:0;clip-path:inset(0 100% 0 0 round 14px);transform:translateX(-26px)}100%{opacity:1;clip-path:inset(0 0 0 0 round 14px);transform:none}}
  #temps .row::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;
    background:linear-gradient(105deg,transparent 35%,rgba(150,190,255,.25) 50%,transparent 65%);transform:translateX(-110%)}
  #temps .row.in::after{animation:whyScan 1.4s ease-out calc(var(--d,0s) + .8s) 1 both}
  #temps .row .ico.node{transform:scale(0)}
  #temps .row.in .ico.node{animation:nodePop .7s cubic-bezier(.2,1.5,.3,1) calc(var(--d,0s) + .6s) forwards}
  @keyframes nodePop{to{transform:scale(1)}}

  /* 1 · horloge : l'arc se remplit, les aiguilles tournent */
  .n-clock .carc{stroke-dashoffset:1}
  .row.in .n-clock .carc,.n-clock.pl .carc{animation:clockArc 6s cubic-bezier(.5,0,.3,1) 1.3s infinite}
  @keyframes clockArc{0%{stroke-dashoffset:1}55%,85%{stroke-dashoffset:.25}100%{stroke-dashoffset:.25;opacity:.2}}
  .row.in .n-clock .hm{animation:spin 6s linear 1.3s infinite}
  .row.in .n-clock .hh{animation:spin 72s linear 1.3s infinite}
  @keyframes spin{to{transform:rotate(360deg)}}

  /* 2 · écran : les barres montent puis l'écran s'éteint, la journée est libre */
  .n-screen .b{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(.1)}
  .row.in .n-screen .b{animation:barUp 5.2s cubic-bezier(.3,1.1,.3,1) 1.3s infinite}
  .row.in .n-screen .b2{animation-delay:1.45s}
  .row.in .n-screen .b3{animation-delay:1.6s}
  @keyframes barUp{0%{transform:scaleY(.1)}20%,62%{transform:scaleY(1)}70%,100%{transform:scaleY(.1)}}
  .row.in .n-screen .scr{animation:scrOff 5.2s ease-in-out 1.3s infinite}
  @keyframes scrOff{0%,62%{opacity:1;transform:scale(1)}68%{opacity:1;transform:scale(1.04,.06)}74%,92%{opacity:0;transform:scale(0,.02)}100%{opacity:1;transform:scale(1)}}
  .row.in .n-screen .frame{animation:frameGlow 5.2s ease-in-out 1.3s infinite}
  @keyframes frameGlow{0%,62%,100%{filter:drop-shadow(0 0 0 rgba(110,164,255,0))}30%{filter:drop-shadow(0 0 6px rgba(110,164,255,.9))}}

  /* 3 · cible : la flèche file au centre, impact */
  .n-target .arrow{opacity:0;transform:translate(16px,-16px)}
  .row.in .n-target .arrow{animation:aShot 4.4s cubic-bezier(.2,.9,.3,1) 1.4s infinite}
  @keyframes aShot{0%{opacity:0;transform:translate(16px,-16px)}8%{opacity:1}16%,80%{opacity:1;transform:translate(0,0)}92%,100%{opacity:0;transform:translate(0,0)}}
  .row.in .n-target .rings{animation:aHit 4.4s ease-out 1.4s infinite}
  @keyframes aHit{0%,14%{transform:scale(1)}18%{transform:scale(1.14)}26%{transform:scale(.97)}34%,100%{transform:scale(1)}}
  .row.in .n-target .bull{animation:bullFlash 4.4s ease-out 1.4s infinite}
  @keyframes bullFlash{0%,14%{fill:#4f8cff}18%{fill:#fff}40%,100%{fill:#4f8cff}}

  /* bouton : halo qui respire */
  #temps .btn{animation:ctaBreath 3s ease-in-out infinite}
  @keyframes ctaBreath{0%,100%{box-shadow:0 8px 26px rgba(47,107,255,.35)}50%{box-shadow:0 10px 40px rgba(79,140,255,.75)}}
}
@media(max-width:600px){#temps .rows{gap:30px}#temps .rows::before{left:48px}#temps .rows::after{left:44px}#temps .row .ico.node{width:54px;height:54px}#temps .ico.node svg{width:34px;height:34px}}

/* ===== Adaptation téléphone ===== */
@media(max-width:600px){
  nav .btn.sm{white-space:nowrap;padding:9px 14px;font-size:.78rem}
  nav .brand{font-size:.9rem;letter-spacing:.06em;gap:8px}
  nav .brand img{width:34px;height:34px}
  /* animations plus légères : lueurs de fond figées, pas de filtres animés */
  #pourquoi::before,#temps::before{animation:none}
  #temps .btn{animation:none}
  .s-ring .ring{animation-name:whyDraw !important}
  #pourquoi .card:hover,#temps .row:hover{transform:none;box-shadow:none}
  #pourquoi .card .scene{max-width:230px}
  #pourquoi .card{padding:22px 18px 26px}
  #temps h2 .green::after{height:3px}
}
@media(hover:none){
  #pourquoi .card:hover,#temps .row:hover{transform:none}
}

#temps .row{overflow:hidden}
#temps .row::after,#pourquoi .card::after{animation-fill-mode:forwards !important}

/* ===== FAQ : motion design v2 ===== */
.faq{counter-reset:q}
.faq details{position:relative;overflow:hidden;padding:0;border-radius:16px;
  transition:border-color .4s,box-shadow .4s,background .4s,transform .4s cubic-bezier(.2,.9,.2,1)}
.faq summary{display:flex;align-items:center;gap:16px;padding:20px 24px;transition:color .3s}
.faq summary::before{counter-increment:q;content:counter(q,decimal-leading-zero);flex:none;font-size:.78rem;font-weight:800;letter-spacing:.12em;color:rgba(130,175,255,.55);font-variant-numeric:tabular-nums;transition:color .4s,text-shadow .4s}
.faq summary::after{content:"";flex:none;margin-left:auto;width:16px;height:16px;color:#6ea4ff;
  background:linear-gradient(currentColor,currentColor) center/100% 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 100% no-repeat;
  transition:background-size .45s cubic-bezier(.6,0,.2,1),transform .55s cubic-bezier(.6,0,.2,1),color .3s}
.faq details p{margin:0;padding:0 24px 22px 64px;line-height:1.7}
.faq details::before{content:"";position:absolute;left:0;top:0;height:2px;width:100%;background:linear-gradient(90deg,transparent,#6ea4ff 40%,#fff 55%,#6ea4ff 70%,transparent);transform:scaleX(0);transform-origin:left;opacity:0}
.faq details:not([open]):hover{border-color:rgba(130,175,255,.5);transform:translateX(5px)}
.faq details:not([open]):hover summary::after{color:#fff}
.faq details:not([open]):hover summary::before{color:#9cc4ff}
.faq details[open]{border-color:rgba(130,175,255,.55);box-shadow:0 18px 50px rgba(47,107,255,.22);background:linear-gradient(160deg,#111e3a,#0a1222)}
.faq details[open] summary{color:#dbe8ff}
.faq details[open] summary::before{color:#9cc4ff;text-shadow:0 0 12px rgba(110,164,255,.9)}
.faq details[open] summary::after{background-size:100% 2px,2px 0;transform:rotate(180deg);color:#fff}
.faq details.closing summary::after{background-size:100% 2px,2px 100%;transform:none;color:#6ea4ff}
.faq details.closing{box-shadow:none;border-color:var(--line);background:var(--card)}
.faq details.closing summary{color:inherit}
.faq details.closing summary::before{color:rgba(130,175,255,.55);text-shadow:none}
.faq .w{display:inline-block}
@media(max-width:600px){.faq summary{padding:16px 16px;gap:12px}.faq details p{padding:0 16px 18px 16px}.faq details:not([open]):hover{transform:none}}

@media(prefers-reduced-motion:no-preference){
  .faq.in details{animation:faqItem .8s cubic-bezier(.2,.9,.2,1) calc(var(--k,0)*70ms) backwards}
  @keyframes faqItem{from{opacity:0;transform:translateY(26px) scale(.98)}to{opacity:1;transform:none}}
  .faq details[open]:not(.closing)::before{animation:faqLine 1s cubic-bezier(.6,0,.2,1) both}
  @keyframes faqLine{0%{opacity:1;transform:scaleX(0)}70%{opacity:1;transform:scaleX(1)}100%{opacity:.35;transform:scaleX(1)}}
  .faq details[open]:not(.closing) .w{animation:faqWord .6s cubic-bezier(.2,.9,.2,1) calc(.14s + var(--i)*var(--step,22ms)) both}
  @keyframes faqWord{from{opacity:0;transform:translateY(12px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
}

/* ===== MAQUETTE : version pleine largeur + motion design ===== */
nav .links{display:none}
.rail{display:none}
.aur{display:none}

@media(min-width:1000px){
  /* --- largeur : on utilise tout l'écran --- */
  body .wrap,body .start .wrap,body .statsband .wrap{width:min(1440px,100% - 120px)}
  body section{padding:150px 0}
  body nav .wrap{width:min(1440px,100% - 80px)}
  nav .links{display:flex;gap:38px;color:var(--muted);font-weight:600;font-size:.95rem}
  nav .links a{position:relative;transition:color .3s}
  nav .links a::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.9,.2,1)}
  nav .links a:hover{color:#fff}
  nav .links a:hover::after{transform:scaleX(1)}

  /* --- titres : alignés à gauche, mot-clé en italique éditorial --- */
  body h2{font-size:clamp(2.6rem,4.8vw,4.6rem);line-height:1.04;letter-spacing:-.035em;text-align:left;max-width:1000px}
  body .sub{text-align:left;margin-left:0;margin-right:0;max-width:640px;font-size:1.15rem}
  body h2 .green:not(.w){font-family:'Instrument Serif',Georgia,serif !important;font-style:italic;font-weight:400;font-size:1.1em;letter-spacing:-.01em}
  body .eyebrow{display:block;text-align:left}

  /* --- hero --- */
  body .hero{padding-top:200px;padding-bottom:120px}
  body .hero .wrap{position:relative;z-index:1}
  body .hero-split{max-width:none;grid-template-columns:minmax(0,1.6fr) minmax(0,.95fr);gap:40px;margin-top:70px;align-items:start}
  body .hero-split .vzone{position:sticky;top:120px;padding:22px}
  body .vzone{animation:vzIn 1.3s cubic-bezier(.2,.9,.2,1) .6s both}
  @keyframes vzIn{from{opacity:0;transform:translateY(70px) scale(.9)}to{opacity:1;transform:none}}
  body .included{animation:vzIn 1.3s cubic-bezier(.2,.9,.2,1) .85s both}

  /* --- quiz / intro --- */
  body .start .quiz.intro{width:min(1100px,100%)}
  body .qintro{height:340px}

  /* --- Pourquoi --- */
  body #pourquoi .grid{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:64px}
  body #pourquoi .card{padding:44px 36px 46px;border-radius:26px}
  body #pourquoi .card .scene{height:170px;max-width:320px}
  body #pourquoi .card h3{font-size:1.65rem}
  body #pourquoi .card p{font-size:1.04rem;max-width:380px}
  body #pourquoi .card.wide{padding:56px 60px}
  body #pourquoi .card.wide .scene{max-width:760px}
  body #pourquoi .card.wide p{max-width:820px;font-size:1.12rem}

  /* --- Décroche : frise horizontale --- */
  body #temps .rows{max-width:none;grid-template-columns:repeat(3,1fr);gap:64px;margin-top:70px}
  body #temps .row{flex-direction:column;align-items:flex-start;gap:26px;padding:34px 34px 38px;border-radius:24px}
  body #temps .row h3{font-size:1.4rem !important;line-height:1.3}
  body #temps .row p{font-size:1.02rem}
  body #temps .rows::before{left:66px;right:calc(33.333% - 108px);top:65px;bottom:auto;width:auto;height:2px;background:linear-gradient(90deg,rgba(79,140,255,.2),rgba(130,175,255,.8),rgba(79,140,255,.2));transform-origin:left}
  body #temps .rows::after{left:60px;top:60px}
  @media (prefers-reduced-motion:no-preference){
    body #temps .rows::before{transform:scaleX(0)}
    body #temps .rows:has(.row.in)::before{animation:tLineX 1.8s cubic-bezier(.6,0,.2,1) .3s forwards}
    @keyframes tLineX{to{transform:scaleX(1)}}
    body #temps .rows:has(.row.in)::after{animation:tRunX 3.8s cubic-bezier(.45,0,.25,1) 2.2s infinite}
    @keyframes tRunX{0%{left:60px;opacity:0}10%{opacity:1}88%{opacity:1}100%{left:calc(66.667% + 100px);opacity:0}}
  }
  body #temps .btn{padding:20px 44px;font-size:1.05rem}

  /* --- Preuves --- */
  body #preuves .payouts{gap:30px;margin-top:64px}
  body #preuves .grid.proofs{gap:30px;margin-top:30px}
  body #preuves .note{max-width:760px;margin-inline:auto}

  /* --- Derrière MXNCE --- */
  body .about{max-width:none;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:100px;margin-top:70px}
  body .proof.me{max-width:none;width:100%;border-radius:30px}
  body .about-lead{font-size:clamp(1.8rem,2.8vw,2.7rem);line-height:1.25}
  body .checks li{font-size:1.05rem;padding-block:18px}
  body .whysell{max-width:none;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:100px;row-gap:18px;margin-top:110px;padding:64px 70px;border-radius:32px}
  body .whysell h3{grid-column:1;grid-row:1 / span 6;font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.08;margin:0;font-family:inherit}
  body .whysell p{grid-column:2;font-size:1.1rem;margin:0}

  /* --- Programme : grille de modules --- */
  body .mods{max-width:none;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:64px 0 0;counter-reset:m}
  body .mod{margin:0;min-height:190px;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:14px;padding:30px;border-radius:24px;position:relative;overflow:hidden}
  body .mod::before{counter-increment:m;content:counter(m,decimal-leading-zero);position:absolute;right:22px;top:8px;font-size:6.5rem;font-weight:800;letter-spacing:-.05em;color:rgba(79,140,255,.09);line-height:1;transition:color .5s,transform .6s cubic-bezier(.2,.9,.2,1)}
  body .mod:hover::before{color:rgba(120,170,255,.22);transform:translateY(-6px) scale(1.06)}
  body .mod .mtitle{font-size:1.2rem;line-height:1.3;position:relative}
  body .mod .mbonus{margin-left:0}
  body .mod:hover{transform:translateY(-6px)}

  /* --- FAQ en deux colonnes --- */
  body .faq{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:16px 26px;align-items:start;margin-top:60px}
  body .faq details{margin:0}

  /* --- carte finale pleine largeur --- */
  body .final{padding:60px 0 150px}
  body .end-card{max-width:none;padding:120px 60px 90px;border-radius:40px;background:radial-gradient(70% 90% at 50% 100%,rgba(47,107,255,.45),rgba(8,14,28,.96) 70%)}
  body .end-title{font-size:clamp(3rem,6.6vw,6rem) !important;max-width:1100px}
  body .end-sub{font-size:1.25rem;max-width:640px}
  body .end-price .t2-big{font-size:5.4rem}
  body .end-cta .btn{padding:22px 60px;font-size:1.15rem;min-width:400px}

  /* --- repère de section (à droite) --- */
  .rail{display:grid;position:fixed;right:26px;top:50%;transform:translateY(-50%);gap:16px;z-index:60}
  .rail a{position:relative;width:10px;height:10px;border-radius:99px;background:rgba(150,185,255,.28);transition:height .5s cubic-bezier(.2,.9,.2,1),background .4s,box-shadow .4s}
  .rail a.on{height:34px;background:linear-gradient(180deg,#9cc4ff,#2f6bff);box-shadow:0 0 16px rgba(79,140,255,.8)}
  .rail a span{position:absolute;right:24px;top:50%;transform:translate(8px,-50%);white-space:nowrap;font-size:.74rem;font-weight:700;letter-spacing:.06em;color:#fff;background:rgba(10,18,34,.92);border:1px solid var(--line);padding:5px 12px;border-radius:99px;opacity:0;pointer-events:none;transition:.3s}
  .rail a:hover span{opacity:1;transform:translate(0,-50%)}

  /* --- lueurs du hero + parallaxe --- */
  .aur{display:block;position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0}
  .aur.a1{width:700px;height:700px;left:-8%;top:-10%;background:rgba(47,107,255,.32)}
  .aur.a2{width:620px;height:620px;right:-6%;top:22%;background:rgba(110,164,255,.22)}
}

/* --- titres : révélation par balayage (toutes les sections) --- */
@media (prefers-reduced-motion:no-preference){
  body h2.reveal{opacity:1;transform:translateY(18px);-webkit-mask-image:linear-gradient(100deg,#000 40%,transparent 60%);mask-image:linear-gradient(100deg,#000 40%,transparent 60%);-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:transform 1s cubic-bezier(.2,.9,.2,1)}
  body h2.reveal.in{transform:none;animation:whyTitle 1.4s cubic-bezier(.6,0,.2,1) forwards}
  /* preuves : les certificats se redressent en 3D */
  body #preuves .proof.reveal{transform:perspective(1000px) rotateX(16deg) translateY(50px) scale(.96);transform-origin:50% 100%}
  body #preuves .proof.reveal.in{transform:none}
  /* modules : arrivée en cascade depuis le bas */
  body .mod.reveal{transform:translateY(40px)}
  body .mod.reveal.in{transform:none}
}

/* ===== Certificats : défilement continu de droite à gauche ===== */
#preuves.has-marq .payouts,#preuves.has-marq .grid.proofs{display:none}
.marq{position:relative;width:100vw;margin:64px 0 0 calc(50% - 50vw);overflow:hidden;padding:10px 0 30px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.marq .track{display:flex;gap:28px;width:max-content;padding-left:28px;animation:marqRun 55s linear infinite;will-change:transform}
.marq:hover .track{animation-play-state:paused}
@keyframes marqRun{to{transform:translateX(calc(-50% - 14px))}}
.marq .proof{flex:none;width:clamp(290px,27vw,430px);margin:0;display:flex;flex-direction:column;opacity:1 !important;transform:none !important;transition:transform .4s cubic-bezier(.2,.9,.2,1),border-color .3s,box-shadow .3s}
.marq .proof:hover{transform:translateY(-8px) !important;border-color:rgba(130,175,255,.8);box-shadow:0 20px 60px rgba(47,107,255,.3)}
.marq .proof img{aspect-ratio:3/2;object-fit:contain;background:#070d1a;width:100%}
.marq .proof .badge{order:3;position:static;margin:0 18px 16px;align-self:flex-start;display:inline-block}
@media (prefers-reduced-motion:reduce){.marq{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.marq .track{animation:none}}
.marq .proof .badge{display:none !important}

/* ===== Compte à rebours ===== */
.cd{position:relative;margin:34px auto 0;text-align:center}
.cd-label{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#cfe0ff}
.cd-label i{width:8px;height:8px;border-radius:50%;background:#3ddc97;box-shadow:0 0 0 0 rgba(61,220,151,.6);animation:cdLive 1.8s ease-out infinite}
@keyframes cdLive{0%{box-shadow:0 0 0 0 rgba(61,220,151,.6)}100%{box-shadow:0 0 0 12px rgba(61,220,151,0)}}
.cd-grid{display:flex;align-items:flex-start;justify-content:center;gap:clamp(6px,1.6vw,16px);margin-top:18px}
.cd-unit{display:grid;gap:10px;justify-items:center}
.cd-unit small{font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.cd-card{position:relative;width:clamp(66px,11vw,120px);height:clamp(78px,13vw,138px);display:grid;place-items:center;border-radius:20px;overflow:hidden;
  background:linear-gradient(180deg,#14234a 0%,#0b1530 50%,#0e1b3d 50%,#0a1226 100%);
  border:1px solid rgba(130,175,255,.38);box-shadow:0 16px 50px rgba(47,107,255,.28),inset 0 1px 0 rgba(255,255,255,.12)}
.cd-card::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(3,7,16,.85);box-shadow:0 1px 0 rgba(255,255,255,.07);z-index:2}
.cd-card::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 45%);pointer-events:none;z-index:2}
.cd-num{position:relative;z-index:1;font-size:clamp(2.2rem,6vw,4.6rem);font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums;line-height:1;
  background:linear-gradient(180deg,#fff,#9cc4ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(110,164,255,.55))}
.cd-ring{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);z-index:0;opacity:.9}
.cd-ring .rb{fill:none;stroke:transparent}
.cd-ring .rf{fill:none;stroke:rgba(120,170,255,.0);stroke-width:0}
/* anneau de progression en bordure (par-dessus) */
.cd-unit .cd-card .cd-ring{display:none}
.cd-sep{display:grid;gap:12px;align-self:center;margin-top:-26px}
.cd-sep b{width:7px;height:7px;border-radius:50%;background:#6ea4ff;box-shadow:0 0 12px #6ea4ff;animation:cdBlink 1s ease-in-out infinite}
.cd-sep b+b{animation-delay:.5s}
@keyframes cdBlink{0%,100%{opacity:.25}50%{opacity:1}}
.cd-note{margin-top:20px;color:var(--muted);font-size:.95rem}
.cd-done{display:inline-flex;align-items:center;gap:10px;margin-top:30px;padding:12px 24px;border-radius:99px;border:1px solid rgba(61,220,151,.5);background:rgba(61,220,151,.1);font-weight:800}
.cd-done i{width:9px;height:9px;border-radius:50%;background:#3ddc97;animation:cdLive 1.8s ease-out infinite}
.cd-done[hidden]{display:none}

/* secondes : barre de progression sous la tuile */
.cd-unit[data-u="s"] .cd-card{box-shadow:0 16px 50px rgba(47,107,255,.5),inset 0 1px 0 rgba(255,255,255,.12)}
.cd-unit[data-u="s"] .cd-card .cd-num{filter:drop-shadow(0 0 18px rgba(130,185,255,.9))}

@media (prefers-reduced-motion:no-preference){
  .cd{opacity:0;transform:translateY(30px) scale(.96)}
  .cd.on{opacity:1;transform:none;transition:opacity 1s ease .9s,transform 1s cubic-bezier(.2,.9,.2,1) .9s}
  .cd-card.tick .cd-num{animation:cdFlip .55s cubic-bezier(.2,.9,.2,1)}
  @keyframes cdFlip{0%{transform:translateY(-42%) rotateX(-70deg);opacity:0;filter:blur(6px)}60%{opacity:1}100%{transform:none;filter:drop-shadow(0 0 14px rgba(110,164,255,.55))}}
  .cd-card{transition:box-shadow .4s}
  .cd-unit[data-u="s"] .cd-card::before{animation:cdScan 1s linear infinite}
  @keyframes cdScan{0%,100%{background:rgba(3,7,16,.85)}50%{background:rgba(110,164,255,.65)}}
  .cd-card{animation:cdFloat 5s ease-in-out infinite}
  .cd-unit:nth-of-type(2) .cd-card{animation-delay:.3s}
  .cd-unit:nth-of-type(3) .cd-card{animation-delay:.6s}
  .cd-unit:nth-of-type(4) .cd-card{animation-delay:.9s}
  @keyframes cdFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
}


/* ===== Nouvel accueil (inspiré T2 Futures Academy) ===== */
/* barre de navigation « pilule » flottante */
body nav{inset:16px auto auto 50%;transform:translateX(-50%);width:min(1100px,calc(100% - 24px));border:1px solid rgba(130,175,255,.24);border-radius:999px;background:rgba(8,14,28,.72);box-shadow:0 14px 44px rgba(0,0,0,.45);backdrop-filter:blur(16px)}
body nav.scrolled{background:rgba(8,14,28,.9)}
body nav .wrap,body nav.scrolled .wrap{width:100%;height:62px;padding:0 10px 0 22px}
body nav .brand{font-size:1.02rem;gap:10px;letter-spacing:.09em}
body nav .brand img,body nav.scrolled .brand img{width:38px;height:38px}
body nav .btn.sm{padding:11px 22px;font-size:.88rem;border-radius:999px}
body nav .links{gap:30px}

/* hero en deux colonnes */
body .hero{padding:150px 0 40px;text-align:left;min-height:0;display:block;overflow:visible}
body .hero .hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:70px;align-items:center;position:relative;z-index:1}
body .hero .tag{margin-bottom:26px}
body .hero h1{font-size:clamp(2.7rem,4.8vw,4.7rem) !important;line-height:1.03;margin:0 0 26px !important;max-width:none !important;text-align:left}
body .hero h1 .nw{display:block;white-space:nowrap}
.hero-lead{color:var(--muted);font-size:1.18rem;line-height:1.65;max-width:560px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.hero-cta .btn{padding:18px 34px;font-size:1.02rem}
body .hero .hero-time{margin:26px 0 0;text-align:left}
.hero-note{margin-top:14px;color:var(--muted);font-size:.82rem;opacity:.85}

/* visuel : photo + pastilles flottantes */
.hv{position:relative;justify-self:center;width:min(500px,100%)}
.hv-card{position:relative;border-radius:30px;overflow:hidden;border:1px solid rgba(130,175,255,.4);box-shadow:0 30px 90px rgba(47,107,255,.35),0 0 0 8px rgba(79,140,255,.06);aspect-ratio:4/4.7}
.hv-card img{width:100%;height:100%;object-fit:cover;object-position:40% 62%;display:block;transform:scale(1.06)}
.hv-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,11,22,0) 55%,rgba(6,11,22,.65)),linear-gradient(120deg,rgba(47,107,255,.18),transparent 45%)}
.chip{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:16px;background:rgba(10,18,34,.82);backdrop-filter:blur(14px);border:1px solid rgba(130,175,255,.38);box-shadow:0 16px 44px rgba(0,0,0,.5);font-size:.9rem;white-space:nowrap}
.chip b{font-weight:800;font-size:1.02rem}
.chip small{display:block;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.chip .mut{color:var(--muted);font-size:.8rem}
.chip .live{width:8px;height:8px;border-radius:50%;background:#3ddc97;box-shadow:0 0 10px #3ddc97}
.chip .ck{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(61,220,151,.16);color:#3ddc97;font-weight:800}
.chip .spark{width:64px;height:22px;margin-left:4px}
.chip .spark path{fill:none;stroke:#6ea4ff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 0 5px rgba(110,164,255,.9))}
.chip.c1{left:-34px;top:12%}
.chip.c2{right:-30px;top:44%}
.chip.c3{left:6%;bottom:-18px}
.chip.c3 b{font-size:1.5rem;line-height:1;background:linear-gradient(180deg,#fff,#9cc4ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.cdband{position:relative;z-index:1;padding:56px 0 20px;text-align:center}
.cdband .cd{margin-top:0}
body .start{margin-top:0;padding-top:30px}

/* section « Ce qui est inclus » */
#offre .included{max-width:none;width:100%;margin:56px 0 0;padding:52px 56px;border-radius:30px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:70px;align-items:start;text-align:left}
#offre .included .inc-title,#offre .included .inc-sub,#offre .included .inc-pill{display:none}
#offre .included .inc-list{grid-column:1;grid-row:1 / span 4;margin:0}
#offre .included .inc-price{grid-column:2;grid-row:1;margin:0;position:sticky;top:110px}
#offre .included .inc-cta{grid-column:2;grid-row:2;margin-top:22px;text-align:center}
#offre .included .inc-note{grid-column:2;grid-row:3;text-align:center}

@media(max-width:999px){
  body nav{inset:10px auto auto 50%;width:calc(100% - 20px)}
  body nav .wrap,body nav.scrolled .wrap{height:56px;padding:0 8px 0 14px}
  body nav .brand{font-size:.86rem;letter-spacing:.05em;gap:8px}
  body nav .brand img,body nav.scrolled .brand img{width:32px;height:32px}
  body nav .btn.sm{padding:9px 14px;font-size:.78rem;white-space:nowrap}
  body .hero{padding:104px 0 30px}
  body .hero .hero-grid{grid-template-columns:1fr;gap:56px}
  .hv{width:min(380px,90%)}
  .chip.c1{left:-8px}.chip.c2{right:-8px}
  .hero-cta .btn{padding:16px 26px;flex:1 1 auto;justify-content:center;text-align:center}
  body .hero h1 .nw{white-space:normal}
  #offre .included{grid-template-columns:1fr;padding:30px 20px}
  #offre .included .inc-list,#offre .included .inc-price,#offre .included .inc-cta,#offre .included .inc-note{grid-column:1;grid-row:auto}
  #offre .included .inc-price{position:static;margin:26px 0 0}
  .cdband{padding-top:34px}
}

@media (prefers-reduced-motion:no-preference){
  .hero-copy>*{animation:fadeDown .9s cubic-bezier(.2,.9,.2,1) both}
  .hero-lead{animation-delay:.55s}.hero-cta{animation-delay:.7s}.hero .hero-time{animation-delay:.85s}.hero-note{animation-delay:.95s}
  .hv{animation:hvIn 1.4s cubic-bezier(.2,.9,.2,1) .4s both}
  @keyframes hvIn{from{opacity:0;transform:translateY(60px) scale(.94)}to{opacity:1;transform:none}}
  .hv-card img{animation:hvZoom 16s ease-in-out infinite alternate}
  @keyframes hvZoom{from{transform:scale(1.06) translateY(0)}to{transform:scale(1.14) translateY(-2%)}}
  .chip{animation:chipFloat 5s ease-in-out infinite}
  .chip.c2{animation-delay:1.2s}.chip.c3{animation-delay:2.4s}
  @keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
  .chip .spark path{animation:sparkDraw 3.6s cubic-bezier(.5,0,.2,1) infinite}
  @keyframes sparkDraw{0%{stroke-dashoffset:1}55%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:-1}}
  .chip .live{animation:cdLive 1.8s ease-out infinite}
}

/* ===== Mouvements fluides du visuel d'accueil ===== */
.chip{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(10,18,34,.92);will-change:transform;backface-visibility:hidden;transform:translate3d(0,0,0)}
.chip .spark path{filter:none}
.hv-card img{will-change:transform;backface-visibility:hidden}
@media (prefers-reduced-motion:no-preference){
  .chip{animation:none}
  .chip.c1{animation:chipA 8s cubic-bezier(.45,.05,.55,.95) -2s infinite alternate}
  .chip.c2{animation:chipB 9.5s cubic-bezier(.45,.05,.55,.95) -5s infinite alternate}
  .chip.c3{animation:chipC 7s cubic-bezier(.45,.05,.55,.95) -1s infinite alternate}
  @keyframes chipA{from{transform:translate3d(-4px,6px,0)}to{transform:translate3d(8px,-12px,0)}}
  @keyframes chipB{from{transform:translate3d(6px,-8px,0)}to{transform:translate3d(-8px,12px,0)}}
  @keyframes chipC{from{transform:translate3d(-6px,4px,0)}to{transform:translate3d(10px,-10px,0)}}
  .hv-card img{animation:hvZoomSoft 24s cubic-bezier(.45,.05,.55,.95) infinite alternate}
  @keyframes hvZoomSoft{from{transform:scale(1.06) translate3d(0,0,0)}to{transform:scale(1.12) translate3d(-1.5%,-1.5%,0)}}
}

/* ===== Visuel d'accueil : plus aucun mouvement continu ===== */
.chip,.chip.c1,.chip.c2,.chip.c3{animation:none !important;transform:none !important;will-change:auto}
.hv-card img{animation:none !important;transform:scale(1.06) !important;will-change:auto}
.chip .spark path{animation:none !important;stroke-dashoffset:0 !important}
.chip .live{animation:none !important}

/* ===== Accueil : titre et étiquette « Nouveau » plus grands ===== */
body .hero .tag{font-size:.86rem;padding:10px 20px;letter-spacing:.06em;gap:10px}
body .hero .tag::before{width:9px;height:9px}
@media(min-width:1000px){
  body .hero .hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:48px}
  body .hero h1{font-size:clamp(3.2rem,5.7vw,5.6rem) !important}
  .hv{width:min(470px,100%)}
}
@media(max-width:999px){body .hero h1{font-size:clamp(2.6rem,10vw,3.6rem) !important}}


/* ===== Visuel « terminal de trading » ===== */
.hv.term{width:min(520px,100%)}
.term-card{border-radius:22px;overflow:hidden;border:1px solid rgba(130,175,255,.3);background:#0a1020;box-shadow:0 30px 90px rgba(47,107,255,.3),0 0 0 8px rgba(79,140,255,.05)}
.term-head{display:flex;align-items:center;gap:12px;padding:15px 20px;background:#0c1428;border-bottom:1px solid rgba(130,175,255,.16)}
.term-head b{font-size:1rem;letter-spacing:.02em}
.term-head .mut{color:var(--muted);font-size:.78rem;letter-spacing:.06em}
.term-live{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:99px;border:1px solid rgba(130,175,255,.4);background:rgba(79,140,255,.1);font-size:.7rem;font-weight:800;letter-spacing:.1em;color:#cfe0ff}
.term-live i{width:7px;height:7px;border-radius:50%;background:#3ddc97;box-shadow:0 0 8px #3ddc97}
.term-chart{position:relative;aspect-ratio:560/400;background:#080f20}
.term-svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.term-svg .tg path{stroke:rgba(130,170,255,.09);stroke-width:1}
.term-svg .wk{stroke:#8fb8ff;stroke-width:1.3;fill:none}
.term-svg .up{fill:url(#tUp)}
.term-svg .dn{fill:#0a1222;stroke:#9cc4ff;stroke-width:1.2}
.term-svg .ma{fill:none;stroke:rgba(230,240,255,.85);stroke-width:1.6;stroke-linejoin:round}
.term-svg .lv{stroke-width:1.3;fill:none;vector-effect:non-scaling-stroke}
.term-svg .lb{stroke:#3b82f6}
.term-svg .lg{stroke:#3ddc97;stroke-dasharray:5 5}
.term-svg .lr{stroke:#ff6b7a;stroke-dasharray:5 5}
.term-svg .fvg{fill:rgba(79,140,255,.14);stroke:rgba(110,164,255,.5);stroke-width:1}
.term-svg .tag rect{fill:#2a1218;stroke:#ff6b7a;stroke-width:1}
.term-svg .tag.g rect{fill:#0c2218;stroke:#3ddc97}
.term-svg .tag.b rect{fill:#0d1d3d;stroke:#6ea4ff}
.term-svg .tag text{fill:#fff;font-size:9px;font-weight:700;text-anchor:middle;font-family:'Plus Jakarta Sans',sans-serif}
.term-chart .chip.who{left:14px;top:14px;padding:9px 16px 9px 10px;border-radius:14px;background:rgba(14,22,42,.94)}
.term-chart .chip.who img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(130,175,255,.6)}
.term-chart .chip.who small{color:#9cc4ff}
.term-chart .chip.setup{right:14px;bottom:14px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 18px;background:rgba(14,22,42,.94)}
.term-chart .chip.setup b{font-size:1.25rem;color:#9cc4ff}
.term-ill{position:absolute;right:14px;top:14px;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(190,205,235,.55)}
.hv.term .chip.livechip{left:-24px;right:auto;bottom:-22px;top:auto;gap:12px;padding:12px 18px;background:rgba(12,20,40,.96)}
.hv.term .chip.livechip b{font-size:1rem}
@media(max-width:999px){.hv.term{width:min(400px,94%)}.hv.term .chip.livechip{left:-6px;bottom:-20px}.term-chart .chip.who b{font-size:.85rem}}
.term-ill{z-index:1}
@media(max-width:999px){
  .term-chart{aspect-ratio:560/480}
  .term-chart .chip.setup,.term-ill{display:none}
  .term-chart .chip.who{left:10px;top:10px;padding:7px 12px 7px 8px}
  .term-chart .chip.who img{width:32px;height:32px}
  .hv.term .chip.livechip{position:relative;left:auto;bottom:auto;margin:16px auto 0;width:max-content}
}

/* petit bouton LIVE sur la photo d'accueil */
.hv-live{position:absolute;top:16px;right:16px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:7px 15px;border-radius:99px;border:1px solid rgba(130,175,255,.5);background:rgba(10,18,34,.82);font-size:.72rem;font-weight:800;letter-spacing:.1em;color:#dbe8ff}
.hv-live i{width:8px;height:8px;border-radius:50%;background:#ff4d5e;box-shadow:0 0 10px #ff4d5e}

/* ===== Compte à rebours : plus aucun mouvement ===== */
.cd-card,.cd-card.tick .cd-num,.cd-unit .cd-card,.cd-unit[data-u="s"] .cd-card::before,.cd-sep b,.cd-label i,.cd-done i{animation:none !important}
.cd-card{transform:none !important}
.cd-sep b{opacity:.8}
.cd{opacity:1 !important;transform:none !important;transition:none !important}

/* ===== Accueil centré (sans visuel à droite) ===== */
body .hero .hero-grid{grid-template-columns:1fr !important;justify-items:center;text-align:center;gap:0}
body .hero .hero-copy{max-width:940px;margin-inline:auto}
body .hero h1{text-align:center !important;margin-inline:auto !important}
body .hero .tag{margin-inline:auto}
.hero-lead{margin-inline:auto;max-width:680px}
.hero-cta{justify-content:center}
body .hero .hero-time{text-align:center;justify-content:center}
.hero-note{text-align:center}
@media(min-width:1000px){body .hero{padding-top:170px}}

/* photo « Derrière MXNCE » : cadrage sur le bureau */
.proof.me img{width:100%;height:auto !important;aspect-ratio:4/5;object-fit:cover;object-position:40% 60%;display:block}

/* ===== Échelle réduite sur grand écran (zoom 100 %) ===== */
@media(min-width:1000px){
  html{font-size:13.6px}
  body .wrap,body .start .wrap,body .statsband .wrap{width:min(1280px,100% - 120px)}
  body nav{width:min(980px,calc(100% - 24px))}
  body nav .wrap,body nav.scrolled .wrap{height:56px}
  body nav .brand img,body nav.scrolled .brand img{width:34px;height:34px}
  body nav .btn.sm{padding:9px 20px}
  body section{padding:110px 0}
  body .hero{padding-top:140px}
  .cd-card{width:clamp(64px,8.4vw,92px) !important;height:clamp(76px,10vw,108px) !important}
  body #pourquoi .card .scene{height:140px;max-width:270px}
  body #pourquoi .card{padding:36px 30px 38px}
  body .mod{min-height:150px}
}
@media(min-width:1000px){
  body .hero{padding-top:112px;padding-bottom:0}
  body .hero .tag{margin-bottom:18px}
  body .hero h1{margin-bottom:16px !important}
  .hero-cta{margin-top:22px}
  body .hero .hero-time{margin-top:16px}
  .hero-note{margin-top:8px}
  .cdband{padding:26px 0 10px}
  .cd-note{margin-top:12px}
}

/* ===== Carte finale : plus compacte ===== */
@media(min-width:1000px){
  body .final{padding:40px 0 100px}
  body .end-card{padding:64px 48px 52px;border-radius:32px}
  body .end-title{font-size:clamp(2.2rem,4.2vw,3.5rem) !important;max-width:820px;margin:16px auto 12px;text-align:center}
  body .end-sub{font-size:1.02rem;max-width:520px}
  body .end-price .t2-big{font-size:3.6rem}
  body .end-price .t2-old{font-size:1.1rem}
  body .end-tag{margin:18px 0 14px;font-size:.95rem}
  body .end-cta .btn{padding:16px 40px;font-size:1rem;min-width:320px}
  body .end-note{margin-top:12px}
}

/* Accueil : un peu plus d'espace entre les éléments */
@media(min-width:1000px){
  body .hero .tag{margin-bottom:26px}
  body .hero h1{margin-bottom:28px !important}
  .hero-cta{margin-top:38px}
  body .hero .hero-time{margin-top:30px}
  .hero-note{margin-top:16px}
  .cdband{padding-top:40px}
}
@media(max-width:999px){
  .hero-cta{margin-top:30px}
  body .hero .hero-time{margin-top:24px}
  .hero-note{margin-top:14px}
}

/* images : proportions conservées malgré width/height */
img{height:auto}
.nav img,nav .brand img{height:auto}

/* ===== Échelle encore réduite (dé-zoom) ===== */
@media(min-width:1000px){
  html{font-size:12.4px}
  body .wrap,body .start .wrap,body .statsband .wrap{width:min(1180px,100% - 120px)}
  body nav{width:min(900px,calc(100% - 24px))}
  body nav .wrap,body nav.scrolled .wrap{height:52px;padding:0 8px 0 18px}
  body nav .brand img,body nav.scrolled .brand img{width:30px;height:30px}
  body nav .btn.sm{padding:8px 18px}
  body section{padding:90px 0}
  body .hero{padding-top:104px}
  body #pourquoi .card .scene{height:118px;max-width:230px}
  body #pourquoi .card{padding:30px 26px 32px}
  body #pourquoi .card.wide{padding:40px 44px}
  body #temps .row{padding:26px 26px 30px;gap:20px}
  body #temps .rows{gap:52px}
  .marq .proof{width:clamp(250px,21vw,340px)}
  body .mod{min-height:124px;padding:22px}
  body .mod::before{font-size:5rem}
  body .whysell{padding:48px 52px;margin-top:80px}
  body .about{gap:70px}
  .cd-card{width:clamp(58px,7vw,80px) !important;height:clamp(68px,8.4vw,94px) !important}
  #offre .included{padding:40px 44px}
  .rail{right:18px}
}

/* ===== Dé-zoom, étape 3 ===== */
@media(min-width:1000px){
  html{font-size:11.6px}
  body .wrap,body .start .wrap,body .statsband .wrap{width:min(1120px,100% - 120px)}
  body nav{width:min(860px,calc(100% - 24px))}
  body section{padding:76px 0}
  body .hero{padding-top:96px}
  body .about{gap:56px;margin-top:50px;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
  body .proof.me{max-width:380px}
  body .about-lead{font-size:clamp(1.5rem,2.3vw,2.2rem)}
  body .checks li{padding-block:13px}
  body .whysell{padding:40px 44px;margin-top:64px;column-gap:60px}
  body .mods{gap:16px;margin-top:44px}
  body .mod{min-height:108px;padding:18px 20px}
  body .mod::before{font-size:4.2rem;top:4px}
  #offre .included{padding:32px 38px;margin-top:40px;column-gap:50px}
  #offre .included .inc-list li{padding-block:9px}
  #offre .included .inc-price{top:90px}
  body #pourquoi .grid{gap:20px;margin-top:44px}
  body #pourquoi .card .scene{height:104px;max-width:210px}
  body #pourquoi .card{padding:26px 22px 28px}
  body #temps .rows{margin-top:48px}
  .marq{margin-top:44px}
  .marq .proof{width:clamp(230px,19vw,300px)}
  body .faq{margin-top:40px}
  .faq summary{padding:15px 20px}
  .cd-card{width:clamp(54px,6.4vw,72px) !important;height:clamp(62px,7.6vw,84px) !important}
}
.proof.me img{object-position:30% 52%}
.proof.me img{transform:scale(1.32);transform-origin:26% 46%;object-position:50% 50%}

/* ===== Programme : ma stratégie mise en avant ===== */
.strategy{position:relative;display:flex;align-items:center;gap:28px;margin:40px 0 0;padding:30px 36px;border-radius:22px;border:1px solid rgba(130,175,255,.55);
  background:radial-gradient(120% 160% at 0% 0%,rgba(79,140,255,.28),transparent 60%),linear-gradient(160deg,#0f1c3a,#0a1226);box-shadow:0 20px 60px rgba(47,107,255,.28),inset 0 1px 0 rgba(255,255,255,.08)}
.st-ico{flex:none;width:76px;height:76px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#4f8cff,#2457e6);box-shadow:0 10px 34px rgba(47,107,255,.55)}
.st-ico svg{width:40px;height:40px;fill:#fff;stroke:#fff;stroke-width:1.5;stroke-linejoin:round}
.st-tag{display:inline-block;padding:5px 14px;border-radius:99px;border:1px solid rgba(130,175,255,.55);background:rgba(79,140,255,.14);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#cfe0ff}
.st-txt h3{margin:12px 0 8px;font-size:clamp(1.5rem,2.6vw,2.1rem);letter-spacing:-.02em;font-weight:800;background:linear-gradient(180deg,#fff,#a9c8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.st-txt p{color:#c3d1ea;max-width:720px;font-size:1.02rem}
/* carte du module 6 : mise en avant, lignes de la grille régulières */
.mod.star{border-color:rgba(130,175,255,.65);background:linear-gradient(160deg,#11224a,#0a1226);box-shadow:0 12px 40px rgba(47,107,255,.25)}
.mod.star .mbonus{position:absolute;top:14px;right:14px;margin:0;padding:5px 12px;font-size:.7rem}
.mod.star::before{display:none}
@media(max-width:700px){.strategy{flex-direction:column;align-items:flex-start;padding:24px 20px;gap:18px}.st-ico{width:60px;height:60px;border-radius:18px}}

/* Stratégie : texte plus grand */
body .strategy{gap:34px;padding:38px 44px}
body .strategy .st-ico{width:92px;height:92px;border-radius:26px}
body .strategy .st-ico svg{width:48px;height:48px}
body .strategy .st-tag{font-size:.9rem;padding:7px 18px}
body .strategy .st-txt h3{font-size:clamp(2.2rem,3.4vw,3rem) !important;margin:14px 0 12px;line-height:1.1}
body .strategy .st-txt p{font-size:1.32rem;line-height:1.55;max-width:820px;color:#d3def2}
@media(max-width:700px){body .strategy{padding:26px 20px}body .strategy .st-txt h3{font-size:1.8rem !important}body .strategy .st-txt p{font-size:1.05rem}}

/* « Ce qui est inclus » : texte plus grand */
body #offre .inc-list b{font-size:1.2rem;line-height:1.3}
body #offre .inc-list small{font-size:1.02rem;margin-top:4px;line-height:1.45;color:#aebed9}
body #offre .inc-list li{gap:16px;padding-block:12px}
body #offre .inc-list .ck{width:28px;height:28px;font-size:.9rem;flex:none}
body #offre .inc-price .t2-label{font-size:.9rem}
body #offre .inc-price .t2-pill{font-size:1rem}
body #offre .inc-price .t2-promo{font-size:.95rem}
body #offre .inc-note{font-size:.92rem}

/* FAQ : texte plus grand et lisible */
body .faq summary{font-size:1.4rem;line-height:1.3;padding:20px 24px;gap:18px}
body .faq summary::before{font-size:.95rem}
body .faq summary::after{width:20px;height:20px}
body .faq details p{font-size:1.32rem;line-height:1.65;padding:0 24px 24px 66px;color:#c5d2ea}
@media(max-width:999px){
  body .faq summary{font-size:1.08rem;padding:16px}
  body .faq details p{font-size:1rem;padding:0 16px 18px 16px}
}

/* « Ce qui est inclus » : prix + bouton restent groupés quand on fait défiler */
#offre .included .inc-side{grid-column:2;grid-row:1 / span 4;position:sticky;top:96px;align-self:start}
#offre .included .inc-side .inc-price,#offre .included .inc-side .inc-cta,#offre .included .inc-side .inc-note{grid-column:auto;grid-row:auto;position:static;margin-left:0;margin-right:0}
#offre .included .inc-side .inc-price{margin-top:0}
#offre .included .inc-side .inc-cta{margin-top:22px}
@media(max-width:999px){#offre .included .inc-side{grid-column:1;grid-row:auto;position:static;margin-top:26px}}

/* ===== Bandeau communauté (Telegram) ===== */
.community{padding:10px 0 70px}
.comm-card{display:flex;align-items:center;gap:28px;padding:34px 40px;border-radius:24px;border:1px solid rgba(130,175,255,.4);
  background:radial-gradient(90% 160% at 0% 0%,rgba(79,140,255,.2),transparent 62%),linear-gradient(160deg,#0e1a36,#0a1226);box-shadow:0 20px 60px rgba(47,107,255,.2)}
.comm-ico{flex:none;width:68px;height:68px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#3aa0ff,#2457e6);box-shadow:0 10px 30px rgba(47,107,255,.5)}
.comm-ico svg{width:34px;height:34px;fill:#fff}
.comm-txt{flex:1;min-width:0}
.comm-txt h2{font-size:clamp(1.8rem,3vw,2.5rem) !important;line-height:1.1;margin:0 0 8px;text-align:left}
.comm-txt p{color:#b9c8e3;font-size:1.15rem;max-width:560px}
.comm-btn{flex:none;padding:16px 30px;font-size:1.05rem;gap:12px;white-space:nowrap}
.comm-btn svg{width:22px;height:22px;fill:#fff}
@media(max-width:800px){.comm-card{flex-direction:column;align-items:flex-start;padding:26px 20px;gap:18px}.comm-btn{width:100%;justify-content:center;white-space:normal}.comm-txt p{font-size:1rem}}

/* Bandeau communauté : contenu centré */
.comm-card{flex-direction:column;align-items:center;text-align:center;gap:16px;padding:42px 40px;max-width:760px;margin-inline:auto}
.comm-txt{flex:none}
.comm-txt h2{text-align:center !important}
.comm-txt p{margin-inline:auto}
.comm-btn{margin-top:6px}
@media(max-width:800px){.comm-card{align-items:center;padding:30px 20px}.comm-btn{width:auto}}

/* ===== Bandeau communauté : en largeur, centré entre les deux lignes ===== */
body .community{padding:56px 0}
body .comm-card{flex-direction:row;align-items:center;text-align:left;gap:30px;max-width:none;width:100%;margin:0;padding:34px 44px}
body .comm-txt{flex:1;min-width:0}
body .comm-txt h2{text-align:left !important}
body .comm-txt p{margin-inline:0}
body .comm-ico{width:72px;height:72px}
/* bouton : pilule propre, sans reflet */
body .comm-btn{flex:none;display:inline-flex;align-items:center;gap:12px;margin:0;padding:18px 34px;border-radius:999px;border:1px solid rgba(160,200,255,.45);
  background:linear-gradient(135deg,#3b9bff 0%,#2f6bff 55%,#2457e6 100%) !important;background-size:100% 100% !important;animation:none !important;
  font-size:1.08rem;font-weight:800;letter-spacing:0;text-transform:none;color:#fff;
  box-shadow:0 12px 34px rgba(47,107,255,.55),inset 0 1px 0 rgba(255,255,255,.28);transition:transform .25s,box-shadow .25s}
body .comm-btn::before{display:none !important}
body .comm-btn::after{content:"→";position:static !important;inset:auto !important;width:auto;height:auto;background:none !important;opacity:1;transform:none !important;animation:none !important;font-size:1.2em;line-height:1;transition:transform .25s}
body .comm-btn:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(79,140,255,.7),inset 0 1px 0 rgba(255,255,255,.3)}
body .comm-btn:hover::after{transform:translateX(4px) !important}
@media(max-width:800px){
  body .comm-card{flex-direction:column;align-items:flex-start;padding:26px 20px;gap:18px}
  body .comm-btn{width:100%;justify-content:center}
  body .community{padding:40px 0}
}

/* icône Telegram du bouton : taille fixe */
body .comm-btn svg{flex:none;width:24px;height:24px;min-width:24px;fill:#fff;display:block}

/* « Pourquoi MXNCE Academy » : texte un peu plus grand */
@media(min-width:1000px){
  body #pourquoi .card h3{font-size:1.5rem !important;margin-bottom:10px}
  body #pourquoi .card p{font-size:1.2rem;line-height:1.55;max-width:420px}
  body #pourquoi .card.wide p{font-size:1.25rem;max-width:860px}
  body #pourquoi .card.wide h3{font-size:1.6rem !important}
  body #pourquoi .brow{font-size:1rem}
  body #pourquoi .bval{font-size:1.05rem}
}
@media(max-width:999px){
  body #pourquoi .card p{font-size:1.02rem}
  body #pourquoi .card h3{font-size:1.25rem !important}
}

/* ===== « Pourquoi vendre une formation ? » : mise en forme éditoriale ===== */
body .whysell{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:70px;row-gap:0;align-items:start;max-width:none;margin-top:70px;padding:54px 60px;border-radius:30px;text-align:left;overflow:hidden;
  border:1px solid rgba(130,175,255,.38);background:radial-gradient(70% 90% at 0% 0%,rgba(79,140,255,.22),transparent 62%),linear-gradient(160deg,#0f1c3a,#0a1226);box-shadow:0 24px 70px rgba(47,107,255,.22)}
body .whysell::before{content:"“";position:absolute;right:30px;top:-30px;font-family:'Instrument Serif',Georgia,serif;font-size:16rem;line-height:1;color:rgba(79,140,255,.1);pointer-events:none}
body .whysell .ws-head{position:sticky;top:110px}
body .ws-eyebrow{display:inline-block;padding:6px 16px;border-radius:99px;border:1px solid rgba(130,175,255,.5);background:rgba(79,140,255,.12);font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#cfe0ff}
body .whysell h3{grid-column:auto;grid-row:auto;margin:18px 0 18px;font-size:clamp(2.2rem,3.4vw,3.2rem) !important;line-height:1.08;letter-spacing:-.03em;font-weight:800;color:#fff}
body .whysell h3 .green{font-family:'Instrument Serif',Georgia,serif !important;font-style:italic;font-weight:400;font-size:1.12em;background:linear-gradient(90deg,#4f8cff,#a9c8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
body .whysell .ws-lead{grid-column:auto;font-size:1.4rem;line-height:1.5;color:#c3d1ea;margin:0}
body .whysell .ws-lead b{color:#fff}
body .ws-body{display:grid;gap:26px}
body .ws-quote{position:relative;margin:0;padding:6px 0 6px 28px;border-left:4px solid transparent;border-image:linear-gradient(180deg,#9cc4ff,#2f6bff) 1}
body .ws-quote p{grid-column:auto;font-size:1.75rem;line-height:1.35;font-weight:700;letter-spacing:-.015em;color:#eef3ff;margin:0}
body .ws-quote p b{color:#6ea4ff}
body .ws-quote small{display:block;margin-top:14px;font-size:1.2rem;line-height:1.55;color:#aebed9}
body .ws-row{display:flex;gap:20px;align-items:flex-start;padding-top:24px;border-top:1px solid rgba(130,175,255,.2)}
body .ws-n{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid rgba(130,175,255,.55);background:rgba(79,140,255,.12);font-weight:800;font-size:.95rem;color:#9cc4ff;font-variant-numeric:tabular-nums}
body .ws-row p{grid-column:auto;margin:0;font-size:1.3rem;line-height:1.65;color:#c5d2ea}
body .ws-row p b{color:#fff;font-weight:700}
@media(max-width:999px){
  body .whysell{grid-template-columns:1fr;row-gap:26px;padding:30px 22px;margin-top:44px}
  body .whysell .ws-head{position:static}
  body .whysell::before{font-size:9rem;right:14px;top:-10px}
  body .ws-quote p{font-size:1.25rem}
  body .ws-quote small,body .ws-row p{font-size:1.05rem}
  body .whysell .ws-lead{font-size:1.15rem}
}