/* ═══════════════════════════════════════════════════════════════════
   CONFIANCE MATHS — feuille de style du site
   Charte « Nuit » · Outfit + Fira Code · un mot dégradé par titre
   ═══════════════════════════════════════════════════════════════════ */
:root{
  --nuit-900:#0B0F1F; --nuit-800:#10152A; --nuit-700:#151A2C; --nuit-600:#1C2340;
  --ligne:rgba(124,140,255,.16); --ligne-forte:rgba(124,140,255,.32);
  --bleu:#3760E8; --bleu-vif:#4D79F6; --bleu-doux:#5B7CFA; --violet:#9D7BF7;
  --grad:linear-gradient(95deg,#5B7CFA 0%,#7982F7 45%,#9D7BF7 100%);
  --or:#ECB75A; --or-encre:#2A1F08; --rouge:#F26D6D; --vert:#9D7BF7;
  --blanc:#EFF3FE; --gris:#8A93B5;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:#0B0F1F;color-scheme:dark;scroll-behavior:smooth}
body{
  font-family:'Outfit',sans-serif;color:var(--blanc);line-height:1.7;
  background:#0B0F1F;min-height:100vh
}
#fond{
  position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-color:#0B0F1F !important;
  background-image:
    radial-gradient(1100px 600px at 50% -8%, rgba(77,121,246,.16), transparent 60%),
    linear-gradient(rgba(124,140,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(124,140,255,.035) 1px, transparent 1px);
  background-size:auto, 56px 56px, 56px 56px;
  background-repeat:no-repeat, repeat, repeat;
}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
a{color:var(--bleu-doux)}
img{max-width:100%;display:block}
::selection{background:rgba(91,124,250,.35)}
:focus-visible{outline:2px solid var(--bleu-vif);outline-offset:3px;border-radius:6px}

.eyebrow{font-weight:700;letter-spacing:.36em;text-transform:uppercase;color:var(--bleu-doux);font-size:.8rem}
h1{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.08}
h2{font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:800;letter-spacing:-.02em;line-height:1.12}
h3{font-size:1.25rem;font-weight:700;letter-spacing:-.01em}
.g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{color:var(--gris);font-size:1.12rem;font-weight:300}
.util{font-family:'Fira Code',monospace;font-size:.78rem;letter-spacing:.12em;color:var(--gris);text-transform:uppercase}
section{padding:84px 0}
section.tight{padding:56px 0}
.center{text-align:center}
.sub{color:var(--gris);font-weight:300;max-width:680px;margin:14px auto 0}

/* ─── Navigation ─── */
header.bar{
  position:sticky;top:0;z-index:50;
  background:rgba(11,15,31,.82);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--ligne);
}
.bar-in{max-width:1080px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.05rem;letter-spacing:-.01em;color:var(--blanc);text-decoration:none}
.brand b{font-weight:800}
nav.menu{display:flex;align-items:center;gap:26px}
nav.menu a{color:var(--gris);text-decoration:none;font-size:.95rem;font-weight:400;transition:color .15s}
nav.menu a:hover,nav.menu a[aria-current="page"]{color:var(--blanc)}
nav.menu a.btn-or,nav.menu a.btn-or:hover{color:var(--or-encre);font-weight:600}
nav.menu a[aria-current="page"]{font-weight:600}
nav.menu .btn{padding:11px 22px;font-size:.92rem}
.burger{display:none;background:none;border:1px solid var(--ligne);border-radius:12px;color:var(--blanc);padding:9px 12px;cursor:pointer;font-family:'Outfit',sans-serif}
@media(max-width:860px){
  nav.menu{
    display:none;position:absolute;top:100%;left:0;right:0;
    flex-direction:column;align-items:stretch;gap:0;
    background:rgba(11,15,31,.97);border-bottom:1px solid var(--ligne);padding:10px 24px 22px
  }
  nav.menu.open{display:flex}
  nav.menu a{padding:13px 4px;border-bottom:1px solid var(--ligne)}
  nav.menu .btn{margin-top:16px;justify-content:center}
  .burger{display:block}
}

/* ─── Boutons ─── */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  border:none;border-radius:1000px;cursor:pointer;text-decoration:none;
  font-family:'Outfit',sans-serif;font-weight:700;font-size:1.02rem;
  padding:16px 30px;transition:transform .12s, filter .15s;
}
.btn:active{transform:scale(.98)}
.btn-or{background:var(--or);color:var(--or-encre)}
.btn-or:hover{filter:brightness(1.06)}
.btn-bleu{background:var(--bleu);color:#fff}
.btn-bleu:hover{filter:brightness(1.1)}
.btn-ghost{background:transparent;border:1px solid var(--ligne-forte);color:var(--blanc)}
.btn-ghost:hover{background:var(--nuit-700)}
.btn[disabled]{opacity:.55;cursor:wait}
.micro{font-size:.8rem;color:var(--gris);font-weight:300;margin-top:12px;line-height:1.55}

/* ─── Hero ─── */
.hero{padding:80px 0 64px;position:relative;overflow:hidden}
.hero-grid{display:grid;gap:44px;align-items:center}
@media(min-width:920px){.hero-grid{grid-template-columns:1.08fr .92fr}}
.hero h1{margin:16px 0 18px}
.hero .lead{max-width:540px}
.proofline{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.proofline .pill{
  font-size:.86rem;color:var(--gris);font-weight:400;
  border:1px solid var(--ligne);border-radius:1000px;padding:7px 16px;background:rgba(21,26,44,.6)
}
.proofline .pill b{color:var(--blanc);font-weight:600}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px;align-items:center}
.mark-bg{position:absolute;right:-120px;bottom:-140px;width:520px;opacity:.05;pointer-events:none}
@media(max-width:920px){.mark-bg{width:380px;right:-140px}}

/* ─── Cartes & grilles ─── */
.card{background:var(--nuit-700);border:1px solid var(--ligne);border-radius:24px;padding:30px}
.grid{display:grid;gap:16px}
@media(min-width:760px){.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}}
@media(min-width:560px) and (max-width:759px){.g4{grid-template-columns:1fr 1fr}}

