/* Décryptage Copro : bleu nuit de la confiance, vert des économies, jaune du surligneur.
   Le rapport annoté est l'élément fort ; tout le reste reste net et aéré. */
:root{
  --navy:#10233f; --navy2:#1b3558; --green:#0b8a5a; --green-d:#08724a; --yel:#ffd23f;
  --mint:#eaf5ef; --paper:#ffffff; --ink:#14212e; --muted:#4b5a68; --line:#d6dee5; --red:#b3261e; --amber:#a35d00;
  --r:14px; --max:72rem;
  --f:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --d:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{font-size:112.5%;-webkit-text-size-adjust:100%;scroll-padding-top:5.5rem;scroll-behavior:smooth}
html.t1{font-size:125%} html.t2{font-size:140%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f);line-height:1.6}
a{color:var(--green-d);text-underline-offset:3px}
h1,h2,h3{font-family:var(--d);line-height:1.1;margin:0;text-wrap:balance;letter-spacing:-.01em}
p,ul,ol{margin:0}
img{max-width:100%}
:focus-visible{outline:3px solid var(--yel);outline-offset:3px}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:20px}
.skip{position:absolute;left:-999px;top:0;background:var(--yel);color:var(--navy);padding:.6rem 1rem;z-index:60}
.skip:focus{left:1rem}
.nw{white-space:nowrap}

