/* Teenpreneur Factory — feuille de style
   Palette officielle : rose et violet néon sur bleu marine très sombre, cyan en accent, orange ponctuel */
:root{
  --nuit:#070a1f;
  --nuit-2:#0d1233;
  --nuit-3:#151b45;
  --rose:#ff2ec7;
  --violet:#9648ff;
  --cyan:#28e1ff;
  --orange:#ffa23a;
  --texte:#eef0ff;
  --texte-doux:#aeb3d9;
  --degrade:linear-gradient(95deg,var(--rose),var(--violet) 55%,var(--cyan));
  --degrade-chaud:linear-gradient(95deg,var(--rose),var(--orange));
  --r-grand:28px;
  --r-moyen:18px;
  --largeur:1180px;
  --titre:"Poppins",system-ui,sans-serif;
  --main:"Caveat",cursive;
  --safe-top:env(safe-area-inset-top,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(90px + var(--safe-top))}
body{
  font-family:var(--titre);background:var(--nuit);color:var(--texte);
  font-size:17px;line-height:1.65;overflow-x:hidden;
  padding-bottom:var(--safe-bottom);
}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--cyan);outline-offset:3px;border-radius:6px}
.conteneur{width:min(var(--largeur),100% - 40px);margin-inline:auto}

/* ---------- Typo ---------- */
h1,h2,h3{font-weight:800;line-height:1.08;letter-spacing:-.02em}
h1{font-size:clamp(2.3rem,5.6vw,4.6rem)}
h2{font-size:clamp(1.9rem,4vw,3.1rem)}
h3{font-size:1.2rem;line-height:1.25}
p{max-width:64ch}
.neon{background:var(--degrade);-webkit-background-clip:text;background-clip:text;color:transparent}
.neon-chaud{background:var(--degrade-chaud);-webkit-background-clip:text;background-clip:text;color:transparent}
.manuscrit{font-family:var(--main);font-weight:700;font-size:1.9rem;line-height:1.1;color:var(--orange)}
.chapeau{font-size:1.15rem;color:var(--texte-doux);margin-top:1.1rem}