/* ─── Constat ─── */
.constat{max-width:740px;margin:0 auto}
.constat p{font-weight:300;font-size:1.12rem;margin-top:18px;color:var(--blanc)}
.constat p.dim{color:var(--gris)}
.constat .punch{
  margin-top:30px;border-left:3px solid var(--bleu-vif);padding:6px 0 6px 22px;
  font-weight:600;font-size:1.18rem
}

/* ─── Piliers ─── */
.pilier{background:var(--nuit-700);border:1px solid var(--ligne);border-radius:24px;padding:26px}
.pilier .num{
  font-family:'Fira Code',monospace;font-size:.8rem;color:var(--bleu-vif);
  background:var(--nuit-800);border:1px solid var(--ligne-forte);border-radius:10px;
  padding:4px 11px;display:inline-block;margin-bottom:14px
}
.pilier h3{margin-bottom:8px}
.pilier .douleur{font-style:normal;color:var(--violet);font-size:.9rem;font-weight:400;margin-bottom:12px}
.pilier p{color:var(--gris);font-weight:300;font-size:.95rem}
.pilier p b{color:var(--blanc);font-weight:600}
.pilier ul{margin:12px 0 0;padding-left:20px;color:var(--gris);font-weight:300;font-size:.95rem}
.pilier ul li{margin-top:8px}
.pilier ul b{color:var(--blanc);font-weight:600}
.pilier .res{margin-top:16px;border-top:1px solid var(--ligne);padding-top:14px;color:var(--vert);font-weight:400;font-size:.93rem}

/* ─── Tableau comparatif ─── */
.compare{width:100%;border-collapse:collapse;font-size:.95rem;background:var(--nuit-700);border:1px solid var(--ligne);border-radius:24px;overflow:hidden}
.compare-wrap{border:1px solid var(--ligne);border-radius:24px;overflow:hidden;overflow-x:auto}
.compare th{
  font-family:'Fira Code',monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gris);text-align:left;padding:16px 18px;border-bottom:1px solid var(--ligne-forte);background:var(--nuit-800)
}
.compare td{padding:16px 18px;border-bottom:1px solid var(--ligne);font-weight:300;vertical-align:top;color:var(--gris);min-width:170px}
.compare tr:last-child td{border-bottom:none}
.compare td:first-child{font-weight:600;color:var(--blanc)}
.compare td:last-child{color:var(--blanc)}
.compare td:last-child::before{content:"✓  ";color:var(--vert);font-weight:700}

/* ─── FAQ ─── */
.faq{max-width:740px;margin:40px auto 0}
.faq details{border-bottom:1px solid var(--ligne)}
.faq summary{
  list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:22px 4px;font-weight:600;font-size:1.05rem
}
.faq summary::-webkit-details-marker{display:none}
.faq summary .pl{color:var(--bleu-doux);font-weight:700;transition:transform .2s;flex-shrink:0}
.faq details[open] summary .pl{transform:rotate(45deg)}
.faq .rep{padding:0 4px 22px;color:var(--gris);font-weight:300}
.faq .rep b{color:var(--blanc);font-weight:600}