/* en-tête */
.top{position:sticky;top:0;z-index:30;background:var(--navy);color:#fff}
.top .wrap{display:flex;align-items:center;gap:1.2rem;min-height:66px}
.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#fff;font-family:var(--d);font-weight:800;font-size:1.25rem;flex:none}
.logo svg{width:32px;height:32px}
.logo span{color:var(--yel)}
.menu{display:flex;gap:1.1rem;margin-left:auto}
.menu a{color:#dfe7ef;text-decoration:none;font-weight:700;font-size:.92rem;padding:.4rem 0;border-bottom:3px solid transparent;white-space:nowrap}
.menu a:hover,.menu a[aria-current="page"]{color:#fff;border-bottom-color:var(--yel)}
.top .cta-s{flex:none;background:var(--green);color:#fff;text-decoration:none;font-weight:700;font-size:.92rem;padding:.55rem 1rem;border-radius:999px;white-space:nowrap}
.tsize{display:flex;gap:.2rem;flex:none}
.tsize button{font:inherit;font-weight:700;font-size:.82rem;min-width:44px;min-height:44px;border:1px solid #3a5272;background:transparent;color:#fff;border-radius:8px;cursor:pointer}
.tsize button[aria-pressed="true"]{border:2px solid var(--yel);color:var(--yel)}
.mnav{display:none;gap:.4rem;overflow-x:auto;padding:.3rem 20px .7rem;scrollbar-width:none}
.mnav a{flex:none;font-weight:700;font-size:.92rem;text-decoration:none;color:#fff;border:1px solid #3a5272;border-radius:999px;padding:.4rem .9rem;min-height:44px;display:flex;align-items:center}
.mnav a[aria-current="page"]{border-color:var(--yel);color:var(--yel)}

/* boutons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:58px;padding:.75rem 1.6rem;border-radius:999px;font:inherit;font-weight:700;font-size:1.08rem;text-decoration:none;border:2px solid var(--green);background:var(--green);color:#fff;cursor:pointer;text-align:center;line-height:1.2}
.btn:hover{background:var(--green-d);border-color:var(--green-d)}
.btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.btn.ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.btn.line{background:transparent;color:var(--green-d);border-color:var(--green)}
.btns{display:flex;flex-wrap:wrap;gap:.7rem}

/* accroche */
.hero{background:var(--navy);color:#fff;overflow:hidden;position:relative}
.hero::after{content:"";position:absolute;right:-12rem;top:-10rem;width:36rem;height:36rem;border-radius:50%;background:radial-gradient(circle,rgba(11,138,90,.35),transparent 65%);pointer-events:none}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center;padding-block:3.6rem 4rem;position:relative;z-index:1}
.hero .wrap>*{min-width:0}
.hero h1{font-size:clamp(2.3rem,5vw,3.6rem);font-weight:800;margin-bottom:1rem}
.hero .sub{font-size:1.2rem;color:#d3dde8;max-width:32rem;margin-bottom:1.7rem}
.proof{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;margin-top:1.5rem;color:#c3cfdb;font-size:.95rem}
.proof span::before{content:"";display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:var(--yel);margin-right:.45rem;vertical-align:middle}

/* le rapport : élément fort */
.report{background:#fff;color:var(--ink);border-radius:var(--r);padding:1.4rem 1.4rem 1.2rem;box-shadow:0 30px 60px -30px rgba(0,0,0,.6);font-variant-numeric:tabular-nums;transform:rotate(1.2deg)}
.report .rh{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;border-bottom:2px solid var(--navy);padding-bottom:.6rem;margin-bottom:.8rem}
.report .rh b{font-family:var(--d);font-size:1.05rem}
.report .rh span{font-size:.8rem;color:var(--muted);white-space:nowrap}
.kpi{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem;margin-bottom:.8rem}
.kpi b{font-family:var(--d);font-size:2.2rem;font-weight:800;color:var(--navy);line-height:1}
.kpi span{color:var(--muted);font-size:.92rem}
.finding{display:grid;grid-template-columns:auto 1fr;gap:.2rem .7rem;padding:.6rem 0;border-top:1px solid var(--line)}
.chip{font-size:.75rem;font-weight:700;padding:.15rem .55rem;border-radius:999px;align-self:start;white-space:nowrap}
.chip.up{background:#fde8e6;color:var(--red)} .chip.ask{background:#fff3cf;color:var(--amber)} .chip.ok{background:var(--mint);color:var(--green-d)}
.finding p{font-size:.95rem;line-height:1.4}
.finding small{grid-column:2;color:var(--muted);font-size:.84rem}
.report .ia{font-size:.75rem;color:var(--muted);margin-top:.6rem}

/* sections */
.sec{padding-block:4rem}
.sec.mint{background:var(--mint)}
.sec h2{font-size:clamp(1.8rem,3.4vw,2.5rem);font-weight:800;margin-bottom:.7rem}
.lede{color:var(--muted);font-size:1.15rem;max-width:40rem;margin-bottom:2rem}

/* étapes : vraie séquence */
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;counter-reset:s}
.steps li{counter-increment:s;display:grid;gap:.35rem;align-content:start;padding-top:1rem;border-top:4px solid var(--navy)}
.steps li::before{content:counter(s);font-family:var(--d);font-weight:800;font-size:2.4rem;color:var(--green);line-height:1}
.steps b{font-size:1.2rem;font-family:var(--d)}
.steps span{color:var(--muted)}

/* catalogue */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.card{display:flex;flex-direction:column;gap:.4rem;padding:1.3rem;border:1px solid var(--line);border-radius:var(--r);background:#fff;text-decoration:none;color:var(--ink);min-width:0}
.card:hover{border-color:var(--green);box-shadow:0 12px 30px -20px rgba(16,35,63,.5)}
.card h3{font-size:1.2rem}
.card p{color:var(--muted);font-size:.98rem}
.card .pr{margin-top:auto;padding-top:.6rem;font-family:var(--d);font-weight:800;font-size:1.5rem;color:var(--navy)}
.card .pr small{font-family:var(--f);font-weight:400;font-size:.85rem;color:var(--muted)}
.card.feat{background:var(--navy);color:#fff;border-color:var(--navy)}
.card.feat p{color:#cbd6e2} .card.feat .pr{color:var(--yel)} .card.feat .pr small{color:#cbd6e2}
.card .tag{align-self:flex-start;font-size:.78rem;font-weight:700;background:var(--yel);color:var(--navy);border-radius:999px;padding:.1rem .6rem}

/* confiance */
.trust{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}
.trust>*{min-width:0}
.ticks{list-style:none;padding:0;display:grid;gap:.6rem}
.ticks li{display:grid;grid-template-columns:1.6rem 1fr;gap:.5rem}
.ticks li::before{content:"";width:.9rem;height:.5rem;border-left:3px solid var(--green);border-bottom:3px solid var(--green);transform:rotate(-45deg);margin-top:.5rem}

/* bandeau final */
.final{background:var(--green);color:#fff;padding-block:3.2rem}
.final .wrap{display:grid;grid-template-columns:1fr auto;gap:1.5rem 3rem;align-items:center}
.final h2{font-size:clamp(1.7rem,3.2vw,2.3rem);font-weight:800}
.final p{color:#d8f1e5;margin-top:.4rem}
.final .btn{background:#fff;color:var(--green-d);border-color:#fff}

/* pages intérieures */
.ph{background:var(--navy);color:#fff;padding-block:2.6rem 3rem}
.ph .crumb{font-size:.9rem;color:#a9b8c8;margin-bottom:1rem}
.ph .crumb a{color:#cfd9e4}
.ph h1{font-size:clamp(2rem,4.4vw,3rem);font-weight:800;margin-bottom:.8rem;max-width:46rem}
.ph .sub{color:#d3dde8;font-size:1.15rem;max-width:42rem}
.ph .btns{margin-top:1.4rem}
.offer{display:grid;grid-template-columns:1fr 16rem;gap:1rem 3rem;padding-block:2.4rem;border-bottom:1px solid var(--line);scroll-margin-top:5.5rem}
.offer>*{min-width:0}
.offer h2{font-size:1.7rem;font-weight:800;margin-bottom:.6rem}
.offer .two{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:.6rem}
.offer h3{font-size:.95rem;font-family:var(--f);color:var(--muted);margin-bottom:.4rem}
.buy{display:grid;gap:.7rem;align-content:start;background:var(--mint);border-radius:var(--r);padding:1.2rem}
.price{font-family:var(--d);font-size:2.4rem;font-weight:800;line-height:1;color:var(--navy)}
.price small{display:block;font-family:var(--f);font-size:.92rem;font-weight:400;color:var(--muted);margin-top:.35rem;line-height:1.35}
.buy .btn{width:100%}
.small{font-size:.92rem;color:var(--muted)}

/* exemple de rapport */
.doc{max-width:50rem;margin:2.5rem auto;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:2rem;box-shadow:0 20px 50px -35px rgba(16,35,63,.6)}
.doc h2{font-size:1.4rem;font-weight:800;margin:1.6rem 0 .7rem}
.doc .rh{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem;border-bottom:3px solid var(--navy);padding-bottom:.8rem}
.tab{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:.95rem}
.tab th,.tab td{text-align:left;padding:.55rem .4rem;border-bottom:1px solid var(--line)}
.tab th{border-bottom:2px solid var(--navy);font-size:.88rem}
.tab td:nth-child(n+2),.tab th:nth-child(n+2){text-align:right;white-space:nowrap}
.tab tr.up td:last-child{color:var(--red);font-weight:700}
.tbl{overflow-x:auto}
.qs{padding-left:1.3rem;display:grid;gap:.6rem}
.ia-note{margin-top:1.6rem;padding:1rem;border-radius:10px;background:#fff8dc;font-size:.9rem;color:var(--ink)}

/* FAQ */
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center;min-height:60px;padding:.8rem 0;font-weight:700;font-size:1.08rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.6rem;color:var(--green);flex:none}
.faq details[open] summary::after{content:"−"}
.faq details p{padding-bottom:1.1rem;color:var(--muted);max-width:46rem}

/* formulaires */
form.cb{display:grid;gap:1rem;max-width:32rem}
form.cb label{display:grid;gap:.3rem;font-weight:700}
form.cb input,form.cb select{font:inherit;font-size:1.05rem;min-height:56px;padding:.55rem .8rem;border:2px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);width:100%}
form.cb input:focus,form.cb select:focus{border-color:var(--green);outline:none}
.hp{position:absolute;left:-9999px}

/* outils gratuits */
.tool-box{border:1px solid var(--line);border-radius:var(--r);padding:1.4rem;background:#fff}
.progress{display:flex;align-items:center;gap:1rem;font-weight:700;color:var(--muted);margin-bottom:.8rem}
.progress i{flex:1;height:8px;background:var(--line);border-radius:4px;position:relative;overflow:hidden}
.progress i::after{content:"";position:absolute;inset:0;width:var(--p,0%);background:var(--green);transition:width .2s}
.qt{font-size:1.2rem;font-weight:700;margin-bottom:.9rem}
.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.choices button{font:inherit;font-weight:700;font-size:1.02rem;min-height:56px;border-radius:10px;border:2px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}
.choices button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.linkbtn{font:inherit;background:none;border:0;color:var(--green-d);text-decoration:underline;cursor:pointer;min-height:44px;padding:0;margin-top:.6rem}
.result{margin-top:1.2rem;padding:1.3rem;border-radius:var(--r);background:var(--mint);display:grid;gap:.7rem;justify-items:start}
.result h3{font-size:1.5rem}
.result ul,.result ol{padding-left:1.2rem}
.meter{display:flex;gap:4px;width:100%}
.meter i{flex:1;height:12px;border-radius:3px;background:var(--line)}
.meter i.on{background:#c77d0a} .meter.hi i.on{background:var(--red)} .meter.lo i.on{background:var(--green)}
.tool-top{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.8rem}
.tool-top label{display:grid;gap:.3rem;font-weight:700}
.tool-box input,.tool-box select{font:inherit;font-size:1.05rem;min-height:52px;padding:.5rem .7rem;border:2px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);width:100%}
.trow{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:.6rem;align-items:end;padding-block:.5rem;border-bottom:1px solid var(--line)}
.trow>*{min-width:0}
.trow .pn{font-weight:700;align-self:center}
.trow label{font-size:.9rem;color:var(--muted)}
.trow.h{border-bottom:2px solid var(--navy);font-weight:700;font-size:.95rem}
@media (min-width:701px){.trow .lt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
.res-list{list-style:none;padding:0;width:100%}
.res-list li{display:grid;grid-template-columns:1fr auto;gap:.1rem 1rem;padding:.55rem 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.res-list .rn{font-weight:700}
.res-list .rv{grid-column:1;color:var(--muted)}
.res-list .rp{grid-column:2;grid-row:1 / span 2;align-self:center;font-weight:700;white-space:nowrap}
.res-list li.up .rp{color:var(--red)}
.res-list li.tot{border-top:2px solid var(--navy);border-bottom:0}
.grille details{border-bottom:1px solid var(--line)}
.grille summary{cursor:pointer;font-weight:700;min-height:56px;display:flex;align-items:center;list-style:none}
.grille summary::-webkit-details-marker{display:none}
.grille ol{padding:0 0 1rem 2.2rem;display:grid;gap:.35rem}

/* blog */
.post{max-width:46rem;margin:0 auto;padding-block:2.4rem 3rem;display:grid;gap:1rem}
.post h2{font-size:1.45rem;font-weight:800;margin-top:.8rem}
.post p{font-size:1.08rem}
.src{padding-left:1.2rem}
.list{display:grid;border-top:2px solid var(--navy)}
.list a{display:grid;gap:.25rem;padding:1.2rem .2rem;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.list a b{font-family:var(--d);font-size:1.25rem}
.list a span{color:var(--muted)}
.list a time{font-size:.9rem;color:var(--green-d);font-weight:700}

.ptab{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.ptab th,.ptab td{text-align:left;padding:.75rem .4rem;border-bottom:1px solid var(--line);vertical-align:top}
.ptab th{border-bottom:2px solid var(--navy)}
.ptab td:last-child,.ptab th:last-child{text-align:right;font-weight:700;white-space:nowrap}
.ptab small{display:block;color:var(--muted);font-weight:400;font-size:.88rem}

footer{background:#0b1a30;color:#a9b8c8;padding-block:2.6rem 3rem;font-size:.95rem}
footer .wrap{display:grid;gap:.9rem}
footer nav{display:flex;flex-wrap:wrap;gap:.3rem 1.4rem}
footer a{color:#dfe7ef;display:inline-block;padding:.45rem 0}

.mbar{display:none}

@media (max-width:1240px){
  .menu{display:none}
  .mnav{display:flex}
  .top .cta-s{margin-left:auto}
}
@media (max-width:900px){
  .hero .wrap,.trust,.final .wrap{grid-template-columns:1fr}
  .grid{grid-template-columns:1fr 1fr}
  .offer{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .report{transform:none}
}
@media (max-width:640px){
  html{font-size:106%} html.t1{font-size:118%} html.t2{font-size:132%}
  .top .cta-s{display:none}
  .tsize{margin-left:auto}
  .grid,.offer .two{grid-template-columns:1fr}
  .hero .wrap{padding-block:2.2rem 2.8rem;gap:2rem}
  .btns .btn{width:100%}
  .sec{padding-block:3rem}
  .doc{padding:1.2rem;margin:1.2rem auto}
  .choices{grid-template-columns:1fr}
  .tool-top{grid-template-columns:1fr}
  .trow{grid-template-columns:1fr 1fr}
  .trow .pn{grid-column:1 / -1}
  .trow.h{display:none}
  .ptab{font-size:.9rem}
  .ptab td:last-child,.ptab th:last-child{white-space:normal}
  .mbar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:.6rem 12px calc(.6rem + env(safe-area-inset-bottom,0px));background:var(--navy);transition:transform .2s}
  .mbar .btn{width:100%;min-height:54px}
  html.mbar-wait .mbar{transform:translateY(110%)}
  body{padding-bottom:80px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.top,.mbar,.final,footer{display:none}.ph{background:none;color:var(--ink)}.ph .sub{color:var(--muted)}}

/* cours interactif */
.course{display:grid;grid-template-columns:17rem 1fr;gap:2rem;align-items:start;padding-block:2.4rem 3.5rem}
.course>*{min-width:0}
.c-side{position:sticky;top:5.5rem;background:var(--mint);border-radius:var(--r);padding:1.1rem}
.c-pct{font-size:.95rem;color:var(--muted)} .c-pct b{font-family:var(--d);font-size:1.6rem;color:var(--navy)}
.c-bar{height:10px;border-radius:5px;background:#fff;overflow:hidden;margin:.4rem 0 .9rem}
.c-bar i{display:block;height:100%;background:var(--green);transition:width .4s}
.c-side ol{list-style:none;padding:0;margin:0;display:grid;gap:.3rem;counter-reset:l}
.c-side li{counter-increment:l}
.c-side button{width:100%;text-align:left;font:inherit;font-weight:700;font-size:.95rem;border:0;background:transparent;color:var(--ink);padding:.55rem .5rem .55rem 2.3rem;border-radius:10px;cursor:pointer;position:relative;min-height:48px;line-height:1.3}
.c-side button::before{content:counter(l);position:absolute;left:.4rem;top:.55rem;width:1.5rem;height:1.5rem;border-radius:50%;background:#fff;border:2px solid var(--line);display:grid;place-items:center;font-size:.8rem}
.c-side li.done button::before{content:"✓";background:var(--green);border-color:var(--green);color:#fff}
.c-side li.cur button{background:#fff}
.c-side small{display:block;font-weight:400;color:var(--muted);font-size:.82rem}
.c-crumb{font-size:.9rem;color:var(--muted)}
.c-main h2{font-size:clamp(1.6rem,3vw,2.1rem);font-weight:800;margin:.2rem 0 .8rem}
.c-dots{display:flex;gap:6px;margin-bottom:1rem}
.c-dots i{height:6px;flex:1;max-width:3rem;border-radius:3px;background:var(--line)}
.c-dots i.on{background:var(--navy)}
.c-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.6rem;box-shadow:0 18px 40px -30px rgba(16,35,63,.5);display:grid;gap:.8rem;font-size:1.08rem}
.c-card.in{animation:cin .35s ease-out}
@keyframes cin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.c-card h3{font-size:1.35rem}
.c-card ul{padding-left:1.2rem;display:grid;gap:.4rem}
.c-tip{background:#fff8dc;border-left:5px solid var(--yel);border-radius:0 10px 10px 0;padding:1rem 1.1rem;display:grid;gap:.3rem}
.c-tip b{font-family:var(--d)}
.c-q{font-weight:700;font-size:1.15rem}
.c-opts{display:grid;gap:.5rem}
.c-opt,.c-line{font:inherit;text-align:left;min-height:56px;padding:.7rem 1rem;border:2px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);cursor:pointer}
.c-opt:hover:not(:disabled),.c-line:hover:not(:disabled){border-color:var(--navy)}
.c-opt.ok,.c-line.ok{border-color:var(--green);background:var(--mint)}
.c-opt.ko,.c-line.ko{border-color:var(--red);background:#fde8e6}
.c-doc{border:1px solid #cfd5dc;background:#fffefa;border-radius:6px;padding:.6rem;display:grid;gap:.3rem;font-variant-numeric:tabular-nums}
.c-doc-h{font-weight:700;border-bottom:2px solid var(--ink);padding-bottom:.4rem;font-size:.95rem}
.c-line{display:flex;justify-content:space-between;gap:1rem;border-style:dashed;min-height:52px}
.c-line span:last-child{white-space:nowrap}
.c-fb{padding:.8rem 1rem;border-radius:10px;font-size:1rem}
.c-fb.ok{background:var(--mint)} .c-fb.ko{background:#fde8e6}
.c-nav{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.1rem}
.c-nav .btn:disabled{opacity:.45;cursor:not-allowed}
.c-score{font-size:1.15rem;margin-bottom:1rem}
/* attestation */
.cert{background:#fff;border:10px solid var(--navy);padding:6px;border-radius:4px;max-width:44rem}
.cert-in{border:2px solid var(--yel);padding:2rem 1.6rem;text-align:center;display:grid;gap:.45rem;background:linear-gradient(180deg,#fff,#f7fbf9)}
.cert-k{font-family:var(--d);font-weight:800;letter-spacing:.06em;color:var(--green-d);font-size:.95rem}
.cert-brand{font-family:var(--d);font-weight:800;font-size:1.7rem;color:var(--navy)}
.cert-t{color:var(--muted);font-size:.95rem}
.cert-n{font-family:var(--d);font-weight:800;font-size:2rem;color:var(--ink);border-bottom:2px solid var(--line);padding-bottom:.3rem}
.cert-c{font-weight:700;font-size:1.2rem}
.cert-f{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.4rem;font-size:.9rem;margin-top:.6rem;font-variant-numeric:tabular-nums}
.cert-m{font-size:.75rem;color:var(--muted);margin-top:.8rem}
/* aperçu d'attestation sur l'Académie */
.cert.mini{transform:rotate(-1.5deg);max-width:30rem;box-shadow:0 30px 60px -30px rgba(0,0,0,.55)}
.cert.mini .cert-n{font-size:1.5rem}
/* programme */
.prog{display:grid;gap:.35rem;margin:.6rem 0;padding-left:1.4rem}
.badges{display:flex;flex-wrap:wrap;gap:.4rem;margin:.3rem 0 .6rem}
.badges span{font-size:.8rem;font-weight:700;background:var(--mint);color:var(--green-d);border-radius:999px;padding:.15rem .6rem}
@media (max-width:900px){.course{grid-template-columns:1fr}.c-side{position:static}}
@media (max-width:640px){.c-card{padding:1.1rem}.cert-in{padding:1.4rem .8rem}.cert-n{font-size:1.5rem}}
@media print{html.print-cert body *{visibility:hidden}html.print-cert #cert,html.print-cert #cert *{visibility:visible}html.print-cert #cert{position:absolute;left:0;top:0;width:100%}}
@media (max-width:900px){.c-side ol{display:none}.c-side{padding:.8rem 1rem}.c-bar{margin-bottom:0}}
html.no-mbar .mbar{display:none!important}
html.no-mbar body{padding-bottom:0}

/* Académie : sous-marque plus chaleureuse — bleu pétrole apaisant, bouton ambre qui attire l'œil, fond ciel clair */
body.academie .ticks li::before{border-color:#0f7a5a}
body.academie .buy{background:#fff;border:2px solid #cfe3ec;box-shadow:0 16px 36px -28px rgba(12,74,94,.6)}
body.academie .price{color:var(--navy)}
body.academie .badges span{background:#e3f1f7;color:var(--navy)}
body.academie .c-bar i{background:#0f7a5a}
body.academie .c-side li.done button::before{background:#0f7a5a;border-color:#0f7a5a}
body.academie .c-opt.ok,body.academie .c-line.ok{border-color:#0f7a5a;background:#e6f4ee}
body.academie .c-fb.ok{background:#e6f4ee}
body.academie .cert{border-color:var(--navy)}
body.academie .cert-k{color:#0f7a5a}
.guar{font-size:.9rem;font-weight:700;color:#0f7a5a;display:flex;gap:.4rem;align-items:center}
.guar::before{content:"";width:1rem;height:1rem;border-radius:50%;background:#0f7a5a;box-shadow:inset 0 0 0 3px #fff;outline:2px solid #0f7a5a}
.assure{background:#fff;border-bottom:1px solid var(--line)}
.assure ul{list-style:none;margin:0;padding:1.1rem 0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.assure li{display:grid;gap:.1rem;padding-left:2.2rem;position:relative}
.assure li::before{content:"";position:absolute;left:0;top:.15rem;width:1.6rem;height:1.6rem;border-radius:50%;background:#e6f4ee}
.assure li::after{content:"";position:absolute;left:.48rem;top:.55rem;width:.65rem;height:.35rem;border-left:3px solid #0f7a5a;border-bottom:3px solid #0f7a5a;transform:rotate(-45deg)}
.assure b{font-size:1rem}
.assure span{font-size:.88rem;color:var(--muted)}
@media (max-width:900px){.assure ul{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.assure ul{grid-template-columns:1fr}}

/* accueil : enjeux, deux chemins, comparatif, garantie */
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.micro{font-size:.9rem;color:var(--muted);margin-top:.2rem}
.micro.on-dark{color:#c3cfdb;margin-top:.8rem}
.buy .micro{text-align:center;margin-top:-.2rem}
.buy .tag{justify-self:start;font-size:.8rem;font-weight:700;background:var(--yel);color:var(--navy);border-radius:999px;padding:.15rem .6rem}
.stakes{background:var(--navy2);color:#fff}
.stakes .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;padding-block:1.8rem}
.stakes div{display:grid;gap:.2rem;border-left:4px solid var(--yel);padding-left:1rem}
.stakes b{font-family:var(--d);font-size:2rem;font-weight:800;line-height:1}
.stakes span{color:#d3dde8;font-size:.98rem}
.paths2{display:grid;grid-template-columns:1.15fr .85fr;gap:1.2rem;align-items:stretch}
.p2{border:2px solid var(--line);border-radius:var(--r);padding:1.6rem;display:flex;flex-direction:column;gap:.7rem;min-width:0}
.p2.main{background:var(--navy);color:#fff;border-color:var(--navy)}
.p2 h3{font-size:1.6rem;font-weight:800}
.p2.main p{color:#d3dde8}
.p2-k{font-size:.85rem;font-weight:700;color:var(--green-d)}
.p2.main .p2-k{color:var(--yel)}
.p2 .btn{margin-top:auto;align-self:flex-start}
.plist{list-style:none;padding:0;display:grid;border-top:1px solid #2f4a6e}
.plist a{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid #2f4a6e;color:#fff;text-decoration:none;font-weight:700}
.plist a:hover span{text-decoration:underline}
.plist b{color:var(--yel);white-space:nowrap}
.cmp2{width:100%;border-collapse:collapse;font-size:.98rem;min-width:40rem}
.cmp2 th,.cmp2 td{text-align:left;padding:.8rem .6rem;border-bottom:1px solid var(--line);vertical-align:top}
.cmp2 th{border-bottom:2px solid var(--navy);font-size:.9rem}
.cmp2 tr.us td{background:var(--mint)}
.cmp2 tr.us td:first-child{border-left:4px solid var(--green)}
.guarantee{display:grid;grid-template-columns:auto 1fr;gap:1.6rem;align-items:center;border:2px solid var(--green);border-radius:var(--r);padding:1.6rem;max-width:52rem}
.guarantee h2{margin-bottom:.3rem}
.guarantee p{font-size:1.1rem;color:var(--muted)}
.seal{width:110px;height:110px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-content:center;text-align:center;box-shadow:0 0 0 6px var(--mint),0 0 0 8px var(--green)}
.seal b{font-family:var(--d);font-size:2.4rem;line-height:1}
.seal span{font-size:.85rem}
/* ressources : cartes d'accès */
.hub{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
@media (max-width:900px){.stakes .wrap{grid-template-columns:1fr}.paths2{grid-template-columns:1fr}.hub{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.hub{grid-template-columns:1fr}.guarantee{grid-template-columns:1fr;justify-items:start}.stakes b{font-size:1.7rem}}

/* orientation par profil */
.pv-q{font-weight:700;color:#d3dde8;margin-bottom:.5rem}
.pv-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.3rem}
.pv-chip{display:inline-flex;align-items:center;min-height:52px;padding:.5rem 1.1rem;border-radius:999px;border:2px solid rgba(255,255,255,.5);color:#fff;text-decoration:none;font-weight:700;background:rgba(255,255,255,.06)}
.pv-chip:hover{border-color:var(--yel);color:var(--yel)}
.pv{background:#fff;border-bottom:1px solid var(--line);scroll-margin-top:4.5rem}
.pv .wrap{padding-block:2.4rem}
.pv h2{font-size:clamp(1.6rem,3vw,2.1rem);font-weight:800;margin-bottom:1rem}
.pv-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:1.2rem}
.pv-tabs button{font:inherit;font-weight:700;font-size:1.05rem;min-height:64px;border-radius:var(--r);border:2px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;padding:.5rem}
.pv-tabs button:hover{border-color:var(--navy)}
.pv-tabs button[aria-selected="true"]{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 10px 24px -16px rgba(16,35,63,.8)}
.pv-intro{color:var(--muted);margin-bottom:.8rem;font-size:1.05rem}
.pv-list{list-style:none;padding:0;margin:0;display:grid;gap:.6rem;counter-reset:r}
.pv-list a{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;border:2px solid var(--line);border-radius:var(--r);text-decoration:none;color:var(--ink);background:#fff}
.pv-list li:first-child a{border-color:var(--green);background:var(--mint)}
.pv-list a:hover{border-color:var(--green)}
.pv-list b{display:block;font-size:1.1rem}
.pv-list small{color:var(--muted);font-size:.92rem}
.pv-list em{font-style:normal;font-family:var(--d);font-weight:800;font-size:1.3rem;color:var(--navy);white-space:nowrap}
.pv-alt{margin-top:.8rem;font-weight:700}
.pv-none{color:var(--muted)}
.pv-panel.in{animation:cin .3s ease-out}
.reco-tag{display:none}
.offer.reco .reco-tag{display:inline-block;font-size:.8rem;font-weight:700;background:var(--yel);color:var(--navy);border-radius:999px;padding:.15rem .6rem;margin-bottom:.4rem}
.offer.reco{background:none;border-left:4px solid var(--green);padding-left:1rem}
.profil-bar{background:var(--mint);font-size:.95rem}
.profil-bar .wrap{display:flex;flex-wrap:wrap;gap:.3rem 1rem;align-items:center;padding-block:.7rem}
.profil-bar button{font:inherit;font-weight:700;background:none;border:0;color:var(--green-d);text-decoration:underline;cursor:pointer;min-height:44px}
@media (max-width:640px){.pv-tabs{grid-template-columns:1fr}.pv-list a{flex-wrap:wrap}}

/* ---- v9 : accueil, entrées par profil */
.kick{font-weight:700;color:var(--yel);letter-spacing:.02em;margin-bottom:.8rem;font-size:1rem}
.doors{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:.9rem}
.door{display:flex;flex-direction:column;gap:.25rem;background:#fff;color:var(--ink);text-decoration:none;border-radius:var(--r);padding:1rem 1.1rem 1.05rem;border:3px solid transparent;box-shadow:0 18px 40px -24px rgba(0,0,0,.7);min-width:0;transition:border-color .15s,transform .15s}
.door:hover,.door:focus-visible{border-color:var(--yel);transform:translateY(-2px)}
.door .d-k{font-size:.85rem;font-weight:700;color:var(--green-d);text-transform:uppercase;letter-spacing:.04em}
.door b{font-family:var(--d);font-size:1.25rem;line-height:1.15;color:var(--navy)}
.door .d-s{font-size:.95rem;color:var(--muted)}
.door .d-p{margin-top:auto;padding-top:.4rem;font-weight:700;color:var(--navy);display:flex;justify-content:space-between;align-items:center}
.door .d-p::after{content:"→";font-size:1.4rem;color:var(--green)}
.d-alt{color:#d3dde8;font-size:.98rem}
.d-alt a{color:#fff;font-weight:700}
.card .q{font-style:italic;color:var(--muted);font-size:.95rem}
.more{margin-top:1.2rem;font-weight:700}
.k2{font-weight:700;color:var(--green-d);font-size:1rem;margin-bottom:.4rem}
.cs-list{list-style:none;padding:0;margin:0;display:grid;gap:.8rem;counter-reset:c}
.cs-list li{display:grid;grid-template-columns:.3rem 1fr;gap:.1rem .8rem;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1rem 1.1rem}
.cs-list li::before{content:"";grid-row:span 2;width:.3rem;border-radius:3px;background:var(--green)}
.cs-list b{font-family:var(--d);font-size:1.12rem}
.cs-list span{color:var(--muted)}
.learn{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem}
.learn h2{font-size:1.5rem;margin-bottom:.3rem}
.learn p{color:var(--muted);max-width:38rem}
/* pages de ressources */
.narrow{max-width:48rem;display:grid;gap:1rem}
.narrow h2{font-size:1.5rem;margin-top:1rem}
.ctabox{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between;background:var(--navy);color:#fff;border-radius:var(--r);padding:1.4rem 1.5rem;margin-block:1.2rem}
.ctabox h2{font-size:1.3rem;margin:0 0 .3rem}
.ctabox p{color:#d3dde8}
.ctabox>div{flex:1 1 18rem;min-width:0}
.az{display:flex;flex-wrap:wrap;gap:.4rem;position:sticky;top:4.2rem;background:#fff;padding-block:.5rem;z-index:5}
.az a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:10px;font-weight:700;text-decoration:none}
.az-h{font-size:1.6rem;color:var(--green);border-bottom:2px solid var(--line);padding-bottom:.2rem;scroll-margin-top:8rem}
.gloss{margin:0;display:grid;gap:.9rem}
.gloss dt{font-family:var(--d);font-weight:800;font-size:1.15rem;scroll-margin-top:8rem}
.gloss dd{margin:0;color:var(--ink)}
.letter{white-space:pre-wrap;word-wrap:break-word;font-family:var(--f);font-size:1.02rem;line-height:1.55;background:#fffdf5;border:1px solid #eadfb8;border-left:5px solid var(--yel);border-radius:var(--r);padding:1.3rem 1.4rem;margin:0;max-width:100%;overflow-x:hidden}
.links{padding-left:1.2rem;display:grid;gap:.4rem}
.calc{display:grid;gap:1rem}
.calc label{display:grid;gap:.3rem;font-weight:700}
.calc label small{font-weight:400;color:var(--muted);font-size:.9rem}
.result .big{font-family:var(--d);font-weight:800;font-size:2.1rem;color:var(--navy);line-height:1.1}
.result .big small{font-family:var(--f);font-size:1rem;font-weight:400;color:var(--muted)}
@media (max-width:900px){.doors{grid-template-columns:1fr}}
@media (max-width:640px){.az{top:3.6rem}.ctabox{padding:1.2rem}}
@media print{html.print-letter body *{visibility:hidden}html.print-letter #lettre,html.print-letter #lettre *{visibility:visible}html.print-letter #lettre{position:absolute;left:0;top:0;width:100%;border:0;background:none}}
.grid>.card.feat:first-child{grid-column:span 2}
@media (max-width:900px){.grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.grid{grid-template-columns:1fr}.grid>.card.feat:first-child{grid-column:auto}}
/* ---- boucle 1 : corrections relecteurs */
.hero::after{display:none}
.report{transform:none}
.report.flat{box-shadow:none;border:1px solid var(--line)}
.report .finding b{font-weight:700}
.stakes .wrap{grid-template-columns:1fr 1fr}
.chip,.card .tag,.badges span,.buy .tag,.offer.reco .reco-tag{font-size:.9rem}
.report .ia,.report .rh span{font-size:.88rem}
.micro a{color:inherit;font-weight:700}
.micro.on-dark a{color:#fff}
.trust .guarantee{background:#fff;padding:1.3rem;gap:1.1rem}
.trust .guarantee h3{font-size:1.3rem;margin-bottom:.3rem}
.trust .guarantee p{font-size:1rem}
.eco{background:#eef8f2;border-left:5px solid var(--green);border-radius:var(--r);padding:1rem 1.2rem;display:grid;gap:.4rem}
.chosen{background:var(--mint);border-radius:var(--r);padding:1rem 1.2rem;font-size:1.1rem}
.chk{display:flex!important;gap:.6rem;align-items:center;font-weight:400!important}
.chk input{width:24px;height:24px;min-height:0}
.offer.op{margin:0}
.h3{font-size:1.15rem}
.menu a.on,.mnav a.on{color:#fff;border-bottom-color:rgba(255,210,63,.55)}
@media (max-width:1240px){
  .mnav{display:grid;grid-template-columns:1fr 1fr;overflow:visible;padding:.3rem 12px .6rem}
  .mnav a{justify-content:center;text-align:center;padding:.4rem .5rem;font-size:.95rem}
}
@media (max-width:640px){body{padding-bottom:76px}html.no-mbar body{padding-bottom:0}}
@media (max-width:640px){.stakes .wrap{grid-template-columns:1fr}}
@media (max-width:640px){.top{position:relative}}
@media (max-width:1240px){.mnav{grid-template-columns:repeat(4,auto);gap:.35rem}.mnav a{font-size:.9rem;padding:.3rem .2rem;min-height:44px}}
@media (max-width:640px){.hero .kick{display:none}.hero .wrap{padding-block:1.8rem 2.4rem}.hero h1{font-size:2.15rem}.hero .sub{font-size:1.1rem;margin-bottom:1.2rem}}
.sec.first{padding-top:1.8rem}
/* ---- boucle 2 */
.q2{font-weight:700;color:var(--navy)}
.card .q{font-style:normal}
.door .d-k{text-transform:none;letter-spacing:0;font-size:1rem}
.grid4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1100px){.grid4{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.grid4{grid-template-columns:1fr}}
@media (min-width:901px){.hero .wrap{grid-template-columns:1.15fr .85fr}}
.hero h1{font-size:clamp(2.15rem,4.2vw,3.1rem)}
.ph-price{font-size:1.15rem;color:#d3dde8;margin:.9rem 0 1rem}
.ph-price b{font-family:var(--d);font-size:1.7rem;color:var(--yel);margin-right:.4rem}
.somm{border:1px solid var(--line);border-radius:var(--r);padding:1rem 1.2rem;margin:1.6rem 0 .6rem;background:#fff}
.somm ul{list-style:none;margin:.4rem 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.2rem 1.4rem}
.somm a{display:flex;justify-content:space-between;gap:1rem;min-height:44px;align-items:center;border-bottom:1px solid var(--line);text-decoration:none;font-weight:700;color:var(--ink)}
.somm a b{color:var(--green-d);white-space:nowrap}
@media (max-width:640px){.somm ul{grid-template-columns:1fr}}
.fan{display:flex;flex-wrap:wrap;gap:.3rem 1rem;margin:.6rem 0;font-size:.95rem}
.list .li{padding:1.1rem 0;border-bottom:1px solid var(--line);display:grid;gap:.3rem}
.list .li h2{font-size:1.3rem}
.list .li h2 a{text-decoration:none;color:var(--navy)}
.list .li h2 a:hover{text-decoration:underline}
.list .li p{color:var(--muted)}
.list .li time{font-size:.92rem;color:var(--muted)}
.cert.mini{transform:none!important}
.prog-d{margin:1.5rem 0 2.5rem;border:1px solid var(--line);border-radius:var(--r);padding:1rem 1.2rem}
.prog-d summary{font-weight:700;cursor:pointer;min-height:44px;display:flex;align-items:center}
.prog-d li{margin:.5rem 0}
@media (max-width:640px){
  .tab thead{display:none}
  .tab tr{display:block;padding:.6rem 0;border-bottom:1px solid var(--line)}
  .tab td{display:flex;justify-content:space-between;gap:1rem;border:0;padding:.15rem 0}
  .tab td:first-child{font-weight:700}
  .tab td[data-l]::before{content:attr(data-l);color:var(--muted);font-weight:400}
}
.cb label small{font-weight:400;color:var(--muted)}
.list .li a{display:inline;padding:0;border:0}
/* tour 3 */
.choix{width:100%;border-collapse:collapse;font-size:1.05rem}
.choix th,.choix td{text-align:left;padding:.8rem .7rem;border-bottom:1px solid var(--line)}
.choix td:last-child{white-space:nowrap;font-family:var(--d);font-weight:800;color:var(--navy)}
.choix a{font-weight:700}
@media (max-width:640px){.choix thead{display:none}.choix tr{display:grid;grid-template-columns:1fr auto;padding:.7rem 0;border-bottom:1px solid var(--line)}.choix td{border:0;padding:.1rem 0}.choix td:first-child{grid-column:1/-1;color:var(--muted);font-size:.92rem}}
details.more{border-top:1px solid var(--line);padding:.2rem 0}
details.more>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0;min-height:52px}
details.more>summary::-webkit-details-marker{display:none}
details.more>summary h2{margin:0;font-size:1.3rem}
details.more>summary::after{content:"+";font-family:var(--d);font-weight:800;font-size:1.6rem;color:var(--green);flex:none}
details.more[open]>summary::after{content:"–"}
.addon{max-width:46rem;margin:0 auto 1.6rem;background:var(--mint);border-left:5px solid var(--green);border-radius:var(--r);padding:1.2rem 1.4rem}
.addon h2{font-size:1.3rem;margin-bottom:.5rem}
/* tour 4 */
@media (max-width:400px){.tsize button{font-size:13px;min-width:40px;min-height:40px;padding:0}.top .wrap{gap:.5rem}.logo{font-size:17px}.logo svg{width:28px;height:28px}}
.top .wrap{min-width:0}
@media (max-width:480px){.report .rh{flex-wrap:wrap}.report .rh span{white-space:normal}}
.card .pr::after{content:"→";float:right;color:var(--green);font-weight:800}
.card.feat .pr::after{color:var(--yel)}
.offer.op .report.flat{margin-top:1.4rem;transform:none}
.eco-k{color:var(--green-d)}
.encadre{border:2px solid var(--navy);padding:1rem 1.2rem;margin-top:.8rem;font-size:.95rem}
.encadre p{margin:.4rem 0}
@media (max-width:420px){html.t2 .mnav,html.t1 .mnav{grid-template-columns:1fr 1fr}.mnav a{min-width:0}}
.kpi .eco-k{display:inline;font-family:inherit;font-size:inherit;font-weight:700;color:var(--green-d);line-height:inherit}
@media (max-width:480px){.door .d-s{display:none}html.t2 .hero h1{font-size:2.1rem}html.t1 .hero h1{font-size:2.3rem}.hero .wrap{padding-block:1.6rem 2.4rem}}
.ph-alt{margin-top:.8rem}.ph-alt a{color:#e6f2f7}
.somm li.reco a{font-weight:800}
.trust .guarantee p+p{margin-top:.6rem}
@media (max-width:480px){.hero h1{font-size:2rem;margin-bottom:.6rem}.hero .sub{font-size:1.05rem;margin-bottom:1rem}.doors{gap:.6rem}.door{padding:.8rem 1rem}.door b{font-size:1.1rem}}
@media (max-width:480px){.doors{grid-template-columns:1fr 1fr}.door b{display:none}.door .d-k{font-size:1.02rem;color:var(--navy);line-height:1.25}.door .d-p{color:var(--green-d)}}
@media (max-width:340px){.doors{grid-template-columns:1fr}}
/* tour 6 */
.door .d-m{display:none}
@media (max-width:480px){.door .d-m{display:block;font-size:.9rem;color:var(--muted);font-weight:700}}
@media (max-width:1360px){html.t2 .top .wrap{gap:.5rem}html.t2 .menu{gap:.6rem}html.t2 .menu a{font-size:.85rem}html.t2 .top .cta-s{font-size:.82rem;padding:.5rem .8rem}}
.profil-bar{margin-top:1rem}.profil-bar .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem}
.offer.reco:not(#pack):not(#abonnement):not(#appel-de-fonds) .reco-tag{display:none}
@media (max-width:480px){.hero .wrap{padding-block:1.1rem 2.2rem}.hero .kick{margin-bottom:.4rem}}
/* guides */
.guide .answer{background:var(--mint);border-left:5px solid var(--green);border-radius:var(--r);padding:1.1rem 1.3rem;margin:0 0 1.2rem;font-size:1.12rem}
.guide .answer .k2{margin-bottom:.3rem}
.gcta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;border:2px solid var(--navy);border-radius:var(--r);padding:1rem 1.2rem;margin:1.4rem 0}
.gcta>div{flex:1 1 18rem;min-width:0}.gcta p{margin:0}.gcta .gcta-k{font-weight:700;color:var(--navy)}
.glist{list-style:none;padding:0;margin:0 0 1.6rem;display:grid;gap:.6rem}
.glist a{display:grid;gap:.2rem;padding:.9rem 1rem;border:1px solid var(--line);border-radius:var(--r);text-decoration:none;color:var(--ink)}
.glist a:hover{border-color:var(--green)}.glist b{font-size:1.1rem;color:var(--navy)}.glist span{color:var(--muted);font-size:.95rem}
/* grille de prix par taille */
.tiers{width:100%;border-collapse:collapse;margin:.6rem 0 .9rem;font-size:.95rem}
.tiers caption{text-align:left;font-size:.85rem;color:var(--muted);padding-bottom:.3rem}
.tiers td{padding:.35rem 0;border-bottom:1px solid var(--line)}
.tiers td:last-child{text-align:right;font-weight:700;color:var(--navy);white-space:nowrap}
.opt{border-top:1px solid var(--line);margin-top:.9rem;padding-top:.9rem}
.opt .btn{min-height:48px;font-size:1rem;margin-top:.5rem}
.pbl{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}
.pbl a{display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-height:56px;padding:.7rem 1rem;border:1px solid var(--line);border-radius:var(--r);text-decoration:none;color:var(--navy);font-weight:700;background:#fff}
.pbl a::after{content:"→";color:var(--green)}.pbl a:hover{border-color:var(--green)}
@media (max-width:640px){.pbl{grid-template-columns:1fr}}
.tiersd{margin:.4rem 0 .8rem}.tiersd summary{cursor:pointer;color:var(--green-d);font-weight:700;min-height:44px;display:flex;align-items:center}
.grid-t{width:100%;border-collapse:collapse}.grid-t th,.grid-t td{padding:.55rem .5rem;border-bottom:1px solid var(--line);text-align:left}
.grid-t td{font-weight:700;color:var(--navy);white-space:nowrap}
@media (max-width:640px){.grid-t thead{display:none}.grid-t tr{display:grid;grid-template-columns:1fr 1fr;gap:.2rem .8rem;padding:.6rem 0;border-bottom:2px solid var(--line)}.grid-t th[scope=row]{grid-column:1/-1;border:0;padding:.2rem 0}.grid-t td{border:0;padding:.1rem 0;white-space:normal}.grid-t td::before{content:attr(data-l)" : ";font-weight:400;color:var(--muted)}}
.rap-in{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}
@media (max-width:900px){.rap-in{grid-template-columns:1fr}}
.whyl{list-style:none;padding:0;margin:0 0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr));gap:1rem}
.whyl li{display:grid;gap:.35rem;padding:1.1rem 1.2rem;border-top:4px solid var(--green);background:#fff;border-radius:0 0 var(--r) var(--r);box-shadow:0 10px 30px -24px rgba(16,35,63,.6)}
.whyl b{font-family:var(--d);font-size:1.2rem;color:var(--navy)}.whyl span{color:var(--muted)}
.cmp-t{font-size:1.2rem;margin:0 0 .6rem}
.ctx{margin:.6rem 0 1rem}
@media (min-width:1100px){.whyl{grid-template-columns:repeat(5,1fr)}.whyl li{padding:1rem}}
@media (max-width:640px){.hero .kick{display:block;font-size:.92rem;line-height:1.35}}
.steps3{list-style:none;counter-reset:s3;padding:0;margin:1.2rem 0 .6rem;display:flex;flex-wrap:wrap;gap:.6rem 1.4rem}
.steps3 li{counter-increment:s3;display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--navy)}
.steps3 li::before{content:counter(s3);display:inline-grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--mint);color:var(--green-d);font-family:var(--d)}
.pilot{background:#fff8dc;border-left:4px solid var(--yel);padding:.8rem 1rem;border-radius:0 var(--r) var(--r) 0;margin:.8rem 0}
@media (max-width:480px){.hero h1{font-size:1.8rem;margin-bottom:.5rem}.hero .kick{font-size:.85rem;margin-bottom:.3rem}.hero .sub{font-size:1rem;line-height:1.45}}
/* abonnement */
.plans{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr));align-items:start;margin:1.2rem 0}
.plan{border:2px solid var(--line);border-radius:var(--r);padding:1.4rem;display:grid;gap:.7rem;background:#fff}
.plan.feat{border-color:var(--green);box-shadow:0 18px 40px -28px rgba(16,35,63,.6)}
.plan h3{font-size:1.35rem;color:var(--navy)}
.plan-who{color:var(--muted);margin:0}
.plan-p{margin:0}.plan-p b{font-family:var(--d);font-size:2.3rem;color:var(--navy);line-height:1}
.plan-p small{display:block;color:var(--muted);font-size:.9rem}
.plan .ticks{margin:.2rem 0}.plan .btn{width:100%}
.post.lettre h2{font-size:1.3rem;margin-top:1.8rem}
.ptab.prog12 td{text-align:left;font-weight:400;vertical-align:top}.ptab.prog12 td:first-child{white-space:nowrap;color:var(--muted);width:9rem}
@media (max-width:480px){.ptab.prog12 td:first-child{white-space:normal;width:6rem}}
.plan.reco{border-color:var(--yel);box-shadow:0 0 0 3px var(--yel)}
.plan.reco .reco-tag{display:inline-block;justify-self:start;font-size:.9rem;font-weight:700;background:var(--yel);color:var(--navy);border-radius:999px;padding:.15rem .6rem;margin:0}
.cb .optin,.optin{display:flex!important;gap:.6rem;align-items:flex-start;font-weight:400;font-size:.98rem}
.optin input{width:1.4rem;height:1.4rem;min-height:0;padding:0;flex:none;margin-top:.15rem;accent-color:var(--green)}
.plan-p small{font-size:1rem}
form.cb .optin input{width:1.4rem;height:1.4rem;min-height:0;padding:0;border-radius:4px}
h1,h2,h3{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
.finding>*{min-width:0;overflow-wrap:anywhere}
.report .rtag{margin:0 0 .7rem;display:inline-block;font-size:.85rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:var(--yel);color:var(--navy);border-radius:999px;padding:.2rem .7rem}
/* boucle UX : refonte légère */
.report{transform:none}.hero::after{display:none}
.report .ia,.finding small,.kpi span,.small,.micro,.card .q,.door .d-s,.plan-p small,.guar{font-size:max(16px,.9rem)}
.ph .btn.line,.hero .btn.line,.final .btn.line{color:#fff;border-color:rgba(255,255,255,.8);background:transparent}
.door{border:3px solid var(--green)}
.door .d-p{background:var(--green);color:#fff;border-radius:999px;padding:.5rem 1rem;margin-top:.6rem}.door .d-p::after{color:#fff}
@media (max-width:480px){.door .d-p{color:#fff}}
.door,.door *{overflow-wrap:anywhere;hyphens:auto}
.tel-m{display:none}
@media (max-width:900px){.tel-m{display:inline-flex;align-items:center;min-height:44px;padding:0 .9rem;border-radius:999px;background:var(--yel);color:var(--navy);font-weight:800;text-decoration:none;margin-left:auto;flex:none}}
.grid3{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr))}
.whyl.w3{grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr))}
@media (min-width:1100px){.whyl.w3{grid-template-columns:repeat(3,1fr)}}
.fcols{display:grid;gap:1.2rem 2rem;grid-template-columns:repeat(auto-fit,minmax(min(12rem,100%),1fr))}
.fcols nav{display:flex;flex-direction:column;gap:0}.fcols b{color:#fff;margin-bottom:.3rem}
footer a{text-decoration:none}footer a:hover{text-decoration:underline}
@media (max-width:440px){.top .wrap{gap:.4rem}.tel-m{padding:0 .7rem;font-size:.95rem}.tsize{gap:.2rem}.tsize button{width:38px;min-width:0;padding:0}.logo b{font-size:1.05rem}.door .d-p{white-space:nowrap}}
@media (max-width:360px){.logo b{display:none}}
@media (max-width:440px){html.t1 .logo b,html.t2 .logo b{display:none}.tel-m{font-size:15px;min-height:40px}.tsize button{font-size:13px;width:36px;min-height:40px}}
.plan-out{margin:0;font-size:max(15px,.85rem);color:var(--muted);text-align:center}
.oc label{display:grid;gap:.3rem}.oc-l{padding-left:1.1rem}.oc-l li{margin:.5rem 0}#oc-res{margin-top:1.4rem}#oc-res h3{margin:1rem 0 .4rem}
@media print{header,footer,.mbar,.oc,.final{display:none!important}}
/* ---------- page tarifs : par situation ---------- */
.tarifs-ph .sub{max-width:36rem}
.sizepick{margin-top:1.4rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:var(--r);padding:1rem;max-width:44rem}
.sp-l{margin:0 0 .6rem;font-weight:700;color:#fff}
.sp-b{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}
.sp-b button{font:inherit;font-weight:700;min-height:52px;border-radius:12px;border:2px solid rgba(255,255,255,.35);background:transparent;color:#fff;cursor:pointer;padding:.3rem .4rem;line-height:1.15}
.sp-b button[aria-checked="true"]{background:var(--yel);border-color:var(--yel);color:var(--navy)}
.sp-h{margin:.6rem 0 0;font-size:max(15px,.85rem);color:#c9d4e0}.sp-h a{color:#fff}
@media (max-width:520px){.sp-b{grid-template-columns:1fr 1fr}}
.tarifs{padding-block:1rem 2rem}
.pgroup{padding-top:2rem}.pgroup h2{font-size:1.5rem;margin-bottom:.8rem;color:var(--navy)}
.prow{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;text-decoration:none;color:var(--ink);background:#fff;border:2px solid var(--line);border-radius:16px;padding:1.05rem 1.2rem;margin-bottom:.7rem;transition:border-color .15s}
.prow:hover,.prow:focus-visible{border-color:var(--green)}
.prow.reco{border-color:var(--navy);box-shadow:inset 6px 0 0 var(--yel)}
.pr-txt{display:grid;gap:.15rem}
.pr-q{font-size:max(15px,.9rem);color:var(--green-d);font-weight:700}
.pr-n{font-family:var(--d);font-size:1.25rem;font-weight:800;color:var(--navy);line-height:1.2}
.pr-g{color:var(--ink)}
.pr-m{font-size:max(15px,.85rem);color:var(--muted)}
.pr-buy{display:grid;justify-items:end;gap:.5rem;text-align:right}
.pr-p{font-family:var(--d);font-weight:800;font-size:1.7rem;color:var(--navy);line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
.pr-p small{display:block;font-size:.8rem;font-weight:600;color:var(--muted);margin-top:.15rem}
.prow.reco .pr-p{background:linear-gradient(transparent 55%,var(--yel) 55%);padding:0 .15rem}
.pr-c{display:inline-flex;align-items:center;min-height:44px;padding:0 1.1rem;border-radius:999px;background:var(--green);color:#fff;font-weight:700}
@media (max-width:560px){.prow{grid-template-columns:1fr;gap:.7rem}.pr-buy{grid-template-columns:auto 1fr;align-items:center;justify-items:start;text-align:left}.pr-c{justify-self:end}}
.pfoot{margin-top:2.2rem;border-top:3px solid var(--navy);padding-top:1.4rem}
.pfoot ul{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr))}
.pfoot li{display:grid;gap:.2rem}.pfoot b{color:var(--navy)}.pfoot span{color:var(--muted)}
.pf-a{display:flex;flex-wrap:wrap;gap:.6rem}
.btn.ghostd{background:transparent;color:var(--navy);border-color:var(--line)}
.prow.reco .pr-p{background:none;padding:0}
.pr-tag{justify-self:start;font-size:max(14px,.8rem);font-weight:800;background:var(--yel);color:var(--navy);border-radius:999px;padding:.1rem .65rem;margin-bottom:.25rem}
.prow{min-width:0}.pr-txt,.pr-txt>*{min-width:0;overflow-wrap:anywhere;hyphens:auto}
@media (max-width:380px){.prow{padding:.9rem}.pr-p{font-size:1.45rem}}
@media (max-width:380px){.pr-buy{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.pr-p{white-space:normal}.prow{grid-template-columns:minmax(0,1fr)}}
.tarifs{max-width:60rem}
/* bouton unique pour agrandir le texte */
.zoom{display:inline-flex;align-items:center;gap:.4rem;flex:none;font:inherit;font-weight:700;font-size:15px;min-height:44px;padding:0 .8rem;border-radius:999px;border:2px solid rgba(255,255,255,.6);background:transparent;color:#fff;cursor:pointer;white-space:nowrap}
.zoom svg{width:20px;height:20px;flex:none}
.zoom.on{border-color:var(--yel);color:var(--yel)}
.zoom .zs{display:none}
@media (max-width:1100px){.zoom .zl{display:none}.zoom .zs{display:inline}}
@media (max-width:440px){.zoom{font-size:13px;padding:0 .5rem;gap:.25rem}.zoom svg{width:17px;height:17px}}
.why2 .lede{max-width:46rem}
/* ================= v15 : police, lisibilité, accompagnement ================= */
@font-face{font-family:"Lora";src:url("fonts/lora.woff") format("woff");font-weight:400 700;font-display:swap}
:root{--d:"Lora",Georgia,"Times New Roman",serif}
html{font-size:112.5%}
@media (max-width:480px){html{font-size:106.25%}}
body{line-height:1.65}
h1,h2,h3,.pr-n,.door b,.plan h3,.price,.pr-p,.kpi b{font-family:var(--d);letter-spacing:0}
h1{font-weight:700}h2{font-weight:700}
p,li{max-width:70ch}
.btn{min-height:60px;font-size:1.1rem;border-radius:16px}
.btn.big{background:var(--yel);border-color:var(--yel);color:var(--navy);font-size:1.2rem;padding:1rem 1.6rem}
.btn.big:hover{background:#ffe27a;border-color:#ffe27a}
.hero .wrap{grid-template-columns:1fr}
.hero h1{max-width:20ch}
/* assistant */
.guide-home{background:#f4f7fb}
.guide-home h2{font-size:2rem}
.gq{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));margin-top:1.2rem}
.gq[hidden]{display:none}
.gq-b{display:flex;align-items:center;gap:1rem;text-align:left;font:inherit;font-size:1.12rem;font-weight:700;color:var(--navy);background:#fff;border:2px solid #cdd8e4;border-radius:18px;padding:1.1rem 1.2rem;min-height:84px;cursor:pointer;box-shadow:0 2px 0 #cdd8e4}
.gq-b:hover,.gq-b:focus-visible{border-color:var(--green);box-shadow:0 2px 0 var(--green)}
.gq-b svg{flex:none;width:44px;height:44px;padding:8px;border-radius:12px;background:#e8f0f8;color:var(--navy)}
.gp{background:#fff;border:2px solid var(--navy);border-radius:20px;padding:1.4rem 1.3rem;margin-top:1.2rem;outline:none}
.gp-back{font:inherit;font-weight:700;color:var(--green-d);background:none;border:0;padding:.4rem 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.gp-q{font-size:1.6rem;margin:.6rem 0 1rem;color:var(--navy)}
.gp-steps{list-style:none;counter-reset:g;padding:0;margin:0;display:grid;gap:1.2rem}
.gp-steps li{counter-increment:g;display:grid;grid-template-columns:48px 1fr;column-gap:.9rem;max-width:none}
.gp-steps li::before{content:counter(g);grid-row:span 4;width:44px;height:44px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-family:var(--d);font-weight:700;font-size:1.3rem}
.gp-steps li:last-child::before{background:var(--green)}
.gp-steps b{font-size:1.15rem;color:var(--navy)}
.gp-steps p{margin:.3rem 0 0}
.gp-free{font-weight:700;font-size:1.08rem}
.gp-price{font-family:var(--d);font-weight:700;font-size:1.9rem;color:var(--navy);margin:.6rem 0 .5rem}
.gp-price small{display:block;font-family:var(--f);font-size:max(15px,.85rem);font-weight:400;color:var(--muted)}
.gp-steps .btn{grid-column:2;justify-self:start;margin-top:.4rem}
.how2{display:grid;gap:2rem;align-items:start}
@media (min-width:980px){.how2{grid-template-columns:1.1fr .9fr}}
.how2 .report{max-width:30rem}
@media (max-width:480px){.gq-b{font-size:1.05rem;min-height:76px}.gp{padding:1.1rem .9rem}.gp-steps li{grid-template-columns:40px 1fr;column-gap:.7rem}.gp-steps li::before{width:38px;height:38px;font-size:1.1rem}}
/* v15b */
.gp-back{text-decoration:none;border:2px solid var(--green-d);border-radius:999px;padding:.5rem 1rem;margin-bottom:.8rem}
.gp-back:hover,.gp-back:focus-visible{background:var(--green-d);color:#fff}
/* v15b */
.gp-back{text-decoration:none;border:2px solid var(--green-d);border-radius:999px;padding:.55rem 1.1rem;margin-bottom:.9rem;min-height:48px}
.gp-back:hover,.gp-back:focus-visible{background:var(--green-d);color:#fff}
.gend{margin:2rem 0;padding:1.2rem 1.3rem;border:2px solid var(--navy);border-radius:14px;background:#fff}
.gend-k{font-family:var(--d);font-size:1.35rem;font-weight:700;margin:0 0 .6rem}
.gend ul{list-style:none;margin:0;padding:0}
.gend li{padding:.7rem 0;border-top:1px solid #e3e7ee;display:flex;flex-direction:column;gap:.15rem}
.gend li:first-child{border-top:0}
.gend a{font-weight:700;font-size:1.1rem;color:var(--green-d)}
.gend span{color:var(--muted);font-size:.95rem}

.soon{display:block;max-width:46rem;margin:1rem 0 0;background:#fff8dc;color:#10233f;border-left:5px solid var(--yel);border-radius:var(--r);padding:.8rem 1rem;font-size:1.05rem;line-height:1.45}.soon a{color:#10233f;font-weight:700;text-decoration:underline}
.c-row{display:flex;justify-content:space-between;gap:1rem;padding:.35rem .4rem;border-bottom:1px dashed #d8dde3}
.c-calc{display:grid;gap:.4rem}.c-calc label{font-weight:700}.c-calc-r{display:flex;gap:.5rem;flex-wrap:wrap}.c-calc input{font:inherit;font-size:1.2rem;min-height:52px;padding:.5rem .8rem;border:2px solid var(--line);border-radius:12px;width:11rem;max-width:100%}
.c-ordl{margin:0;padding-left:1.4rem;display:grid;gap:.3rem;font-weight:600}.c-ordl:empty{display:none}
.c-ord.ko,.c-srt.ko{border-color:var(--red);background:#fbeeee}.c-ord.ok{display:none}
.c-sort{display:grid;gap:.8rem}.c-si{border:1px solid var(--line);border-radius:12px;padding:.7rem .8rem;display:grid;gap:.5rem}.c-si>p{margin:0;font-weight:600}
.c-sb{display:flex;flex-wrap:wrap;gap:.4rem}.c-srt{font:inherit;font-size:1rem;min-height:48px;padding:.4rem .9rem;border:2px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);cursor:pointer}.c-srt.ok{border-color:var(--green);background:var(--mint)}.c-sn{margin:0;font-size:.95rem;color:var(--muted)}
.c-form{display:grid;gap:.6rem}.c-form label{display:grid;gap:.25rem;font-weight:600;font-size:1rem}.c-form input{font:inherit;min-height:50px;padding:.5rem .8rem;border:2px solid var(--line);border-radius:12px}
.c-letter{background:#fffefa;border:1px solid #cfd5dc;border-radius:6px;padding:1rem;font-size:1rem;line-height:1.55}.c-letter mark{background:#fff3b0}
.c-check{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.c-check label{display:flex;gap:.6rem;align-items:flex-start;font-weight:400}.c-check input{width:24px;height:24px;flex:none;margin-top:.15rem}
.c-line{flex-wrap:wrap;row-gap:.2rem}.c-line span{min-width:0}.c-line span:last-child{margin-left:auto;text-align:right;font-weight:600}