/* ---------- Boutons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:.6rem;
  font:700 1.05rem/1 var(--titre);text-decoration:none;color:#fff;
  padding:1.1rem 1.8rem;border-radius:999px;border:0;cursor:pointer;
  background:var(--degrade);background-size:160% 100%;
  box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 10px 40px -8px rgba(255,46,199,.65);
  transition:background-position .5s,transform .2s,box-shadow .3s;
}
.btn:hover{background-position:100% 0;transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,255,255,.2) inset,0 14px 50px -6px rgba(150,72,255,.8)}
.btn svg{width:20px;height:20px}
.btn-fantome{background:transparent;box-shadow:0 0 0 2px var(--violet) inset}
.btn-fantome:hover{background:rgba(150,72,255,.15);box-shadow:0 0 0 2px var(--cyan) inset}
.rassurance{font-size:.92rem;color:var(--texte-doux);margin-top:.9rem}

/* ---------- En-tête ---------- */
.entete{
  position:fixed;top:0;left:0;right:0;z-index:50;
  padding-top:var(--safe-top);
  transition:background .3s,backdrop-filter .3s;
}
.entete::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .3s;background:rgba(7,10,31,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(150,72,255,.25)}
.entete.defile::before{opacity:1}
.entete .conteneur{display:flex;align-items:center;justify-content:space-between;height:78px;gap:1rem}
.logo{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-weight:800;font-size:1.15rem;line-height:1}
.logo small{display:block;font-weight:500;font-size:.62rem;letter-spacing:.42em;color:var(--texte-doux);margin-top:.25rem}
.logo svg{width:38px;height:38px;filter:drop-shadow(0 0 8px rgba(255,46,199,.7))}
.nav{display:flex;align-items:center;gap:1.8rem}
.nav a{text-decoration:none;font-weight:500;font-size:.95rem;color:var(--texte-doux);transition:color .2s}
.nav a:hover,.nav a[aria-current="page"]{color:#fff}
.nav a[aria-current="page"]{text-shadow:0 0 12px rgba(255,46,199,.8)}
.nav .btn{padding:.8rem 1.3rem;font-size:.95rem;color:#fff}
.burger{display:none;background:none;border:0;color:#fff;width:44px;height:44px;cursor:pointer}
@media (max-width:920px){
  .burger{display:block}
  .nav{
    position:fixed;inset:0;top:0;flex-direction:column;justify-content:center;gap:2rem;
    background:rgba(7,10,31,.97);backdrop-filter:blur(10px);
    transform:translateY(-100%);visibility:hidden;transition:transform .4s ease,visibility 0s .4s;padding-top:var(--safe-top)
  }
  .nav.ouvert{transform:none;visibility:visible;transition:transform .4s ease,visibility 0s}
  .nav a{font-size:1.4rem}
  .burger{position:relative;z-index:60}
}

/* ---------- Fond d'ambiance ---------- */
.halo{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;pointer-events:none;z-index:0}
.halo.rose{background:var(--rose)}
.halo.violet{background:var(--violet)}
.halo.cyan{background:var(--cyan);opacity:.35}
@media (prefers-reduced-motion:no-preference){
  .halo{animation:pulse 9s ease-in-out infinite alternate}
  .halo:nth-of-type(2){animation-duration:12s}
}
@keyframes pulse{from{transform:scale(1) translate(0,0)}to{transform:scale(1.18) translate(30px,-20px)}}
.grille{
  position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.35;
  background-image:linear-gradient(rgba(150,72,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(150,72,255,.12) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 100%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 100%,#000 10%,transparent 70%);
}

/* ---------- Sections ---------- */
section{position:relative;overflow:clip;padding:clamp(4.5rem,10vw,8rem) 0}
section > .conteneur{position:relative;z-index:1}
.centre{text-align:center}
.centre p{margin-inline:auto}
.fond-2{background:var(--nuit-2)}

/* ---------- Hero ---------- */
.hero{display:flex;flex-direction:column;align-items:center;padding:calc(120px + var(--safe-top)) 0 0;overflow:hidden;text-align:center}
.hero .conteneur{position:relative;z-index:2;max-width:860px}
.hero h1{font-size:clamp(2.2rem,4.4vw,4rem);text-shadow:0 2px 24px rgba(7,10,31,.8)}
.hero h1 .ligne{display:block}
.hero .chapeau{max-width:640px;margin-inline:auto;text-shadow:0 1px 14px rgba(7,10,31,.95)}
.hero-actions{margin-top:1.8rem;display:flex;justify-content:center}
.hero-actions > *{align-items:center}
.hero-scene{display:block;position:relative;z-index:1;width:100%;margin-top:-18vw}
.hero-scene img{display:block;width:100%;height:auto;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 82%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 82%,transparent 100%)}
@media (min-width:1600px){.hero-scene{max-width:1600px}}
@media (prefers-reduced-motion:no-preference){
  .hero .apparition{opacity:0;transform:translateY(24px);animation:monte .9s cubic-bezier(.2,.8,.2,1) forwards}
  .hero .apparition:nth-child(2){animation-delay:.25s}
  .hero .apparition:nth-child(3){animation-delay:.5s}
  .hero .apparition:nth-child(4){animation-delay:.75s}
  .hero-scene{opacity:0;animation:apparait 1.2s .2s forwards}
}
@keyframes tracer{to{stroke-dashoffset:0}}
@keyframes apparait{to{opacity:1}}
@keyframes monte{to{opacity:1;transform:none}}
@media (max-width:820px){
  .hero{padding-top:calc(96px + var(--safe-top))}
  .hero-scene{margin-top:-66vw}
  .video-attente{background:radial-gradient(circle at 50% 40%,rgba(150,72,255,.35),transparent 60%),var(--nuit-3)}
  .video-attente::before{display:none}
  .video-attente .manuscrit{font-size:1.4rem}
}

/* ---------- Vidéo ---------- */
.video-cadre{
  position:relative;aspect-ratio:16/9;max-width:960px;margin:3rem auto 0;border-radius:var(--r-grand);overflow:hidden;
  background:var(--nuit-3);
  box-shadow:0 0 0 2px rgba(150,72,255,.6),0 0 60px -10px rgba(255,46,199,.6),0 0 120px -30px rgba(40,225,255,.5);
}
.video-cadre iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-attente{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:2rem;
  background:radial-gradient(circle at 50% 40%,rgba(150,72,255,.35),transparent 60%),url(../img/sandie-bureau.webp) right center/contain no-repeat,var(--nuit-3)}
.video-attente::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--nuit-3) 45%,rgba(21,27,69,.4))}
.video-attente > *{position:relative}
.lecture{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;margin:0 auto 1rem;background:var(--degrade);box-shadow:0 0 40px rgba(255,46,199,.7)}
.lecture svg{width:32px;height:32px;margin-left:5px}

/* ---------- Douleur ---------- */
.duo{display:grid;grid-template-columns:5fr 7fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.duo.inverse{grid-template-columns:7fr 5fr}
.duo.inverse .photo{order:2}
@media (max-width:860px){.duo,.duo.inverse{grid-template-columns:1fr}.duo.inverse .photo{order:0}}
.photo{position:relative;border-radius:var(--r-grand);overflow:hidden;aspect-ratio:4/5}
.photo img{width:100%;height:100%;object-fit:cover}
.photo::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 2px rgba(255,46,199,.5) inset}
.photo-lueur{box-shadow:0 30px 80px -30px rgba(255,46,199,.6)}
.signes{list-style:none;margin-top:2rem;display:grid;gap:.75rem}
.signes li{
  display:flex;gap:1rem;align-items:center;padding:1rem 1.2rem;border-radius:var(--r-moyen);
  background:rgba(21,27,69,.7);border:1px solid rgba(150,72,255,.3);
}
.signes li strong{display:block;font-weight:700}
.signes li span{color:var(--texte-doux);font-size:.95rem}
.pastille{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(255,46,199,.12);box-shadow:0 0 0 1px rgba(255,46,199,.5) inset}
.pastille svg{width:22px;height:22px;stroke:var(--rose)}
.essais{list-style:none;margin-top:1.6rem;display:grid;gap:.6rem}
.essais li{padding-left:2rem;position:relative;color:var(--texte-doux)}
.essais li::before{content:"";position:absolute;left:0;top:.55em;width:18px;height:2px;background:var(--rose);box-shadow:0 0 8px var(--rose)}
.pas-votre-faute{margin-top:2.2rem;padding:1.6rem 1.8rem;border-radius:var(--r-moyen);background:linear-gradient(135deg,rgba(255,46,199,.16),rgba(150,72,255,.12));border:1px solid rgba(255,46,199,.4)}
.pas-votre-faute .manuscrit{font-size:2.2rem;color:#fff;text-shadow:0 0 18px rgba(255,46,199,.8)}
.pas-votre-faute p{margin-top:.5rem}

/* ---------- Tuiles « ce que votre ado peut faire » ---------- */
.tuiles{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-top:3rem}
@media (max-width:1100px){.tuiles{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.tuiles{grid-template-columns:repeat(2,1fr);gap:.7rem}.tuile h3{font-size:.88rem;left:.7rem;right:.7rem}}
.tuile{position:relative;border-radius:var(--r-moyen);overflow:hidden;aspect-ratio:4/3.4;background:var(--nuit-3);isolation:isolate}
.tuile img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.tuile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,10,31,.95) 8%,transparent 60%);z-index:1}
.tuile h3{position:absolute;left:1rem;right:1rem;bottom:.9rem;z-index:2;font-size:1.02rem}
.tuile:hover img{transform:scale(1.06)}
.tuile.slogan{display:grid;place-items:center;text-align:center;padding:1.5rem;background:linear-gradient(145deg,rgba(255,46,199,.25),rgba(150,72,255,.25));box-shadow:0 0 0 1px rgba(255,46,199,.5) inset}
.tuile.slogan::after{display:none}
.tuile.slogan .manuscrit{font-size:2.1rem;color:#fff}

/* ---------- Méthode D.E.C.L.I.C. ---------- */
.declic{position:relative;margin-top:4rem;display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}
.declic::before{content:"";position:absolute;left:4%;right:4%;top:38px;height:3px;border-radius:3px;background:var(--degrade);box-shadow:0 0 16px var(--rose),0 0 30px var(--violet)}
.etape{position:relative;text-align:center;padding:0 .3rem}
.lettre{
  width:78px;height:78px;margin:0 auto 1.2rem;border-radius:50%;display:grid;place-items:center;
  font-weight:800;font-size:2rem;background:var(--nuit);position:relative;z-index:1;
  box-shadow:0 0 0 3px var(--c,var(--rose)),0 0 26px var(--c,var(--rose));color:#fff;
}
.etape h3{font-size:1.05rem;color:var(--c,var(--rose))}
.etape p{font-size:.93rem;color:var(--texte-doux);margin-top:.4rem}
.etape:nth-child(1){--c:var(--cyan)}
.etape:nth-child(2){--c:#6f8bff}
.etape:nth-child(3){--c:var(--violet)}
.etape:nth-child(4){--c:#d23cff}
.etape:nth-child(5){--c:var(--rose)}
.etape:nth-child(6){--c:var(--orange)}
@media (max-width:900px){
  .declic{grid-template-columns:1fr;gap:1.6rem;max-width:520px;margin-inline:auto}
  .declic::before{left:38px;right:auto;top:0;bottom:0;width:3px;height:auto}
  .etape{display:grid;grid-template-columns:78px 1fr;gap:1.2rem;text-align:left;align-items:center}
  .lettre{margin:0}
}

/* ---------- Idées reçues ---------- */
.mythes{margin-top:3rem;display:grid;gap:.8rem}
.mythe{display:grid;grid-template-columns:1fr auto 1.4fr;gap:1.2rem;align-items:center;padding:1.1rem 1.4rem;border-radius:var(--r-moyen);background:rgba(21,27,69,.6);border:1px solid rgba(150,72,255,.25)}
.mythe .faux{color:#c9cce8;font-style:italic;display:flex;gap:.6rem;align-items:baseline}
.mythe .faux::before{content:"✕";color:var(--rose);font-style:normal;font-weight:800;text-shadow:0 0 10px var(--rose)}
.mythe .fleche{color:var(--rose);font-weight:800}
.mythe .vrai{font-weight:500}
@media (max-width:760px){.mythe{grid-template-columns:1fr}.mythe .fleche{display:none}}
.conclusion-mythes{margin-top:2rem;padding:1.4rem 1.6rem;border-radius:var(--r-moyen);background:rgba(40,225,255,.08);border:1px solid rgba(40,225,255,.35);font-weight:600}

/* ---------- Complément à l'école ---------- */
.equation{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-top:2.5rem}
.bulle{padding:1.4rem 2rem;border-radius:var(--r-moyen);background:rgba(21,27,69,.8);border:1px solid rgba(150,72,255,.4);max-width:360px;text-align:left}
.bulle strong{display:block;font-size:1.15rem}
.bulle span{color:var(--texte-doux);font-size:.95rem}
.plus{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:2rem;font-weight:800;background:var(--degrade);box-shadow:0 0 30px rgba(255,46,199,.6)}

/* ---------- Chiffre ---------- */
.chiffre{display:grid;grid-template-columns:auto 1fr;gap:2.5rem;align-items:center;margin-top:3rem;padding:2rem 2.4rem;border-radius:var(--r-grand);background:linear-gradient(135deg,rgba(150,72,255,.18),rgba(7,10,31,.4));border:1px solid rgba(150,72,255,.4)}
.chiffre .gros{font-size:clamp(4rem,10vw,6.5rem);font-weight:800;line-height:1}
.chiffre blockquote{font-size:1.1rem;font-style:italic}
.chiffre cite{display:block;margin-top:.8rem;font-size:.85rem;color:var(--texte-doux);font-style:normal}
@media (max-width:700px){.chiffre{grid-template-columns:1fr;text-align:center}}

/* ---------- Garanties ---------- */
.garanties{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:3rem}
@media (max-width:780px){.garanties{grid-template-columns:1fr}}
.garantie{padding:2.2rem;border-radius:var(--r-grand);background:var(--nuit-3);position:relative;overflow:hidden}
.garantie::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:var(--g,var(--degrade));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.garantie.chaude{--g:var(--degrade-chaud)}
.garantie .icone{width:56px;height:56px;margin-bottom:1.2rem}
.garantie h3{font-size:1.5rem}
.garantie p{color:var(--texte-doux);margin-top:.7rem}

/* ---------- Fondatrice ---------- */
.fondatrice .photo{aspect-ratio:3/4;max-width:420px}
.photo img{object-position:50% 20%}
.citation{margin-top:1.6rem;padding-left:1.4rem;border-left:3px solid var(--rose);font-size:1.15rem;font-style:italic}
.competences{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}
.competences span{padding:.45rem 1rem;border-radius:999px;font-size:.88rem;font-weight:600;background:rgba(150,72,255,.15);box-shadow:0 0 0 1px rgba(150,72,255,.5) inset}

/* ---------- FAQ ---------- */
.faq{max-width:820px;margin:3rem auto 0;display:grid;gap:.8rem}
.faq details{border-radius:var(--r-moyen);background:rgba(21,27,69,.7);border:1px solid rgba(150,72,255,.3);transition:border-color .3s}
.faq details[open]{border-color:var(--rose);box-shadow:0 0 30px -10px rgba(255,46,199,.6)}
.faq summary{list-style:none;cursor:pointer;padding:1.3rem 3.6rem 1.3rem 1.5rem;font-weight:700;font-size:1.05rem;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:1.4rem;top:50%;transform:translateY(-50%);font-size:1.6rem;color:var(--rose);transition:transform .3s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq .reponse{padding:0 1.5rem 1.4rem;color:var(--texte-doux)}
.faq .reponse .manuscrit{font-size:1.6rem;display:block;margin-bottom:.3rem}

/* ---------- Étapes finales ---------- */
.trois{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:3rem;counter-reset:e}
@media (max-width:780px){.trois{grid-template-columns:1fr}}
.trois li{list-style:none;padding:2rem 1.6rem;border-radius:var(--r-grand);background:rgba(21,27,69,.7);border:1px solid rgba(150,72,255,.3);text-align:center;counter-increment:e}
.trois li::before{content:counter(e);display:grid;place-items:center;width:52px;height:52px;margin:0 auto 1rem;border-radius:50%;font-weight:800;font-size:1.4rem;background:var(--degrade);box-shadow:0 0 24px rgba(255,46,199,.6)}
.trois h3{font-size:1.2rem}
.trois p{color:var(--texte-doux);margin-top:.4rem;font-size:.95rem}
.final{overflow:hidden}
.final .btn{margin-top:2.6rem;font-size:1.15rem;padding:1.3rem 2.2rem}
.signature{font-family:var(--main);font-size:clamp(2rem,4.5vw,3rem);margin-top:3rem;color:#fff;text-shadow:0 0 22px rgba(255,46,199,.9)}

/* ---------- Pages intérieures ---------- */
.page-titre{padding:calc(150px + var(--safe-top)) 0 4rem;overflow:hidden}
.page-titre .chapeau{font-size:1.25rem}
.chapitre{display:grid;grid-template-columns:90px 1fr;gap:1.6rem;padding:2rem 0;border-top:1px solid rgba(150,72,255,.25)}
.chapitre .num{font-size:3rem;font-weight:800;line-height:1}
.chapitre p{color:var(--texte-doux);margin-top:.6rem}
@media (max-width:600px){.chapitre{grid-template-columns:1fr;gap:.4rem}}
.cartes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:2.5rem}
.carte{padding:1.6rem;border-radius:var(--r-moyen);background:rgba(21,27,69,.7);border:1px solid rgba(150,72,255,.3)}
.carte h3{font-size:1.1rem}
.carte p{color:var(--texte-doux);font-size:.95rem;margin-top:.5rem}
.carte .emoji{font-size:1.8rem;margin-bottom:.6rem;display:block}

/* Calendly */
.agenda{margin-top:2.5rem;border-radius:var(--r-grand);overflow:hidden;background:transparent}
.agenda:has(iframe){background:#fff;box-shadow:0 0 0 2px rgba(150,72,255,.6),0 0 80px -20px rgba(255,46,199,.6)}
.agenda:has(iframe) .agenda-attente{display:none}
.agenda iframe{width:100%;height:760px;border:0;display:block}
.agenda-attente{display:grid;place-items:center;min-height:420px;padding:2rem;text-align:center;background:var(--nuit-3);color:var(--texte)}

/* ---------- Pied de page ---------- */
.pied{padding:4rem 0 calc(2.5rem + var(--safe-bottom));border-top:1px solid rgba(150,72,255,.25);background:var(--nuit)}
.pied .conteneur{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;align-items:flex-start}
.pied nav{display:flex;flex-wrap:wrap;gap:1.4rem}
.pied nav a{text-decoration:none;color:var(--texte-doux);font-size:.95rem}
.pied nav a:hover{color:#fff}
.pied .petit{width:100%;font-size:.85rem;color:var(--texte-doux);opacity:.8}

/* ---------- Barre mobile ---------- */
.barre-mobile{display:none}
@media (max-width:720px){
  .barre-mobile{
    display:block;position:fixed;left:0;right:0;bottom:0;z-index:40;
    padding:.8rem 1rem calc(.8rem + var(--safe-bottom));
    background:rgba(7,10,31,.92);backdrop-filter:blur(12px);border-top:1px solid rgba(255,46,199,.35);
    transform:translateY(110%);transition:transform .35s;
  }
  .barre-mobile.visible{transform:none}
  .barre-mobile .btn{width:100%;justify-content:center}
  body{padding-bottom:calc(80px + var(--safe-bottom))}
}

/* ---------- Révélation au défilement ---------- */
@media (prefers-reduced-motion:no-preference){
  .revele{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
  .revele.vu{opacity:1;transform:none}
  .declic .etape{opacity:0;transform:scale(.85);transition:opacity .6s,transform .6s cubic-bezier(.3,1.5,.5,1)}
  .declic.vu .etape{opacity:1;transform:none}
  .declic.vu .etape:nth-child(2){transition-delay:.15s}
  .declic.vu .etape:nth-child(3){transition-delay:.3s}
  .declic.vu .etape:nth-child(4){transition-delay:.45s}
  .declic.vu .etape:nth-child(5){transition-delay:.6s}
  .declic.vu .etape:nth-child(6){transition-delay:.75s}
  .declic::before{transform:scaleX(0);transform-origin:left;transition:transform 1.4s cubic-bezier(.6,.1,.2,1)}
  .declic.vu::before{transform:none}
  [data-parallax]{will-change:transform}
}
@media (prefers-reduced-motion:no-preference) and (max-width:900px){
  .declic::before{transform:scaleY(0);transform-origin:top}
}

/* ===== Section "pas seulement entrepreneurs" ===== */
.discret{font-weight:400;opacity:.65;font-size:.8em}
.avantages{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:2.5rem}
@media (max-width:1000px){.avantages{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.avantages{grid-template-columns:1fr}}
.avantage{padding:1.6rem 1.4rem;border-radius:var(--r-moyen);background:rgba(21,27,69,.7);border:1px solid rgba(150,72,255,.3)}
.avantage .pastille{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(255,46,199,.12);margin-bottom:1rem}
.avantage .pastille svg{width:28px;height:28px;stroke:var(--rose)}
.avantage h3{font-size:1.1rem;line-height:1.25}
.avantage h3 .neon{display:block}
.avantage p{color:var(--texte-doux);font-size:.95rem;margin-top:.6rem}
.demain{margin-top:2.5rem;padding:1.8rem 2rem;border-radius:var(--r-grand);background:rgba(40,225,255,.06);border:1px solid rgba(40,225,255,.3)}
.titre-demain{font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.puces-demain{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0 0;padding:0}
.puces-demain li{padding:.45rem 1rem;border-radius:999px;border:1px solid rgba(150,72,255,.5);background:rgba(150,72,255,.12);font-weight:600;font-size:.92rem}
.note-demain{margin-top:1rem;color:var(--texte-doux)}
.echec{margin-top:1.4rem;display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:center;padding:1.6rem 2rem;border-radius:var(--r-grand);background:rgba(21,27,69,.7);border:1px solid rgba(255,46,199,.3)}
.echec-titre{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1.1;max-width:9ch;text-transform:uppercase}
.echec-liste{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.echec-liste li{display:flex;gap:.6rem;align-items:baseline}
.echec-liste li::before{content:"✓";color:var(--cyan);font-weight:800}
.echec-mot{font-size:1.5rem;max-width:14ch;text-align:center}
@media (max-width:900px){.echec{grid-template-columns:1fr;gap:1rem;text-align:left}.echec-titre{max-width:none}.echec-mot{text-align:left;max-width:none}}
.avantages ~ .conclusion-mythes{max-width:none;text-align:center;font-size:1.15rem}
.note-demain{max-width:none}
.echec-liste li{display:block;position:relative;padding-left:1.5rem}
.echec-liste li::before{position:absolute;left:0}
/* Logo rond officiel */
.logo img{display:block;width:68px;height:68px;border-radius:50%;filter:drop-shadow(0 0 10px rgba(255,46,199,.45))}
.logo-pied img{width:104px;height:104px}
@media (max-width:640px){.logo img{width:48px;height:48px}.logo-pied img{width:88px;height:88px}}

/* ---------- Photos de Sandie ---------- */
.photo-detouree{position:relative;max-width:460px;margin-inline:auto;width:100%}
.photo-detouree::before{content:"";position:absolute;inset:8% 4% 0;border-radius:50%;
  background:radial-gradient(circle,rgba(255,46,199,.45),rgba(150,72,255,.25) 45%,transparent 70%);filter:blur(30px);z-index:0}
.photo-detouree img{position:relative;z-index:1;width:100%;height:auto;display:block;filter:drop-shadow(0 20px 40px rgba(0,0,0,.5))}
.photo-studio{max-width:400px;aspect-ratio:3/4}
.photo-studio img{object-position:52% 30%}

.agenda-secours{margin-top:1rem;font-size:.95rem;color:var(--texte)}
.agenda-secours a{color:var(--cyan);text-decoration:underline}
.hero-precision{margin-top:.8rem;font-size:.95rem;color:var(--texte-doux,#b9bde0);opacity:.9}

/* Tuiles : photo en fond floutée + pictogramme néon */
.tuile img{filter:blur(5px) saturate(.55) brightness(.5);transform:scale(1.12)}
.tuile:hover img{transform:scale(1.18)}
.tuile::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(160deg,rgba(150,72,255,.35),rgba(7,10,31,.35) 55%,rgba(255,46,199,.25));mix-blend-mode:screen}
.tuile .picto{position:absolute;left:50%;top:29%;transform:translate(-50%,-50%);z-index:2;width:clamp(38px,26%,58px);aspect-ratio:1;color:#fff;transition:transform .5s}
.tuile .picto svg{width:100%;height:100%;overflow:visible}
.tuile-rose .picto{filter:drop-shadow(0 0 4px #ff2ec7) drop-shadow(0 0 12px #ff2ec7) drop-shadow(0 0 22px rgba(255,46,199,.7))}
.tuile-violet .picto{filter:drop-shadow(0 0 4px #9648ff) drop-shadow(0 0 12px #9648ff) drop-shadow(0 0 22px rgba(150,72,255,.7))}
.tuile-cyan .picto{filter:drop-shadow(0 0 4px #28e1ff) drop-shadow(0 0 12px #28e1ff) drop-shadow(0 0 22px rgba(40,225,255,.7))}
.tuile-rose{box-shadow:0 0 0 1px rgba(255,46,199,.35) inset}
.tuile-violet{box-shadow:0 0 0 1px rgba(150,72,255,.4) inset}
.tuile-cyan{box-shadow:0 0 0 1px rgba(40,225,255,.35) inset}
.tuile:hover .picto{transform:translate(-50%,-50%) scale(1.1)}
.tuile h3{z-index:3}

.tuile.slogan::before{display:none}
@media (max-width:560px){.tuile .picto{top:23%;width:34px}}
@media (min-width:921px){.nav a.nav-mobile{display:none}}
.reseaux{display:flex;gap:.8rem}
.reseaux a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#fff;background:rgba(150,72,255,.15);box-shadow:0 0 0 1px rgba(150,72,255,.45) inset;transition:box-shadow .3s,background .3s,transform .3s}
.reseaux a:hover{background:rgba(255,46,199,.2);box-shadow:0 0 0 1px #ff2ec7 inset,0 0 18px rgba(255,46,199,.6);transform:translateY(-2px)}
.reseaux svg{width:22px;height:22px}
.pied .reseaux{margin-top:1.2rem}
/* Bandeau cookies */
.cookies{position:fixed;left:1rem;right:1rem;bottom:calc(1rem + var(--safe-bottom,0px));z-index:200;max-width:560px;margin-left:auto;padding:1.2rem 1.3rem;border-radius:var(--r-moyen);background:rgba(13,18,51,.96);backdrop-filter:blur(12px);box-shadow:0 0 0 1px rgba(150,72,255,.45),0 20px 60px rgba(0,0,0,.5);transform:translateY(130%);opacity:0;transition:transform .4s ease,opacity .4s}
.cookies.visible{transform:none;opacity:1}
.cookies p{font-size:.9rem;color:var(--texte-doux);margin:0}
.cookies-actions{display:flex;gap:.7rem;justify-content:flex-end;margin-top:1rem}
.cookies-actions .btn{padding:.65rem 1.2rem;font-size:.9rem;cursor:pointer;border:0;font-family:inherit}
@media (max-width:920px){.cookies{bottom:calc(5.5rem + var(--safe-bottom,0px))}}

/* Mentions légales */
.legal .conteneur{max-width:820px}
.legal h2{font-size:1.35rem;margin:2.4rem 0 .8rem;color:#fff}
.legal p,.legal li{color:var(--texte-doux);line-height:1.7;max-width:none}
.legal p{margin:.7rem 0}
.legal ul{margin:.6rem 0 1rem 1.2rem}
.legal li{margin:.3rem 0}
.legal a{color:var(--cyan)}
.legal .legal-maj{margin-top:3rem;opacity:.7}

/* Hero centré (bannière avant/après) */
.hero .hero-precision{max-width:640px;margin-inline:auto;text-shadow:0 1px 12px rgba(7,10,31,.95)}
.hero .hero-actions{flex-direction:column;align-items:center;gap:.7rem}
.hero .hero-actions .rassurance{margin:0;text-shadow:0 1px 12px rgba(7,10,31,.95)}
/* Mobile : bandeau allégé */
.hero-precision-bas{display:none}
@media (max-width:820px){
  .hero .sans-mobile,.hero .conteneur .hero-precision,.hero .hero-actions .rassurance{display:none}
  .hero .hero-precision-bas{display:block;position:relative;z-index:2;margin:-.5rem auto 2.5rem;padding-inline:1.5rem}
  .hero .chapeau{font-size:1.05rem}
}


/* Phrase choc et boutons : rose framboise vif */
.hero h1 .neon,.hero h1 .neon *{background:none !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;color:#ff3d95 !important;text-shadow:0 0 6px rgba(255,45,143,.35),0 0 18px rgba(255,45,143,.18) !important}
.btn{background:#ff2d8f !important;background-image:none !important;box-shadow:0 10px 32px -8px rgba(255,45,143,.9),0 0 0 1px rgba(255,255,255,.16) inset !important}
.btn:hover{background:#ff4da3 !important;box-shadow:0 16px 46px -8px rgba(255,45,143,1),0 0 0 1px rgba(255,255,255,.26) inset !important;transform:translateY(-2px)}
.btn-fantome{background:transparent !important;box-shadow:0 0 0 2px #ff2d8f inset !important}

/* Cadrage des portraits d'illustration */
.photo img[src*="maman-inquiete"]{object-position:50% 8%}
.photo img[src*="ado-perdu"]{object-position:50% 12%}

/* Blog des parents */
.blog-liste{padding:0 0 6rem}
.blog-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:1.4rem}
@media (max-width:980px){.blog-grille{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.blog-grille{grid-template-columns:1fr}}
.blog-carte{display:flex;flex-direction:column;text-decoration:none;border-radius:var(--r-moyen);overflow:hidden;background:rgba(21,27,69,.72);border:1px solid rgba(150,72,255,.28);transition:border-color .25s,transform .25s}
.blog-carte:hover{border-color:#ff2d8f;transform:translateY(-3px)}
.blog-visuel{aspect-ratio:4/3;overflow:hidden;background:var(--nuit-2)}
.blog-visuel img{width:100%;height:100%;object-fit:cover}
.blog-texte{padding:1.3rem 1.4rem 1.5rem;display:flex;flex-direction:column;gap:.6rem;flex:1}
.blog-texte h2{font-size:1.15rem;line-height:1.3;letter-spacing:-.01em}
.blog-texte p{color:var(--texte-doux);font-size:.95rem;line-height:1.55}
.blog-lire{margin-top:auto;padding-top:.4rem;font-weight:700;font-size:.9rem;color:#ff2d8f}
.blog-carte.vedette{display:grid;grid-template-columns:6fr 5fr}
.blog-carte.vedette .blog-visuel{aspect-ratio:auto;min-height:340px}
.blog-carte.vedette .blog-texte{padding:2.2rem;justify-content:center}
.blog-carte.vedette h2{font-size:clamp(1.4rem,2.4vw,2rem)}
.blog-carte.vedette p{font-size:1.05rem}
@media (max-width:760px){.blog-carte.vedette{grid-template-columns:1fr}.blog-carte.vedette .blog-visuel{min-height:0;aspect-ratio:4/3}.blog-carte.vedette .blog-texte{padding:1.3rem 1.4rem 1.5rem}}

/* Article */
.article-tete{padding-bottom:2.5rem}
.fil{display:flex;gap:.6rem;font-size:.92rem;color:var(--texte-doux);margin-bottom:1.6rem}
.fil a{color:var(--cyan);text-decoration:none}
.fil a:hover{text-decoration:underline}
.article-duo{display:grid;grid-template-columns:7fr 4fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.article-tete h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.1}
.article-meta{margin-top:1.3rem;color:var(--texte-doux);font-size:.98rem}
.article-meta a{color:var(--texte);font-weight:600}
.article-visuel{aspect-ratio:1/1;border-radius:var(--r-grand);overflow:hidden;box-shadow:0 0 0 2px rgba(255,45,143,.5) inset,0 30px 80px -30px rgba(255,45,143,.55);position:relative}
.article-visuel img{width:100%;height:100%;object-fit:cover}
@media (max-width:860px){.article-duo{grid-template-columns:1fr}.article-visuel{aspect-ratio:16/10}}
.article-corps{max-width:760px;padding-bottom:4rem}
.article-corps p,.article-corps li{font-size:1.08rem;line-height:1.78;color:#d6d9f5;max-width:none}
.article-corps > p{margin:1.1rem 0}
.article-corps h2{font-size:clamp(1.45rem,2.6vw,1.9rem);margin:3rem 0 .6rem;color:#fff;line-height:1.2}
.article-corps ul{margin:1rem 0 1.2rem 1.2rem}
.article-corps li{margin:.55rem 0;padding-left:.2rem}
.article-corps li::marker{color:#ff2d8f}
.article-corps strong{color:#fff}
.article-corps a{color:var(--cyan);text-underline-offset:3px}
.essentiel{margin:1rem 0 2.2rem;padding:1.5rem 1.7rem;border-radius:var(--r-moyen);background:rgba(40,225,255,.07);border-left:4px solid var(--cyan)}
.essentiel-titre{font-weight:800;color:#fff;font-size:1.05rem}
.essentiel ul{margin:.6rem 0 0 1.1rem}
.essentiel li{font-size:1rem;margin:.4rem 0}
.essentiel li::marker{color:var(--cyan)}
.encart-rdv{margin-top:3.5rem;padding:2.2rem;border-radius:var(--r-grand);background:linear-gradient(160deg,rgba(255,45,143,.16),rgba(150,72,255,.14));border:1px solid rgba(255,45,143,.45)}
.encart-rdv .manuscrit{font-size:2rem;color:#fff;margin-bottom:.4rem}
.encart-rdv p{margin-bottom:1.4rem}
.encart-rdv .btn{margin-top:.2rem}
.a-lire{padding:4rem 0 6rem;background:var(--nuit-2)}
.a-lire > .conteneur > h2{font-size:clamp(1.6rem,3vw,2.2rem)}
.article-tete{position:relative}
.article-tete > .conteneur{position:relative;z-index:1}
.article-corps{max-width:none;width:min(var(--largeur),100% - 40px)}
.article-corps > *,.article-corps > p,.article-corps > ul,.article-corps > h2{max-width:760px}
.article-corps .btn{color:#fff;text-decoration:none}
.encart-rdv .btn{white-space:nowrap}
@media (max-width:520px){.encart-rdv{padding:1.6rem 1.3rem}.encart-rdv .manuscrit{font-size:1.75rem}.encart-rdv .btn{padding:1rem 1.4rem;font-size:1rem}}