/* ─── Bande CTA ─── */
.cta-band{
  background:var(--nuit-700);border:1px solid var(--ligne-forte);border-radius:24px;
  padding:52px 32px;text-align:center;position:relative;overflow:hidden
}
.cta-band .mark-bg{right:-160px;bottom:-200px;opacity:.06}
.cta-band p{color:var(--gris);font-weight:300;max-width:560px;margin:14px auto 28px}

/* ─── Étapes numérotées ─── */
.deroule{counter-reset:et;max-width:680px;margin:44px auto 0}
.deroule .et{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid var(--ligne)}
.deroule .et:last-child{border:none}
.deroule .et::before{
  counter-increment:et;content:"0" counter(et);
  font-family:'Fira Code',monospace;color:var(--bleu-vif);font-size:.85rem;
  background:var(--nuit-700);border:1px solid var(--ligne-forte);border-radius:10px;
  padding:4px 11px;height:fit-content;flex-shrink:0
}
.deroule .et b{display:block;font-weight:700;margin-bottom:3px}
.deroule .et p{color:var(--gris);font-weight:300;font-size:.95rem}

/* ─── Profs ─── */
.prof-card{background:var(--nuit-700);border:1px solid var(--ligne);border-radius:24px;padding:30px}
.prof-head{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.pp{
  width:78px;height:78px;border-radius:22px;overflow:hidden;flex-shrink:0;
  background:var(--nuit-600);border:1px solid var(--ligne-forte);
  display:flex;align-items:center;justify-content:center
}
.pp img{width:100%;height:100%;object-fit:cover}
.pp span{font-weight:800;font-size:1.7rem;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.prof-card .role{font-family:'Fira Code',monospace;font-size:.75rem;letter-spacing:.12em;color:var(--bleu-doux);text-transform:uppercase}
.prof-card p{color:var(--gris);font-weight:300;font-size:.97rem;margin-top:10px}
.prof-card p b{color:var(--blanc);font-weight:600}

/* ─── Chiffre signature 6,2 → 17,9 ─── */
.bignum{display:flex;align-items:baseline;justify-content:center;gap:22px;flex-wrap:wrap;margin:34px 0 10px}
.bignum .avant{font-weight:800;font-size:clamp(3rem,8vw,4.6rem);color:var(--gris);letter-spacing:-.03em}
.bignum .fleche{color:var(--or);font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700}
.bignum .apres{font-weight:800;font-size:clamp(3.6rem,10vw,5.8rem);letter-spacing:-.03em;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.bignum-labels{display:flex;justify-content:center;gap:70px;flex-wrap:wrap}

/* ─── Formulaires ─── */
.form-card{
  background:var(--nuit-700);border:1px solid var(--ligne-forte);border-radius:24px;
  padding:30px 28px;box-shadow:0 30px 80px -30px rgba(0,0,0,.6)
}
.form-card .fc-sub{color:var(--gris);font-size:.94rem;font-weight:300;margin:6px 0 20px}
.fgroup{margin-bottom:14px}
label{display:block;font-size:.86rem;font-weight:600;margin-bottom:7px}
input[type=text],input[type=email],input[type=tel],textarea{
  width:100%;background:var(--nuit-800);border:1px solid var(--ligne);border-radius:14px;
  color:var(--blanc);font-family:'Outfit',sans-serif;font-size:1rem;padding:13px 16px;
  transition:border-color .15s
}
input::placeholder,textarea::placeholder{color:#5d6585}
input:focus,textarea:focus{outline:none;border-color:var(--bleu-vif)}
input.err{border-color:var(--rouge)}
.fmsg{font-size:.82rem;color:var(--rouge);margin-top:6px;display:none}
.fmsg.show{display:block}
.niveau-pick{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.niveau-pick button{
  background:var(--nuit-800);border:1px solid var(--ligne);border-radius:16px;
  color:var(--blanc);font-family:'Outfit',sans-serif;cursor:pointer;
  padding:14px 10px;text-align:center;transition:border-color .15s, background .15s
}
.niveau-pick button .nb{font-weight:700;font-size:1.02rem;display:block}
.niveau-pick button .nd{font-size:.78rem;color:var(--gris);font-weight:300}
.niveau-pick button[aria-pressed="true"]{border-color:var(--bleu-vif);background:var(--nuit-600)}
.niveau-pick button[aria-pressed="true"] .nd{color:var(--bleu-doux)}

/* ─── Calendly ─── */
.calendly-box{
  margin-top:40px;border:1px solid var(--ligne-forte);border-radius:24px;overflow:hidden;
  background:var(--nuit-700);min-height:680px;position:relative
}
.calendly-box .ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--gris);font-weight:300;text-align:center;padding:24px}
.calendly-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ─── Pages légales ─── */
.legal{max-width:740px;margin:0 auto}
.legal h1{font-size:clamp(1.9rem,4vw,2.6rem);margin:14px 0 10px}
.legal h2{font-size:1.3rem;margin:44px 0 10px}
.legal p,.legal li{color:var(--gris);font-weight:300;font-size:.98rem;margin-top:10px}
.legal ul{padding-left:22px}
.legal b{color:var(--blanc);font-weight:600}
.legal .todo{
  background:var(--nuit-700);border:1px dashed var(--ligne-forte);border-radius:14px;
  padding:12px 16px;color:var(--or);font-size:.9rem;margin-top:10px
}

/* ─── Footer ─── */
footer{border-top:1px solid var(--ligne);padding:40px 0 60px;margin-top:40px}
.foot{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap;color:var(--gris);font-size:.88rem;font-weight:300}
.foot-links{display:flex;gap:18px;flex-wrap:wrap}
.foot a{color:var(--gris);text-decoration:none}
.foot a:hover{color:var(--blanc)}

/* ─── Bandeau cookies (Consent Mode v2) ─── */
#cookies{
  position:fixed;left:16px;right:16px;bottom:16px;z-index:90;
  max-width:560px;margin:0 auto;display:none;
  background:var(--nuit-700);border:1px solid var(--ligne-forte);border-radius:20px;
  padding:20px 22px;box-shadow:0 30px 80px -20px rgba(0,0,0,.7)
}
#cookies.show{display:block}
#cookies p{color:var(--gris);font-weight:300;font-size:.9rem}
#cookies p b{color:var(--blanc);font-weight:600}
#cookies .row{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
#cookies .btn{padding:11px 20px;font-size:.9rem}

/* ─── Apparition douce ─── */
.rev{opacity:0;transform:translateY(14px);transition:opacity .55s ease, transform .55s ease}
.rev.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rev{opacity:1;transform:none;transition:none}}


/* ── Guides / articles ── */
.article{max-width:760px;margin:0 auto;padding:120px 22px 70px}
.article .crumb{font-size:13px;color:var(--gris);margin-bottom:18px}
.article .crumb a{color:var(--gris)}
.article h1{font-size:clamp(28px,4.5vw,40px);line-height:1.18;margin:0 0 14px}
.article .chapo{font-size:18px;color:var(--gris-clair);line-height:1.65;margin-bottom:8px}
.article .meta{font-size:13px;color:var(--gris);margin-bottom:34px;padding-bottom:22px;border-bottom:1px solid var(--ligne)}
.article h2{font-size:24px;margin:42px 0 14px}
.article h3{font-size:18.5px;margin:28px 0 10px;color:var(--gris-clair)}
.article p,.article li{font-size:16.5px;line-height:1.75;color:var(--gris-clair)}
.article ul,.article ol{padding-left:22px;margin:12px 0 18px}
.article li{margin-bottom:8px}
.article strong{color:var(--blanc)}
.article .box{background:var(--nuit-700);border:1px solid var(--ligne);border-left:3px solid var(--bleu);border-radius:14px;padding:18px 20px;margin:26px 0}
.article .box p{margin:0;font-size:15.5px}
.article .cta-art{background:linear-gradient(135deg,rgba(91,124,250,.13),rgba(157,123,247,.10));border:1px solid var(--ligne);border-radius:20px;padding:26px;margin:38px 0;text-align:center}
.article .cta-art p{margin:0 0 16px;font-size:16px}
.guides-hero{padding:130px 22px 30px;text-align:center}
.guides-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));margin:18px 0 6px}
.gcard{display:block;background:var(--nuit-700);border:1px solid var(--ligne);border-radius:18px;padding:22px;transition:.2s;text-decoration:none}
.gcard:hover{transform:translateY(-3px);border-color:var(--bleu)}
.gcard .tag{display:inline-block;font-size:11.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--or);margin-bottom:9px}
.gcard h3{margin:0 0 8px;font-size:17.5px;line-height:1.35;color:var(--blanc)}
.gcard p{margin:0;font-size:14px;color:var(--gris);line-height:1.55}
.gcard.soon{opacity:.55;pointer-events:none}


