/* La collection Canard Immo — page de vente. Styles propres à /livres. */
:root {
  --navy-900:#101e2c; --navy-800:#182b3d; --navy-700:#25415a;
  --or:#edc36e; --bordeaux:#8b2035; --cta:#edc36e; --cta-h:#f7d590;
  --clair:#f7f8fa; --surface:#fff; --ligne:#dde2e6; --ligne-2:#eaf0f5;
  --texte:#162638; --texte-2:#526172; --texte-3:#657487;
  --sans:"Source Sans 3",-apple-system,"Segoe UI",sans-serif;
  --disp:"Archivo","Helvetica Neue",Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--surface);color:var(--texte);font:18px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
[hidden]{display:none!important}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-underline-offset:4px}
button{font:inherit}
:focus-visible{outline:3px solid #b37612;outline-offset:5px}
.skip-link{position:fixed;top:10px;left:10px;z-index:100;transform:translateY(-160%);padding:12px 18px;background:var(--or);color:var(--navy-900)}
.skip-link:focus{transform:none}
.w{width:100%;max-width:1200px;margin-inline:auto;padding-inline:32px}
.w--n{max-width:880px}
section{padding:96px 0}
p{margin:0 0 18px;max-width:66ch}
h1,h2,h3{font-family:var(--disp);text-wrap:balance}
h2{font-size:clamp(30px,3.65vw,44px);font-weight:700;letter-spacing:-.045em;line-height:1.12;margin:0 0 20px}
h3{font-size:23px;line-height:1.25;letter-spacing:-.025em;margin:0 0 14px}
.eyebrow{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--texte-2);margin:0 0 20px}
.lead{color:var(--texte-2);font-size:20px;line-height:1.55}
.sec__hd{max-width:690px;margin-bottom:42px}
.sec__hd--center{text-align:center;margin-inline:auto;max-width:800px}
.sec__hd--center p{margin-inline:auto}
.bar{position:sticky;top:0;z-index:40;background:rgba(16,30,44,.97);border-bottom:1px solid #ffffff1a;backdrop-filter:blur(16px)}
.bar__in{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{font:800 19px var(--disp);letter-spacing:-.04em;color:#fff;text-decoration:none;white-space:nowrap}
.logo b{color:var(--or)}
.bar nav{display:flex;align-items:center;gap:29px;font-size:15px;font-weight:600}
.bar nav a{text-decoration:none;color:#c4cdd5}
.bar nav a:hover{color:var(--or)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:15px 24px;border:1px solid transparent;border-radius:6px;font:700 17px/1.35 var(--sans);text-decoration:none;cursor:pointer;transition:background .18s,box-shadow .18s,transform .18s}
.btn--p{background:var(--cta);color:var(--navy-900);box-shadow:0 4px 0 #0000000d}
.btn--p:hover{background:var(--cta-h);transform:translateY(-2px);box-shadow:0 6px 18px #00000014}
.btn--o{background:transparent;border-color:#b9c4cd;color:var(--navy-900)}
.btn--o:hover{background:#f1f4f6;border-color:var(--navy-700)}
.btn__prix{padding-left:17px;border-left:1px solid #16263840;white-space:nowrap}
.bar .btn{min-height:40px;padding:10px 17px;color:var(--navy-900);font-size:14px;gap:22px}
.bar .btn:hover{color:var(--navy-900)}
.hero{padding:0;background:var(--navy-900);color:#fff;overflow:hidden}
.hero__in{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;padding-top:68px;padding-bottom:70px}
.hero .eyebrow{color:var(--or);display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.13em}
.eyebrow__rule{width:28px;height:1px;background:currentColor;flex:none}
.hero h1{font-size:clamp(42px,4.7vw,60px);font-weight:700;line-height:1.075;letter-spacing:-.055em;margin:0 0 24px}
.hero h1 span{color:var(--or)}
.hero__promesse{font-size:22px;font-weight:600;line-height:1.4;margin-bottom:12px;color:#fff}
.hero__description{font-size:18px;line-height:1.65;color:#b7c4d0;max-width:45ch}
.hero__cta{display:flex;align-items:flex-start;gap:18px;flex-direction:column;margin-top:28px}
.hero__cta .btn{padding:17px 23px;font-size:18px}
.hero__lien{display:inline-flex;align-items:center;gap:20px;text-decoration:none;font-size:15px;color:#d0d9e1;border-bottom:1px solid #ffffff38;padding-bottom:3px}
.hero__lien:hover{color:var(--or);border-color:var(--or)}
.hero__economie{display:flex;gap:14px;flex-wrap:wrap;color:#aebdca;font-size:14px;margin:16px 0 0}
.hero__economie span{color:var(--or)}
.hero__rass{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;margin:24px 0 0;padding:0;font-size:14px;color:#aebdca}
.hero__rass li::before{content:"✓";color:var(--or);margin-right:7px}
.hero__visual{min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;position:relative;padding-top:10px}
.hero__edition{display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:.14em;color:#aebdca;padding:0 0 18px;border-bottom:1px solid #ffffff26}
.hero__books{position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;min-height:360px;padding:38px 10px 34px}
.hero__books::before{content:"";position:absolute;width:330px;height:330px;border:1px solid #edc36e2e;border-radius:50%;z-index:-1}
.hero__books::after{content:"";position:absolute;inset:15% -12%;background:radial-gradient(ellipse,#d9b16116,transparent 67%);z-index:-1}
.hero__book{width:47%;max-width:225px;box-shadow:0 26px 30px #00000070;border:1px solid #ffffff24;border-radius:2px;transition:transform .35s}
.hero__book--guide{transform:rotate(-9deg) translateY(-6px);z-index:2}
.hero__book--noir{transform:rotate(8deg) translateY(17px);margin-left:-4%;z-index:1}
.hero__visual:hover .hero__book--guide{transform:rotate(-6deg) translateY(-10px)}
.hero__visual:hover .hero__book--noir{transform:rotate(5deg) translateY(12px)}
.hero__caption{display:flex;flex-direction:column;gap:5px;text-align:center;padding-top:20px;border-top:1px solid #ffffff26;font-size:16px;color:#b5c2cf}
.hero__caption b{color:#fff;font-weight:600}
.hero__caption>span:last-child{font:11px var(--mono);letter-spacing:.04em;color:#91a3b4}
.preuves{background:#f2f4f5;border-bottom:1px solid var(--ligne)}
.preuves__in{display:grid;grid-template-columns:repeat(4,1fr);margin-block:0;padding-block:28px}
.preuves__in>div{padding:4px 26px;border-right:1px solid #d5dce1}
.preuves__in>div:first-child{padding-left:0}.preuves__in>div:last-child{border-right:0;padding-right:0}
.preuves dt{font:700 24px/1.2 var(--disp);letter-spacing:-.04em;white-space:nowrap}
.preuves dt span{font:600 15px var(--sans);letter-spacing:0}
.preuves dd{margin:8px 0 0;font-size:14px;color:var(--texte-2);line-height:1.35}
#usage{padding-bottom:86px}
.etapes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);counter-reset:etape}
.etape{position:relative;counter-increment:etape;padding:0 23px 0 0;margin-right:22px;border-right:1px solid var(--ligne)}
.etape:last-child{margin-right:0;border-right:0;padding-right:0}
.etape::before{content:"0" counter(etape);display:block;font:500 13px var(--mono);color:#957036;margin-bottom:23px}
.etape__k{font-size:13px;color:var(--texte-2);margin-bottom:10px;line-height:1.4}
.etape h3{font-size:19px;line-height:1.3;margin-bottom:12px;letter-spacing:-.025em;text-wrap:initial}
.etape p:not(.etape__k){font-size:16px;line-height:1.5;color:var(--texte-2)}
.etape .ref{font-size:12px!important;color:var(--texte-3)!important;margin:20px 0 0}
.vente{background:#f2f4f5;border-block:1px solid var(--ligne)}
.deux{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.livre{display:flex;flex-direction:column;padding:30px;border:1px solid var(--ligne);background:#fff;border-radius:10px}
.livre--noir{background:#fcfaf9;border-color:#e2dcd9}
.livre__numero{display:flex;justify-content:space-between;max-width:none;font:11px var(--mono);letter-spacing:.12em;color:#657487;border-bottom:1px solid var(--ligne);padding-bottom:19px;margin-bottom:26px}
.livre__numero span{color:#8a662d}.livre--noir .livre__numero span{color:var(--bordeaux)}
.livre__hd{display:flex;gap:25px;align-items:center;margin-bottom:26px}
.livre__hd img{width:115px;flex:none;border-radius:2px;box-shadow:0 8px 14px #14213020}
.livre h3{font-size:26px;margin-bottom:8px}
.livre .m{font-size:13px;line-height:1.45;font-weight:600;color:#71603f;margin-bottom:12px}
.livre--noir .m{color:#8b3545}
.livre__hd p:not(.m){font-size:16px;color:var(--texte-2);line-height:1.5;margin:0}
.livre ul{padding:0;margin:0 0 28px;list-style:none;display:grid;gap:13px}
.livre li{padding-left:21px;position:relative;font-size:16px;line-height:1.45;color:var(--texte-2)}
.livre li::before{content:"✓";position:absolute;left:0;color:#9c7331}
.livre--noir li::before{color:var(--bordeaux)}
.livre__pied{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:14px;color:var(--texte-2);border-top:1px solid var(--ligne);padding-top:20px;margin-top:auto}
.livre__pied b{font-size:19px;color:var(--texte);margin-left:6px}
.livre__pied a{font-weight:600;color:var(--texte);text-decoration:none}
.livre__pied a:hover{text-decoration:underline}
.pour-wrap{margin-top:48px;display:grid;grid-template-columns:210px 1fr;gap:32px;border-bottom:1px solid var(--ligne);padding-bottom:36px}
.pour-wrap h3{font-size:23px}
.pour{display:grid;grid-template-columns:1.2fr 1fr;gap:32px}
.pour ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;align-content:start}
.pour li{position:relative;padding-left:24px;font-size:16px;line-height:1.5;color:var(--texte-2)}
.pour li::before{position:absolute;left:0;font-weight:600}
.pour__ok li::before{content:"✓";color:#6d7e4d}.pour__no li::before{content:"×";color:#8b3545}
.sources{display:grid;grid-template-columns:1fr 1.35fr;gap:70px;margin-top:38px}
.sources .eyebrow{font-size:10px;margin-bottom:10px}
.sources h3{font-size:24px;max-width:260px}
.sources p:not(.eyebrow){font-size:16px;color:var(--texte-2)}
.sources p:last-child{margin-bottom:0}
.recit__in{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.recit h2{font-size:clamp(30px,3.4vw,42px)}
.recit .lead{font-size:19px}.recit p:not(.eyebrow){color:var(--texte-2);font-size:17px}
.recit .cit{position:relative;padding:34px 34px 30px;background:#f5f1e9;border:1px solid #e7dfd1;border-radius:8px}
.cit__quote{display:block;font:80px/.7 Georgia,serif;color:#b9914c;margin-bottom:12px}
.cit p{font-size:18px!important;line-height:1.65}
.cit .cit__sig{font:11px var(--mono)!important;letter-spacing:.07em;text-transform:uppercase;margin:24px 0 0;color:#71603f!important}
.temoignages{padding-top:0}
.temoignages .sec__hd{max-width:730px}
.avis{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.avis figure{display:flex;flex-direction:column;position:relative;margin:0;border-top:2px solid var(--or);background:#f7f8fa;padding:28px 26px 25px}
.avis blockquote{margin:0 0 22px;font-size:20px;line-height:1.5;letter-spacing:-.015em}
.avis figcaption{display:flex;align-items:center;gap:14px;margin-top:auto;font-size:12px;color:var(--texte-3);line-height:1.5}
.avis__portrait{width:56px;height:56px;flex:none;object-fit:cover;object-position:center;border-radius:50%;border:1px solid var(--ligne)}
.avis__nom{display:block;margin-bottom:4px;font-size:16px;font-weight:700;color:var(--texte)}
.avis__contexte{display:block}
.cmd{background:#f2f4f5;border-block:1px solid var(--ligne)}
.offres{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;align-items:stretch}
.offre{border:1px solid #d3dbe1;border-radius:10px;transition:box-shadow .2s,border-color .2s}
.offre[aria-current="true"]{outline:3px solid #b98223;outline-offset:4px}
.offre--pack{background:var(--navy-900);border-color:var(--navy-900);color:#fff;overflow:hidden}
.offre__badge{display:flex;justify-content:space-between;gap:12px;background:var(--or);color:var(--navy-900);padding:12px 24px;font:600 11px/1.5 var(--mono);letter-spacing:.06em}
.offre__badge span{font-weight:400}
.offre__pack-body{padding:30px;display:grid;grid-template-columns:.7fr 1fr;gap:26px;align-items:center;min-height:calc(100% - 41px)}
.offre__pack-visuel img{width:100%;border:1px solid #ffffff1a;border-radius:3px}
.offre__k{font:11px/1.5 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--texte-2);margin-bottom:9px}
.offre--pack .offre__k{color:#b4c3d0;font-size:10px}
.offre--pack h3{font-size:28px;line-height:1.2;margin-bottom:24px;letter-spacing:-.04em}
.offre__p{display:flex;gap:14px;align-items:center;margin-bottom:22px;white-space:nowrap}
.offre__p b{font:700 48px/1 var(--disp);letter-spacing:-.05em}
.offre--pack .offre__p b{color:var(--or)}
.offre__p s{font-size:18px;color:#aab9c6}
.offre__p span{display:block;font-size:12px;color:#b4c3d0}
.offre ul{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:8px}
.offre li{position:relative;padding-left:22px;font-size:15px;line-height:1.4;color:#d0dae3}
.offre li::before{content:"✓";color:var(--or);position:absolute;left:0}
.offre--pack .btn{width:100%;padding:14px 16px;justify-content:space-between;gap:12px}
.offre__note{font-size:12px;text-align:center;margin:12px 0 0;color:#b4c3d0}
.offres__seules{display:grid;gap:18px}
.offre--solo{padding:23px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.offre__solo-hd{display:flex;gap:18px;align-items:center}
.offre__solo-hd img{width:52px;border-radius:2px;box-shadow:0 3px 6px #00000020;flex:none}
.offre--solo h3{font-size:21px;margin:0 0 6px}
.offre--solo .offre__k{font-size:10px;margin:0 0 5px}
.offre__description{font-size:13px;margin:0;color:var(--texte-2);line-height:1.5}
.offre__solo-bas{display:flex;align-items:center;justify-content:space-between;gap:16px}
.offre--solo .offre__p{margin:0}.offre--solo .offre__p b{font-size:31px}
.offre--solo .btn{font-size:14px;padding:11px 14px;min-height:44px;gap:13px}
.paie{max-width:850px;margin:40px auto 0;padding:26px;background:#fff;border:1px solid var(--ligne);border-radius:10px;scroll-margin-top:15px}
.paie__hd{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}
.paie__hd h3{font-size:19px;margin:0}
.paie__hd button{border:0;background:none;color:var(--texte-2);text-decoration:underline;font-size:15px;cursor:pointer;padding:8px 0}
#paiement{min-height:120px;border-radius:8px}
.paie__att{display:grid;place-items:center;min-height:200px;border:1px dashed var(--ligne);color:var(--texte-2);font-size:16px;text-align:center;padding:20px}
.paie__err{background:#fdecec;border:1px solid #f3b9bb;color:#8b2035;border-radius:6px;padding:18px;font-size:16px}
.demo{border:1px dashed #b9914c;background:#fffbef;border-radius:6px;padding:22px;color:#6b4e00;font-size:16px}
.demo b{display:block;font-family:var(--disp);font-size:18px;margin-bottom:10px}
.demo p{margin:0 0 8px}.demo p:last-child{margin:0}
.rass{list-style:none;margin:30px auto 0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:8px 24px;font-size:14px;color:var(--texte-2)}
.rass li::before{content:"✓";margin-right:7px;color:#776238}
.legal{text-align:center;max-width:96ch;font-size:12px;line-height:1.6;color:var(--texte-3);margin:20px auto 0}
#auteur{padding-bottom:70px}
.auteur{display:grid;grid-template-columns:80px 1fr;gap:30px;align-items:start}
.auteur__pp{width:80px;height:80px;border-radius:50%;background:var(--navy-900);color:var(--or);display:grid;place-items:center;font:700 27px var(--disp)}
.auteur__n{font:700 24px var(--disp);letter-spacing:-.025em;margin:0 0 9px}
.auteur__r{font-size:12px;letter-spacing:.025em;color:var(--texte-3);margin-bottom:20px}
.auteur p:not(.auteur__n):not(.auteur__r){font-size:17px;color:var(--texte-2)}
#faq{padding-top:0}
.qa{border-bottom:1px solid var(--ligne)}
.qa:first-of-type{border-top:1px solid var(--ligne)}
.qa summary{cursor:pointer;padding:22px 0;font-size:19px;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";font:24px var(--sans);color:#657487;flex:none;transition:transform .2s}
.qa[open] summary::after{content:"−";color:#97702c}
.qa[open] summary{color:#8a662d}
.qa__a{padding:0 38px 20px 0}.qa__a p{font-size:17px;color:var(--texte-2);margin-bottom:10px}
.dernier-cta{padding:50px 0;background:#f0e7d4;border-block:1px solid #e4d9c2}
.dernier-cta__in{display:flex;align-items:center;justify-content:space-between;gap:32px}
.dernier-cta h2{font-size:30px;margin:0}.dernier-cta .eyebrow{font-size:10px;margin-bottom:10px}
.dernier-cta .btn{background:var(--navy-900);color:#fff;flex:none}
.dernier-cta .btn:hover{background:var(--navy-700)}
.coll{position:fixed;left:0;right:0;bottom:0;z-index:35;display:none;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:var(--navy-900);border-top:1px solid #edc36e50;box-shadow:0 -4px 22px #00000017;transform:translateY(110%);visibility:hidden;transition:transform .2s,visibility .2s}
.coll[data-on="1"]{transform:none;visibility:visible}
.coll p{font-size:13px;line-height:1.3;color:#d0dae3;margin:0}.coll b{font:700 21px var(--disp);color:var(--or)}
.coll s{font-size:13px;color:#aebdca;margin-left:5px}
.coll .btn{min-height:44px;padding:12px 22px;font-size:16px}
footer{background:var(--navy-900);color:#aebdca;padding:46px 0 30px;font-size:14px}
.footer__brand{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #ffffff24;padding-bottom:26px;margin-bottom:26px}
.footer__brand span{font-size:14px}
.ft{display:flex;flex-wrap:wrap;gap:12px 25px;margin-bottom:24px;max-width:none}.ft a{text-decoration:none}.ft a:hover{color:var(--or)}
.dis{font-size:12px;line-height:1.6;max-width:none;color:#95a8b8;margin-bottom:10px}.dis strong{color:#c2ced8}
@media(min-width:1250px){.hero__cta{flex-direction:row;align-items:center}.hero__lien{font-size:14px;gap:10px}.hero__cta .btn{gap:14px;padding-inline:19px}}
@media(max-width:1100px){
  .bar nav{gap:20px}.hero__in{gap:36px}.hero h1{font-size:48px}.hero__books{min-height:330px}.hero__book{max-width:200px}
  .preuves__in>div{padding-inline:20px}.preuves dt{font-size:22px}.preuves dt span{font-size:14px}
  .etape{padding-right:17px;margin-right:16px}.etape h3{font-size:18px}
  .livre{padding:24px}.livre__hd{gap:18px}.livre__hd img{width:95px}.livre h3{font-size:23px}
  .offres{grid-template-columns:1.35fr 1fr}.offre__pack-body{grid-template-columns:1fr;padding:26px}.offre__pack-visuel{display:none}.offre--pack h3 br{display:none}
  .offre--solo{padding:21px}.offre--pack .offre__p{margin-bottom:22px}.recit__in{gap:45px}
}
@media(max-width:900px){
  .bar nav{gap:16px}.bar nav>a:not(.btn){display:none}
  .hero__in{gap:25px;padding-top:48px;padding-bottom:48px}.hero h1{font-size:42px}.hero__promesse{font-size:20px}.hero__description{font-size:17px}
  .hero__edition{font-size:9px;letter-spacing:.04em}.hero__books{min-height:310px;padding-inline:0}.hero__books::before{width:270px;height:270px}.hero__caption{font-size:15px}
  .preuves dt{font-size:22px}.preuves dt span{display:block;margin-top:4px}.preuves dd{font-size:13px}
  .etapes{grid-template-columns:repeat(3,1fr);gap:32px 0}.etape:nth-child(3){border:0;margin:0;padding:0}.etape:nth-child(n+4){border-top:1px solid var(--ligne);padding-top:24px}
  .pour-wrap{grid-template-columns:1fr;gap:12px}.sources{gap:32px}.recit__in{gap:32px}
  .livre__hd{align-items:flex-start}.livre__hd img{width:78px}.livre h3{font-size:22px}.livre__pied{flex-wrap:wrap;gap:8px}
  .offre__solo-bas{flex-wrap:wrap}.offre--solo .btn{flex:1}.offre__badge{padding-inline:20px;font-size:10px}
}
@media(max-width:760px){
  html{scroll-padding-top:84px}.w{padding-inline:22px}section{padding:64px 0}.bar__in{height:64px}
  .bar .bar__in .logo{font-size:17px}.bar .bar__in .btn{font-size:14px;min-height:40px;padding:9px 12px;gap:8px}
  .hero__in{grid-template-columns:1fr;padding-top:40px;padding-bottom:34px;gap:38px}
  .hero h1{font-size:clamp(40px,7.7vw,58px);margin-bottom:22px}.hero .eyebrow{font-size:10px;margin-bottom:22px}
  .hero__promesse{font-size:21px}.hero__description{max-width:48ch;font-size:18px}
  .hero__cta{flex-direction:row;flex-wrap:wrap;align-items:center;gap:20px;margin-top:24px}.hero__cta .btn{font-size:17px;gap:15px;padding:16px 18px}
  .hero__economie{margin-top:15px;gap:12px;font-size:13px}.hero__rass{font-size:13px;margin-top:18px;gap:7px 16px}
  .hero__visual{width:100%;max-width:450px;margin:auto;padding-top:0}.hero__edition{font-size:9px;letter-spacing:.1em;padding-bottom:13px}
  .hero__books{min-height:0;padding:30px 30px 35px}.hero__book{max-width:170px}.hero__books::before{width:250px;height:250px}
  .hero__caption{padding-top:14px;gap:4px;font-size:14px}.hero__caption>span:last-child{font-size:10px}
  .preuves__in{grid-template-columns:1fr 1fr;padding-block:12px}.preuves__in>div{padding:19px!important;border:0}.preuves__in>div:nth-child(odd){padding-left:0!important;border-right:1px solid #d5dce1}.preuves__in>div:nth-child(-n+2){border-bottom:1px solid #d5dce1}.preuves dt{font-size:24px}.preuves dt span{display:inline;font-size:14px}.preuves dd{font-size:13px;max-width:25ch}
  h2{font-size:34px}.lead{font-size:18px}.eyebrow{font-size:11px}.sec__hd{margin-bottom:32px}
  #usage{padding-bottom:60px}.etapes{grid-template-columns:1fr;gap:0}.etape,.etape:nth-child(3),.etape:nth-child(n+4){display:grid;grid-template-columns:35px 1fr;column-gap:12px;padding:23px 0;margin:0;border:0;border-top:1px solid var(--ligne)}
  .etape::before{grid-column:1;grid-row:1 / 5;margin:2px 0 0}.etape>*{grid-column:2}.etape h3{font-size:21px;margin-bottom:8px}.etape__k{font-size:13px;margin-bottom:6px}.etape p:not(.etape__k){font-size:16px;margin-bottom:0}.etape .ref{margin-top:10px}
  .deux{grid-template-columns:1fr;gap:22px}.livre{padding:25px}.livre__hd{align-items:center;gap:22px}.livre__hd img{width:100px}.livre h3{font-size:25px}.livre__pied{flex-wrap:nowrap}
  .pour-wrap{margin-top:35px}.pour{gap:25px;grid-template-columns:1fr}.sources{grid-template-columns:1fr;gap:10px;margin-top:30px}.sources h3{max-width:none;font-size:25px}
  .recit__in{grid-template-columns:1fr;gap:16px}.recit h2{font-size:34px}.recit .cit{padding:28px}.cit p{font-size:17px!important}
  .avis{grid-template-columns:1fr;gap:16px}.avis figure{padding:24px}.avis blockquote{font-size:19px;margin-bottom:16px}
  .offres{grid-template-columns:1fr}.offre__pack-body{grid-template-columns:.65fr 1fr;padding:28px 24px;gap:22px}.offre__pack-visuel{display:block}.offre--pack h3{font-size:26px}.offre--pack h3 br{display:initial}
  .offre__badge{font-size:10px;padding:12px 20px}.offre__p b{font-size:44px}.offre__note{font-size:12px}.offres__seules{gap:16px}.offre--solo{padding:22px;gap:20px}.offre__solo-hd img{width:52px}.offre--solo .btn{flex:initial;font-size:15px}.offre__description{font-size:14px}
  .paie{padding:20px 14px;margin-top:30px}.paie__hd{align-items:flex-start;flex-direction:column;gap:4px}.rass{display:grid;font-size:13px;gap:10px}.legal{text-align:left;font-size:12px;margin-top:24px}
  #auteur{padding-bottom:55px}.auteur{grid-template-columns:60px 1fr;gap:20px}.auteur__pp{width:60px;height:60px;font-size:22px}.auteur__n{font-size:23px}.auteur__r{font-size:12px}
  .qa summary{font-size:18px;padding:20px 0}.qa__a{padding-right:0}.qa__a p{font-size:16px}
  .dernier-cta{padding:40px 0}.dernier-cta__in{flex-direction:column;align-items:flex-start;gap:24px}.dernier-cta h2{font-size:30px}.dernier-cta .eyebrow{line-height:1.7}
  .coll{display:flex}body{padding-bottom:82px}footer{padding:35px 0 25px}.footer__brand{flex-direction:column;align-items:flex-start;gap:10px}.ft{gap:10px 22px}
}
@media(max-width:430px){
  .w{padding-inline:20px}.bar .bar__in .logo{font-size:15.5px}.bar .bar__in .btn{font-size:13px;gap:8px}.bar .bar__in .btn>span{display:none}
  .hero__cta{flex-direction:column;align-items:stretch;gap:16px}.hero__cta .btn{justify-content:space-between;gap:12px;font-size:16px}.hero__lien{align-self:flex-start;font-size:14px}
  .hero__economie{column-gap:12px;font-size:12px}.hero__rass{display:grid;gap:5px}.hero__books{padding-inline:17px}.hero__book{max-width:148px}.hero__edition{font-size:8px}
  .preuves dt{font-size:22px}.preuves dt span{display:block;margin-top:5px;font-size:14px}.preuves dd{font-size:12px}
  h2,.recit h2{font-size:30px}.livre{padding:22px}.livre__hd{gap:16px}.livre__hd img{width:80px}.livre h3{font-size:23px}.livre__hd p:not(.m){font-size:15px}.livre .m{font-size:12px}.livre__pied{flex-wrap:wrap;gap:10px}
  .offre__pack-body{grid-template-columns:1fr;padding:26px}.offre__pack-visuel{display:none}.offre--pack h3{font-size:29px}.offre__solo-bas{flex-wrap:nowrap}.offre--solo .btn{font-size:14px;padding:11px 12px;gap:10px}.offre--solo{padding:20px}.offre__solo-hd{gap:16px}.offre__description{font-size:13px}
  .auteur{grid-template-columns:1fr;gap:20px}.auteur__pp{width:60px;height:60px}.dernier-cta .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Parcours resserré : trois usages, extraits lisibles et offre du pack en premier. */
html{scrollbar-gutter:stable}
.hero h1{font-size:clamp(40px,4.4vw,57px);max-width:11em}
.hero__description{max-width:43ch;font-size:20px}
.etapes{grid-template-columns:repeat(3,1fr)}
.etape{padding-right:36px;margin-right:36px}
.etape h3{font-size:23px;max-width:20ch}
.etape p:not(.etape__k){font-size:18px}
.extraits{margin-top:56px;padding-top:40px;border-top:1px solid #d3dbe1;scroll-margin-top:24px}
.extraits__hd{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}
.extraits__hd .eyebrow{margin-bottom:10px}
.extraits__hd h3{font-size:30px;margin:0}
.extraits__hd>p{font-size:15px;color:var(--texte-2);margin:0}
.extraits__grille{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.extrait{min-width:0;scroll-margin-top:20px}
.extrait__lien{display:block;text-decoration:none;border:1px solid #d0d8df;border-radius:6px;background:#fff;overflow:hidden;transition:box-shadow .2s,border-color .2s}
.extrait__lien:hover{border-color:#a27d3a;box-shadow:0 9px 24px #14213014}
.extrait__image{padding:16px;background:#e9edef}
.extrait__image img{width:100%;aspect-ratio:509/720;object-fit:contain;background:white;box-shadow:0 2px 8px #14213016}
.extrait__ouvrir{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-size:15px;font-weight:600}
.extrait__source{font:11px/1.5 var(--mono);color:var(--texte-3);margin:18px 0 7px}
.extrait h4{font:700 20px/1.3 var(--disp);letter-spacing:-.02em;margin:0 0 8px}
.extrait>p:last-child{color:var(--texte-2);font-size:16px;line-height:1.5;margin:0}
.auteur__sources{background:#f4f1e9;border:1px solid #e4ddce;border-radius:8px;padding:32px}
.auteur__sources h3{font-size:27px}
.auteur__sources .eyebrow{font-size:10px;color:#78643f;margin-bottom:14px}
.auteur__sources p:last-child{margin:0}
.offres{max-width:960px;margin-inline:auto;grid-template-columns:1fr;gap:30px}
.offre__pack-body{grid-template-columns:.9fr 1.1fr;gap:50px;padding:32px 38px}
.offre__pack-visuel{display:block}
.offre__pack-visuel img{max-width:340px;margin-inline:auto}
.offre--pack h3{font-size:32px}
.offre--pack h3 br{display:initial}
.offres__seules{grid-template-columns:1fr 1fr;gap:18px}
.offres__alternative{grid-column:1/-1;margin:0;font-size:16px;color:var(--texte-2);text-align:center;max-width:none}
#faq{padding-top:80px}
/* Le dialogue garde un titre et une fermeture visibles pendant la lecture. */
body.extrait-ouvert{overflow:hidden}
.extrait-dialog{width:min(920px,calc(100% - 40px));max-width:none;height:min(94dvh,1100px);max-height:94dvh;border:0;border-radius:10px;padding:0;background:#fff;color:var(--texte);box-shadow:0 28px 80px #0006;overflow:hidden}
.extrait-dialog:not([open]){display:none}
.extrait-dialog[open]{display:flex;flex-direction:column}
.extrait-dialog::backdrop{background:#081522cc;backdrop-filter:blur(4px)}
.extrait-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid var(--ligne);flex:none}
.extrait-dialog__head h2{font-size:24px;line-height:1.25;margin:0 0 5px;text-wrap:initial}
.extrait-dialog__head p{font-size:13px;color:var(--texte-2);margin:0}
.extrait-dialog__fermer{display:inline-flex;gap:10px;align-items:center;justify-content:center;background:#f0f3f5;border:1px solid var(--ligne);border-radius:5px;color:var(--texte);padding:10px 14px;font-size:14px;min-height:44px;flex:none;cursor:pointer}
.extrait-dialog__fermer span{font-size:23px;line-height:1}
.extrait-dialog__outils{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 24px;font-size:14px;flex:none}
.extrait-dialog__outils button{background:var(--navy-900);color:#fff;border:0;border-radius:5px;padding:11px 15px;font-size:14px;min-height:44px;cursor:pointer}
.extrait-dialog__outils a{color:var(--texte-2);text-underline-offset:3px}
.extrait-dialog__scroll{overflow:auto;overscroll-behavior:contain;background:#e9edef;padding:18px;min-height:0;flex:1}
.extrait-dialog__scroll img{width:100%;max-width:none;margin-inline:auto;background:white;box-shadow:0 1px 8px #0002}
.extrait-dialog--zoom .extrait-dialog__scroll img{width:1100px;max-width:none}
@media(max-width:1100px){
  .hero h1{font-size:46px}.hero__description{font-size:19px}
  .etape{padding-right:24px;margin-right:24px}.etape h3{font-size:22px}.etape p:not(.etape__k){font-size:17px}
  .extraits__grille{gap:20px}.extraits__hd h3{font-size:27px}
}
@media(max-width:900px){
  .hero h1{font-size:40px}.hero__description{font-size:18px}
  .extraits__hd{align-items:flex-start;flex-direction:column;gap:10px}.extrait__image{padding:10px}.extrait h4{font-size:18px}
  .offre__pack-body{grid-template-columns:.8fr 1.2fr;gap:30px;padding:28px}.offre--pack h3{font-size:29px}
}
@media(max-width:760px){
  .hero h1{font-size:clamp(38px,7.7vw,56px);max-width:11em}.hero__description{font-size:18px}
  .etapes{grid-template-columns:1fr}.etape,.etape:nth-child(3){padding:23px 0;margin:0;border-top:1px solid var(--ligne)}.etape h3{font-size:23px;max-width:none}.etape p:not(.etape__k){font-size:17px}
  .extraits{margin-top:36px;padding-top:30px}.extraits__hd h3{font-size:26px}.extraits__grille{grid-template-columns:1fr;gap:24px}.extrait{display:grid;grid-template-columns:125px 1fr;column-gap:20px;align-content:start;max-width:550px;width:100%;margin-inline:auto}.extrait__lien{grid-column:1;grid-row:1/4;align-self:start}.extrait__image{padding:8px}.extrait__image img{width:100%;margin:auto}.extrait__ouvrir{font-size:12px;padding:10px;gap:6px;min-height:44px}.extrait__source{grid-column:2;margin:7px 0 8px}.extrait h4{grid-column:2;font-size:20px}.extrait>p:last-child{grid-column:2;font-size:16px}
  .auteur__sources{padding:27px}.auteur__sources h3{font-size:25px}
  .offre__pack-body{grid-template-columns:.8fr 1.2fr;gap:26px;padding:28px}.offre--pack h3{font-size:28px}
  .offres__seules{grid-template-columns:1fr}.offres__alternative{text-align:left;margin-top:0}.offre--solo .offre__solo-bas{flex-wrap:nowrap}
  #faq{padding-top:60px}
  .extrait-dialog{width:calc(100% - 20px);height:94dvh;border-radius:8px}
  .extrait-dialog__head{padding:16px;gap:12px}.extrait-dialog__head h2{font-size:18px}.extrait-dialog__head p{font-size:12px}.extrait-dialog__fermer{font-size:13px;gap:6px;padding:8px 10px}
  .extrait-dialog__outils{padding:10px 16px;align-items:center;gap:12px}.extrait-dialog__outils a{font-size:12px}.extrait-dialog__outils button{font-size:13px;padding:10px;flex:none}
  .extrait-dialog__scroll{padding:8px}
}
@media(max-width:540px){.offre__pack-body{grid-template-columns:1fr}.offre__pack-visuel{display:none}.offre--pack h3{font-size:29px}}
@media(max-width:370px){.extrait{grid-template-columns:100px 1fr;column-gap:14px}.extrait h4{font-size:18px}.extrait>p:last-child{font-size:15px}.extrait__ouvrir{padding:9px 7px}.hero h1{font-size:36px}.extrait-dialog__fermer{font-size:0;gap:0}.extrait-dialog__fermer span{font-size:25px}}

/* Logo : la tête du Canard dans un cercle, devant le nom */
.logo{display:inline-flex;align-items:center;gap:10px}
.logo__img{width:34px;height:34px;border-radius:50%;border:2px solid var(--or);flex:none}
@media(max-width:420px){.logo__img{width:28px;height:28px}.logo{gap:8px}}

/* Sommaires : une rangée par livre */
.sommaire__livre{font:700 19px var(--disp);letter-spacing:-.015em;margin:34px 0 16px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.sommaire__livre span{font:11px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--texte-3)}
.extraits__hd + .sommaire__livre{margin-top:6px}
.vente .sommaire__livre{color:inherit}

/* Auteur : photo et nom */
.auteur__id{display:flex;align-items:center;gap:18px;margin:0 0 22px}
.auteur__id img{width:80px;height:80px;border-radius:50%;object-fit:cover;flex:none;border:3px solid var(--or)}
.auteur__nom{font:800 22px var(--disp);letter-spacing:-.02em;margin:0 0 4px}
.auteur__id .eyebrow{margin:0}
@media(max-width:600px){.auteur__id img{width:64px;height:64px}.auteur__nom{font-size:20px}}
/* Sur mobile, les trois pages d'un sommaire tiennent sur une ligne */
@media(max-width:760px){
  .extraits__grille{grid-template-columns:repeat(3,1fr);gap:10px}
  .extrait{display:block;max-width:none;margin:0}
  .extrait__image{padding:5px}
  .extrait__ouvrir{justify-content:center;font-size:12px;padding:8px 4px;min-height:40px}
  .extrait__ouvrir > span{display:none}
  .sommaire__livre{margin:26px 0 12px;font-size:17px}
}
@media(max-width:370px){.extrait{grid-template-columns:none}}

/* Sommaires : les six pages sur une seule ligne ; en dessous de 900 px, carrousel à faire glisser. */
.extraits__carrousel{position:relative}
.extraits__rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5*16px)/6);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 10px;outline-offset:4px}
.extraits__rail::-webkit-scrollbar{display:none}
.extraits__rail .extrait{display:block;max-width:none;margin:0;scroll-snap-align:start}
.extraits__rail .extrait__lien{grid-row:auto}
.extraits__rail .extrait__image{padding:8px}
.extraits__rail .extrait__ouvrir{font-size:12px;font-weight:500;padding:9px 10px;gap:6px;color:var(--texte-2)}
.extraits__rail .extrait__ouvrir b{color:var(--texte);font-weight:700}
.extraits__rail .extrait__ouvrir>span{display:inline}
.extraits__rail .extrait__ouvrir>span[aria-hidden]{display:none}
@media(min-width:561px){.extraits__rail .extrait__ouvrir>span[aria-hidden]{display:inline}}
.extrait--noir .extrait__image{background:#1b222a}
.extraits__fleche{position:absolute;top:calc(50% - 26px);width:44px;height:44px;border-radius:50%;border:1px solid #d0d8df;background:#fff;color:var(--texte);font-size:26px;line-height:1;box-shadow:0 4px 14px #14213024;cursor:pointer;display:grid;place-items:center;padding:0 0 3px}
.extraits__fleche[hidden]{display:none}
.extraits__fleche:disabled{opacity:0;pointer-events:none}
.extraits__fleche--g{left:-8px}.extraits__fleche--d{right:-8px}
.extrait-dialog__nav{display:inline-flex;gap:8px}
.extrait-dialog__outils .extrait-dialog__nav button{background:#f0f3f5;color:var(--texte);border:1px solid var(--ligne);font-size:22px;line-height:1;min-width:44px;padding:8px 0 11px}
.extrait-dialog__outils .extrait-dialog__nav button:disabled{opacity:.35;cursor:default}
@media(max-width:900px){.extraits__rail{grid-auto-columns:calc((100% - 2*14px)/3.3);gap:14px}}
@media(max-width:560px){.extraits__rail{grid-auto-columns:44%}}

/* Prix de lancement : une vraie échéance, la même pour tout le monde (voir FIN_LANCEMENT).
   Posé sur fond sombre (hero et carte du pack). */
.minuteur{margin:18px 0 0;max-width:420px}
.minuteur[hidden]{display:none}
.minuteur__titre{font:600 11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--or);margin:0 0 8px}
.minuteur__cases{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.minuteur__cases span{display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 4px 7px;border:1px solid #edc36e55;border-radius:6px;background:#edc36e12;font:500 11px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#c8d2dc}
.minuteur__cases b{font:700 26px/1 var(--disp);letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums}
.minuteur__note{font-size:13px;line-height:1.45;color:#b9c4cf;margin:8px 0 0}
.minuteur--urgent .minuteur__cases span{border-color:var(--or);background:#edc36e26}
.minuteur--urgent .minuteur__cases b{color:var(--or)}
.minuteur--offre{margin:-6px 0 22px}
@media(max-width:370px){.minuteur__cases b{font-size:22px}.minuteur__cases span{font-size:10px}}
/* Les chiffres qui basculent après l'échéance n'ont aucun style propre : ils héritent du texte
   autour (sinon « .offre__p span » ou le gap d'un bouton flex les déforment). */
span[data-prix-pack],span[data-eco-pack],span[data-ecart-pack]{all:unset}
.btn>span[data-prix-pack],.bar .bar__in .btn>span[data-prix-pack]{display:contents}

/* Masqués à la fin du prix de lancement (prix barré, économie) ; certains sont en display:flex. */
[data-si-lancement][hidden]{display:none!important}

/* Logos des moyens de paiement (sous « Paiement sécurisé ») */
.logos-paiement{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0}
.logos-paiement img{display:block;width:38px;height:24px;border-radius:4px}
.logos-paiement img[hidden]{display:none}
.logos-paiement--cmd{justify-content:center;margin-top:16px}
.logos-paiement img{box-shadow:0 0 0 1px #ffffff40}
.logos-paiement--cmd img{box-shadow:0 0 0 1px #14213026}

/* Icône caddie des boutons d'achat (Lucide « shopping-cart », licence ISC) */
.caddie{display:inline-flex;flex:none}
.caddie svg{display:block;width:20px;height:20px}
.offre--solo .caddie svg{width:18px;height:18px}
.coll .btn{gap:9px}