/* ═══ v4 — composants accueil ═══ */
.split2{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:38px}
.lcheck,.lcross{background:var(--nuit-700);border:1px solid var(--ligne);border-radius:22px;padding:28px}
.lcheck h3,.lcross h3{margin:0 0 16px;font-size:1.25rem}
.lcheck li,.lcross li{list-style:none;padding:10px 0 10px 34px;position:relative;color:var(--gris);font-weight:300;border-bottom:1px solid var(--ligne);font-size:.98rem}
.lcheck li:last-child,.lcross li:last-child{border-bottom:0}
.lcheck li::before{content:"✓";position:absolute;left:0;top:9px;color:var(--or);font-weight:700}
.lcross{opacity:.82}
.lcross li::before{content:"✕";position:absolute;left:0;top:9px;color:var(--rouge);font-weight:700}
.lcheck ul,.lcross ul{margin:0;padding:0}

.douleur{max-width:680px;margin:34px auto 0}
.douleur p{font-size:clamp(17px,2.4vw,21px);line-height:1.65;color:var(--gris-clair);font-weight:300;margin:0 0 18px}
.douleur p b{color:var(--blanc);font-weight:600}

.imagine{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:40px}
@media(max-width:680px){.imagine{grid-template-columns:1fr}}
.imagine .ic{background:linear-gradient(160deg,var(--nuit-700),var(--nuit-800,#0d1226));border:1px solid var(--ligne);border-radius:22px;padding:26px;position:relative;overflow:hidden}
.imagine .ic .num{position:absolute;right:14px;top:2px;font-size:64px;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.22}
.imagine .ic h3{margin:0 0 8px;font-size:1.08rem}
.imagine .ic p{margin:0;color:var(--gris);font-weight:300;font-size:.95rem}

.storybox{max-width:720px;margin:40px auto 0;text-align:left}
.storybox p{font-size:17.5px;line-height:1.8;color:var(--gris-clair);font-weight:300;margin:0 0 18px}
.storybox p b{color:var(--blanc);font-weight:600}
.stats{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:34px}
.stat{background:var(--nuit-700);border:1px solid var(--ligne);border-radius:18px;padding:20px 28px;text-align:center;min-width:150px}
.stat .n{display:block;font-size:clamp(26px,4vw,36px);font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1}
.stat .l{display:block;margin-top:6px;font-family:'Fira Code',monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gris)}

.temoins-videos{display:flex;gap:16px;overflow-x:auto;padding:8px 4px 18px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.tv-card{flex:0 0 240px;scroll-snap-align:start;background:var(--nuit-700);border:1px solid var(--ligne);border-radius:20px;overflow:hidden}
.tv-card video{width:100%;aspect-ratio:9/16;object-fit:cover;display:block;background:#000}
.tv-card .leg{padding:14px 16px}
.tv-card .leg p{margin:0 0 6px;font-size:.88rem;color:var(--gris-clair);line-height:1.5}
.tv-card .leg span{font-family:'Fira Code',monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--bleu-doux)}
.captures-grid{column-count:3;column-gap:16px;margin-top:34px}
@media(max-width:900px){.captures-grid{column-count:2}}
@media(max-width:560px){.captures-grid{column-count:1}}
.captures-grid figure{margin:0 0 16px;break-inside:avoid;border:1px solid var(--ligne);border-radius:18px;overflow:hidden;background:#0a0d1a}
.captures-grid img{width:100%;display:block}
.honnete{display:inline-flex;align-items:center;gap:10px;background:rgba(236,183,90,.08);border:1px solid rgba(236,183,90,.35);color:var(--gris-clair);border-radius:999px;padding:10px 20px;font-size:.9rem;margin-top:18px}
.honnete b{color:var(--or)}

.faq2{max-width:760px;margin:36px auto 0}
.faq2 details{background:var(--nuit-700);border:1px solid var(--ligne);border-radius:16px;margin-bottom:12px;overflow:hidden}
.faq2 summary{cursor:pointer;padding:20px 24px;font-weight:600;color:var(--blanc);list-style:none;position:relative;padding-right:48px}
.faq2 summary::-webkit-details-marker{display:none}
.faq2 summary::after{content:"+";position:absolute;right:22px;top:14px;font-size:26px;font-weight:300;color:var(--bleu-doux);transition:transform .2s}
.faq2 details[open] summary::after{transform:rotate(45deg)}
.faq2 .rep{padding:0 24px 22px;color:var(--gris);font-weight:300;line-height:1.7;font-size:.97rem}
.faq2 .rep b{color:var(--blanc);font-weight:600}


/* ═══ v5 ═══ */
.brand img{height:38px;width:auto;display:block}
.story2col{display:grid;gap:44px;grid-template-columns:minmax(260px,380px) 1fr;align-items:center;margin-top:44px;text-align:left}
@media(max-width:840px){.story2col{grid-template-columns:1fr;gap:28px}}
.portrait{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:26px;border:1px solid var(--ligne-forte);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.garantie-band{background:linear-gradient(135deg,rgba(236,183,90,.12),rgba(236,183,90,.04));border:1px solid rgba(236,183,90,.4);border-radius:24px;padding:34px 36px;display:grid;gap:18px;grid-template-columns:auto 1fr;align-items:center;margin-top:46px}
@media(max-width:640px){.garantie-band{grid-template-columns:1fr}}
.garantie-band .ic{font-size:42px;line-height:1}
.garantie-band h3{margin:0 0 8px;color:var(--or)}
.garantie-band p{margin:0;color:var(--gris-clair);font-weight:300;line-height:1.65}
.garantie-band p b{color:var(--blanc);font-weight:600}
.avap{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:40px}
@media(max-width:680px){.avap{grid-template-columns:1fr}}
.avap .c{border-radius:22px;padding:30px;border:1px solid var(--ligne)}
.avap .av{background:var(--nuit-700);opacity:.85}
.avap .ap{background:linear-gradient(160deg,rgba(55,96,232,.14),rgba(157,123,247,.08));border-color:rgba(91,124,250,.4)}
.avap h3{margin:0 0 10px}
.avap p{margin:0;color:var(--gris-clair);font-weight:300;line-height:1.7}
.qsn-hero{max-width:760px;margin:0 auto}
.qsn-hero .punch{font-size:clamp(20px,3vw,26px);line-height:1.55;color:var(--gris-clair);font-weight:300}
.qsn-hero .punch b{color:var(--blanc);font-weight:700}
.prof-grande{display:grid;gap:40px;grid-template-columns:minmax(240px,340px) 1fr;align-items:center;background:var(--nuit-700);border:1px solid var(--ligne);border-radius:28px;padding:36px;margin-top:40px}
@media(max-width:800px){.prof-grande{grid-template-columns:1fr;padding:26px}}
.prof-grande .score-xl{display:flex;align-items:baseline;gap:14px;margin:14px 0 6px}
.prof-grande .score-xl .a{font-size:clamp(34px,5vw,52px);font-weight:800;color:var(--gris);text-decoration:line-through;text-decoration-thickness:4px;text-decoration-color:var(--rouge)}
.prof-grande .score-xl .f{font-size:clamp(26px,4vw,38px);color:var(--or)}
.prof-grande .score-xl .b{font-size:clamp(44px,7vw,72px);font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.prof-grande p{color:var(--gris-clair);font-weight:300;line-height:1.75}
.prof-grande p b{color:var(--blanc);font-weight:600}


/* ═══ v6 ═══ */
.tv-embed{position:relative;aspect-ratio:9/16;background:#000}
.tv-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tv-soon .tv-ph{aspect-ratio:9/16;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(170deg,var(--nuit-700),#0a0e1d);border-bottom:1px solid var(--ligne)}
.tv-soon .play{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,rgba(91,124,250,.25),rgba(157,123,247,.25));border:1px solid rgba(91,124,250,.5);color:var(--blanc);font-size:18px;padding-left:4px}
.tv-soon .lbl{color:var(--gris-clair);font-weight:600;font-size:.92rem}
.tv-soon .soon{font-family:'Fira Code',monospace;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gris)}
.compare th{background:linear-gradient(135deg,rgba(55,96,232,.25),rgba(157,123,247,.18));color:var(--blanc);font-weight:700;padding:18px;text-align:left;font-size:.95rem}
.compare th:first-child{border-radius:16px 0 0 0}
.compare th:last-child{border-radius:0 16px 0 0}
.compare td:first-child{color:var(--blanc);font-weight:600}
.compare tr:hover td{background:rgba(91,124,250,.05)}
.compare td:last-child{color:var(--gris-clair)}


/* ═══ E-E-A-T ═══ */
.enbref{background:linear-gradient(135deg,rgba(55,96,232,.12),rgba(157,123,247,.07));border:1px solid rgba(91,124,250,.35);border-left:3px solid var(--bleu);border-radius:14px;padding:16px 20px;margin:22px 0 6px}
.enbref .util{font-size:.66rem;color:var(--bleu-doux)}
.enbref p{margin:8px 0 0;color:var(--gris-clair);font-weight:300;font-size:.96rem;line-height:1.6}
.auteur-box{display:grid;grid-template-columns:84px 1fr;gap:18px;align-items:start;background:var(--nuit-700);border:1px solid var(--ligne);border-radius:18px;padding:22px;margin:36px 0 8px}
.auteur-box img{width:84px;height:84px;border-radius:50%;object-fit:cover;border:2px solid var(--ligne-forte)}
.auteur-box b{color:var(--blanc)}
.auteur-box p{margin:8px 0 0;color:var(--gris);font-weight:300;font-size:.92rem;line-height:1.65}
@media(max-width:520px){.auteur-box{grid-template-columns:1fr}.auteur-box img{width:64px;height:64px}}


/* ═══ v7 : tableau comparatif ═══ */
.compare-wrap{margin-top:40px;border-radius:18px;overflow:hidden;border:1px solid var(--ligne-forte)}
.compare{width:100%;border-collapse:collapse}
.compare td{padding:20px 22px;line-height:1.55;vertical-align:top}
.compare th{padding:18px 22px;letter-spacing:.08em}
.compare td:first-child{width:22%}
.compare td:nth-child(2){width:36%}
@media(max-width:720px){.compare td,.compare th{padding:14px 12px;font-size:.86rem}}

.gauteur{display:block;margin-top:12px;font-family:'Fira Code',monospace;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gris)}


/* ═══ v8 : fil d'Ariane + piliers ═══ */
.crumb{font-size:.78rem;color:var(--gris);margin:0 0 22px;letter-spacing:.02em}
.crumb a{color:var(--gris);text-decoration:none;border-bottom:1px solid var(--ligne-forte);padding-bottom:1px}
.crumb a:hover{color:var(--bleu-doux);border-color:var(--bleu-doux)}
.piliers-x .pilier{display:flex;flex-direction:column;gap:13px;padding:26px}
.p-top{display:flex;align-items:center;justify-content:space-between}
.p-ico{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(91,124,250,.16),rgba(157,123,247,.12));border:1px solid rgba(91,124,250,.3);color:var(--bleu-doux)}
.p-ico svg{width:22px;height:22px}
.piliers-x h3{margin:0;font-size:1.3rem}
.piliers-x .douleur{margin:0}
.piliers-x ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
.piliers-x li{position:relative;padding-left:26px;color:var(--gris-clair);font-weight:300;line-height:1.5}
.piliers-x li::before{content:"✓";position:absolute;left:0;top:0;font-weight:700;background:linear-gradient(135deg,#5B7CFA,#9D7BF7);-webkit-background-clip:text;background-clip:text;color:transparent}
.piliers-x .res{margin:2px 0 0;border-top:0;padding-top:0}


/* ═══════════ V2 THÈME CLAIR ═══════════ */
:root{
  --nuit-900:#F5F7FE; --nuit-800:#EBF0FE; --nuit-700:#FFFFFF; --nuit-600:#F1F4FD;
  --ligne:rgba(19,24,48,.10); --ligne-forte:rgba(19,24,48,.22);
  --blanc:#131830; --gris:#5C6488; --gris-clair:#424A6E;
}
html{background:#F5F7FE;color-scheme:light}
body{background:#F5F7FE;color:var(--blanc)}
#fond{
  background-color:#F5F7FE !important;
  background-image:
    radial-gradient(1100px 600px at 50% -8%, rgba(77,121,246,.10), transparent 60%),
    linear-gradient(rgba(19,24,48,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(19,24,48,.035) 1px, transparent 1px);
}
header.bar{background:rgba(245,247,254,.85);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--ligne)}
@media(max-width:860px){nav.menu{background:rgba(245,247,254,.98)}}
.mark-bg{opacity:.09}
.form-card{box-shadow:0 30px 70px -34px rgba(19,24,48,.25)}
input[type=text],input[type=email],input[type=tel],textarea{background:#fff;border-color:var(--ligne-forte);color:var(--blanc)}
input::placeholder,textarea::placeholder{color:#9AA1BD}
.tv-soon .tv-ph{background:linear-gradient(170deg,#F1F4FD,#E4EAFB);border-bottom:1px solid var(--ligne)}
.tv-soon .play{color:var(--bleu)}
.compare th{background:linear-gradient(135deg,rgba(55,96,232,.14),rgba(157,123,247,.10))}
figure img,.portrait{box-shadow:0 16px 44px -20px rgba(19,24,48,.28)}
.piliers-x .douleur{color:var(--gris);font-style:italic}
.p-ico{width:34px;height:34px;border-radius:10px}
.p-ico svg{width:17px;height:17px}
.btn-or{box-shadow:0 10px 26px -12px rgba(236,183,90,.55)}
/* ═══ Mobile : consolidation ═══ */
@media(max-width:760px){
  .compare-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .compare{min-width:600px}
  .auteur-box{padding:18px}
}
@media(max-width:560px){
  .guides-grid{grid-template-columns:1fr !important}
  .hero{padding-top:96px}
}

.calendly-box{box-shadow:0 24px 60px -28px rgba(19,24,48,.22)}
.captures-grid figure{background:#fff}
.pilier,.gcard,.card{box-shadow:0 14px 38px -24px rgba(19,24,48,.16)}

/* ═══ Recalage charte Jour : résiduels ═══ */
.proofline .pill{background:var(--nuit-600);border:1px solid var(--ligne);color:var(--gris)}
.proofline .pill b{color:var(--blanc)}
.imagine .ic{background:linear-gradient(160deg,var(--nuit-600),var(--nuit-800))}
.btn-ghost{border:1px solid var(--ligne-forte);color:var(--blanc)}
.btn-ghost:hover{border-color:var(--bleu-doux);color:var(--bleu)}

/* ═══ MOBILE FIRST : la passe téléphone ═══ */
@media(max-width:760px){
  section{padding:54px 0}
  .hero{padding:70px 0 38px}
  .hero a.btn{display:block;width:100%;text-align:center}
  .hero a.btn + a.btn{margin-top:10px}
  .proofline{gap:8px;margin-top:20px}
  .proofline .pill{font-size:.76rem;padding:6px 12px}
  .article{padding:100px 18px 54px}
  .article h1{font-size:1.68rem;line-height:1.32}
  .chapo{font-size:1.02rem}
  .enbref{padding:14px 16px}
  .foot{flex-direction:column;align-items:center;text-align:center;gap:12px}
  .cta-band{padding:44px 20px}
  .pilier{padding:20px}
  .et{gap:12px}
  .box{padding:16px 16px}
}
@media(max-width:430px){
  .wrap{padding:0 18px}
  .proofline .pill{font-size:.72rem}
  .bignum{gap:14px}
  .niveau-pick{grid-template-columns:1fr 1fr;gap:8px}
}


/* ═══ v10 : encadrés sans barre latérale (style charte « Jour bloc ») ═══ */
.enbref{background:var(--nuit-600);border:1px solid var(--ligne);border-left:1px solid var(--ligne);border-radius:16px;padding:18px 20px}
.article .box{background:var(--nuit-600);border:1px solid var(--ligne);border-left:1px solid var(--ligne);border-radius:16px}
.lead-cite{border-left:0;padding-left:0}
.constat .punch{border-left:0;padding-left:0}

/* ═══ v10 : mobile premium + CTA sticky conversion ═══ */
.msticky{position:fixed;left:0;right:0;bottom:0;z-index:70;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(245,247,254,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--ligne);transform:translateY(110%);transition:transform .3s ease;display:none}
.msticky .btn{display:block;width:100%;text-align:center}
.msticky.on{transform:translateY(0)}
@media(max-width:760px){
  .msticky{display:block}
  footer{padding-bottom:96px}
  .hero .wrap{text-align:center}
  .hero .lead{margin-left:auto;margin-right:auto}
  .hero h1{margin-left:auto;margin-right:auto}
  .proofline{justify-content:center}
  .btn{padding:15px 24px}
  .faq2 summary{padding:16px 14px}
  .gcard{padding:18px}
  .gcard h3{font-size:1.04rem}
  .gcard p{font-size:.9rem}
  nav.menu a.btn-or{text-align:center;margin-top:8px}
  .cta-art{padding:24px 18px}
  .cta-art .btn{display:block;width:100%;text-align:center}
  .auteur-box{grid-template-columns:64px 1fr;gap:14px}
  .compare-wrap{border-radius:14px}
  h2{line-height:1.25}
}

/* ═══ v11 : sélecteur de niveau visible en thème clair ═══ */
.niveau-pick button{background:#fff;border:1px solid var(--ligne-forte)}
.niveau-pick button:hover{border-color:var(--bleu-doux)}
.niveau-pick button[aria-pressed="true"]{
  background:#fff;border-color:var(--bleu-vif);
  box-shadow:0 0 0 2px var(--bleu-vif) inset, 0 8px 22px -12px rgba(55,96,232,.35)
}
.niveau-pick button[aria-pressed="true"] .nb{color:var(--bleu)}
.niveau-pick button[aria-pressed="true"] .nd{color:var(--bleu-doux)}
.niveau-pick button[aria-pressed="true"]::after{content:" ✓";color:var(--bleu);font-weight:700}