/* ===================================================================
   AEMERA · page d'accueil (index.html), design 2026
   Chargée après socle-2026.css et après les styles d'origine.
   =================================================================== */
/* La découpe A */
#page-accueil .frise,#page-accueil .methode-visuel,
#page-accueil .apercu-mockup,#page-accueil .decouverte .container,#page-accueil .cta-final .container,
#page-accueil .how-card,#page-accueil .temoignage,#page-accueil .avis-form{
  clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%);
  border-radius:0!important}

/* ---------- Navigation ---------- */
nav{opacity:1!important;pointer-events:all!important;background:rgba(255,255,255,.88)!important;
  -webkit-backdrop-filter:saturate(1.5) blur(16px);backdrop-filter:saturate(1.5) blur(16px);
  border-bottom:1px solid var(--a-line)!important;padding:.7rem 0!important;transition:translate .45s var(--ease)!important}
nav.dz-hide{translate:0 -105%}
.dz-progress{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--a-forest);transform-origin:0 50%;scale:var(--dz-scroll,0) 1}
.nav-brand{font-family:var(--f-body);font-weight:600;font-size:1.02rem;letter-spacing:.24em;color:var(--a-forest)}
.nav-links{gap:1.9rem}
.nav-links a{font-family:var(--f-body);font-size:.95rem;font-weight:500;color:var(--a-ink);position:relative}
.nav-links > li > a:not(.nav-cta)::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:1.5px;background:var(--a-forest);scale:0 1;transform-origin:right;transition:scale .35s var(--ease)}
.nav-links > li > a:not(.nav-cta):hover::after{scale:1 1;transform-origin:left}
.nav-cta{font-size:.92rem!important;padding:.72rem 1.15rem!important;background:var(--a-forest)!important;color:#fff!important;
  background:linear-gradient(var(--a-sage-deep),var(--a-sage-deep)) no-repeat left/0% 100%,var(--a-forest)!important;transition:background-size .4s var(--ease)!important}
.nav-cta:hover{background-size:100% 100%,auto!important}
.nav-menu{background:#fff;border:1px solid var(--a-line);border-radius:0;box-shadow:0 30px 60px -30px rgba(10,61,49,.35);min-width:310px;padding:.4rem}
.nav-menu-ic{display:none}
.nav-menu a{padding:.85rem 1rem;border-radius:0;border-left:2px solid transparent;transition:background-color .2s,border-color .2s}
.nav-menu a:hover{background:var(--a-paper);border-left-color:var(--a-forest)}
.nav-menu a strong{font-family:var(--f-body);font-weight:600;font-size:.95rem}
.nav-menu a em{font-family:var(--f-mono);font-size:.76rem;color:var(--a-ink-soft)}
.nav-mobile-toggle span{background:var(--a-forest);width:24px}
@media(max-width:768px){
  .nav-links{background:#fff;border-bottom:1px solid var(--a-line);gap:1.3rem}
  .nav-links.open{padding:1.8rem var(--a-gutter) 2.2rem}
  .nav-links a{font-size:1.15rem}
  .nav-links > li > a:not(.nav-cta)::after{display:none}
  .nav-menu{display:none}
}

/* ======================= ACCUEIL ======================= */

/* ---------- Hero ---------- */
#page-accueil .portail{min-height:0;justify-content:flex-start;background:var(--a-bg);
  padding:clamp(7.2rem,13vw,10.5rem) var(--a-gutter) clamp(2.5rem,5vw,4rem);overflow:visible}
#page-accueil .portail::before,#page-accueil .constellation,#page-accueil .portail-mono,
#page-accueil .bio-graphic,#page-accueil .p-ring{display:none!important}
#page-accueil .portail-brand,#page-accueil .portail-sub,#page-accueil .portail-line,#page-accueil .scroll-hint{
  opacity:1!important;transform:none!important;animation:none!important;will-change:auto}
#page-accueil .portail-brand{order:1;display:inline-flex;align-items:center;gap:.85rem;font-family:var(--f-body);font-weight:600;font-size:clamp(1.15rem,2.2vw,1.45rem);letter-spacing:.34em;color:var(--a-forest);margin-bottom:clamp(1.4rem,3vw,2rem)}
#page-accueil .portail-brand::before{content:'';width:clamp(38px,5vw,52px);aspect-ratio:56/64;flex:none;background:var(--a-mono) center/contain no-repeat}
#page-accueil .portail-sub{order:2;font-family:var(--f-display);font-weight:400;text-transform:none;letter-spacing:-.04em;
  font-size:clamp(3.2rem,8.8vw,8rem);line-height:.92;color:var(--a-forest);text-align:center;max-width:15ch;text-wrap:balance}

/* Scène du hero : tracé de moniteur pleine largeur sur grille de points
   (canvas injecté). Le tracé SVG d'origine reste en secours sans JS. */
#page-accueil .portail{padding-bottom:0}
#page-accueil .portail-line{order:3;width:calc(100% + 2 * var(--a-gutter));max-width:none;align-self:center;
  height:clamp(170px,28vw,320px);margin:clamp(1.2rem,3.5vw,2.6rem) 0 0;background:none;
  display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
#page-accueil .portail-line svg{width:100%;height:50%;position:relative;overflow:visible;z-index:2}
.dz-js #page-accueil .portail-line svg{display:none}
#page-accueil .pulse-glow,#page-accueil .p-dot,#page-accueil .p-dot-glow{display:none}
#page-accueil .pulse-main{stroke:var(--a-forest);stroke-width:1.4;animation:draw 2.4s cubic-bezier(.45,0,.15,1) .5s forwards!important}
.dz-field{position:absolute;inset:0;width:100%;height:100%;z-index:1;display:block}
#page-accueil .scroll-hint{order:4;position:static;margin:.2rem 0 1.6rem}
#page-accueil .scroll-hint span{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.18em;color:var(--a-ink-soft)}
#page-accueil .scroll-arrow{border-color:var(--a-ink-soft)}

/* ---------- Promesse : les mots s'allument au scroll ---------- */
#page-accueil .promesse{background:var(--a-bg);padding:clamp(4.5rem,9vw,8rem) var(--a-gutter)}
#page-accueil .promesse-ligne{display:block;text-align:center;max-width:18ch;margin:0 auto;font-size:clamp(2.3rem,5.6vw,4.6rem);line-height:1.06;text-wrap:balance}
#page-accueil .promesse-ligne h2{white-space:normal!important;display:inline;font-size:1em;line-height:inherit;color:var(--a-forest);font-weight:400;margin:0}
#page-accueil .promesse-quote{display:inline;margin:0 .1em!important;font-family:var(--f-display);font-size:1em;line-height:inherit;color:var(--a-sage);opacity:1;transform:none}
.dz-w{transition:color .35s ease}
.dz-js #page-accueil .promesse-ligne h2 .dz-w{color:var(--a-mute)}
.dz-js #page-accueil .promesse-ligne h2 .dz-w.on{color:var(--a-forest)}

/* ---------- WHAT : un parcours avec rail de progression ---------- */
#page-accueil .what{background:var(--a-bg);padding-top:clamp(1.5rem,3vw,2.5rem)}
#page-accueil .what-head{display:grid;gap:1.2rem;margin-bottom:clamp(2.5rem,5vw,4rem)}
#page-accueil .what-deco{display:none}
#page-accueil .what-titre{font-size:clamp(2.2rem,5vw,3.9rem);max-width:16ch;color:var(--a-forest);margin:0 0 .4rem}
#page-accueil .what-intro{font-size:inherit;color:var(--a-ink-soft);max-width:52ch;margin:0}
@media(min-width:900px){#page-accueil .what-head{grid-template-columns:1.2fr 1fr;align-items:end;gap:4rem}}

#page-accueil .frise{--p:1;background:var(--a-paper);padding:clamp(1.6rem,3.5vw,3rem);gap:0;position:relative}
#page-accueil .frise::before{content:'';position:absolute;left:clamp(1.6rem,3.5vw,3rem);top:calc(clamp(1.6rem,3.5vw,3rem) + 13px);
  width:2px;height:calc((100% - 2*clamp(1.6rem,3.5vw,3rem) - 26px) * var(--p));background:var(--a-forest);transition:height .15s linear}
#page-accueil .frise-etape{padding:0 0 2rem 3.2rem;border:0;position:relative}
#page-accueil .frise-etape:last-child{padding-bottom:0}
#page-accueil .frise-etape::before{display:none}
#page-accueil .frise-num{position:absolute;left:-12px;top:0;width:28px;height:28px;border:1.5px solid var(--a-mute);border-radius:0;background:var(--a-paper)!important;
  display:grid;place-items:center;font-family:var(--f-mono);font-size:.72rem;color:var(--a-ink-soft);opacity:1;transform:none;z-index:1;
  transition:background-color .35s,border-color .35s,color .35s}
#page-accueil .frise-etape .frise-num{margin-left:0}
#page-accueil .frise-etape.dz-on .frise-num,html:not(.dz-js) #page-accueil .frise-num{background:var(--a-forest)!important;border-color:var(--a-forest);color:#fff}
#page-accueil .frise-corps{opacity:1;transform:none}
#page-accueil .frise-titre{font-family:var(--f-display);font-weight:400;font-size:clamp(1.6rem,2.3vw,2rem);line-height:1.08;letter-spacing:-.015em;color:var(--a-forest);margin:0 0 1rem}
#page-accueil .frise-l{padding:0 0 0 1.1rem;margin:0 0 .55rem;background:none;border-radius:0;font-size:1rem;line-height:1.5}
#page-accueil .frise-l::before{left:0;top:.62em;width:6px;height:6px;border-radius:0}
#page-accueil .frise-sans{color:var(--a-ink-soft);text-decoration:line-through;text-decoration-color:rgba(91,88,82,.35)}
#page-accueil .frise-sans::before{background:var(--a-mute)}
#page-accueil .frise-avec{color:var(--a-forest);font-weight:600}
#page-accueil .frise-avec::before{background:var(--a-forest)}
.dz-js #page-accueil .frise-etape .frise-avec{opacity:.25;translate:-6px 0;transition:opacity .5s ease,translate .5s var(--ease)}
.dz-js #page-accueil .frise-etape.dz-on .frise-avec{opacity:1;translate:0 0}
#page-accueil .frise-legende{font-family:var(--f-mono);font-size:.78rem;letter-spacing:.06em;margin-top:1.3rem;gap:1.6rem}
#page-accueil .lg{color:var(--a-ink-soft)}
#page-accueil .lg::before{border-radius:0}
#page-accueil .lg-sans::before{background:var(--a-mute)}
#page-accueil .lg-avec{color:var(--a-forest)}
#page-accueil .lg-avec::before{background:var(--a-forest)}
@media(min-width:900px){
  #page-accueil .frise{grid-template-columns:repeat(4,1fr);padding-top:calc(clamp(1.6rem,3.5vw,3rem) + 44px)}
  #page-accueil .frise::before{top:calc(clamp(1.6rem,3.5vw,3rem) + 13px);height:2px;
    width:calc((100% - 2*clamp(1.6rem,3.5vw,3rem)) * var(--p));transition:width .15s linear}
  #page-accueil .frise::after{content:'';position:absolute;left:clamp(1.6rem,3.5vw,3rem);right:clamp(1.6rem,3.5vw,3rem);top:calc(clamp(1.6rem,3.5vw,3rem) + 13px);height:2px;background:var(--a-mute);z-index:0}
  #page-accueil .frise::before{z-index:1}
  #page-accueil .frise-etape{padding:0 1.6rem 0 0}
  #page-accueil .frise-num{left:0;top:-58px}
}
@media(max-width:899px){
  #page-accueil .frise::after{content:'';position:absolute;left:clamp(1.6rem,3.5vw,3rem);top:calc(clamp(1.6rem,3.5vw,3rem) + 13px);bottom:calc(clamp(1.6rem,3.5vw,3rem) + 13px);width:2px;background:var(--a-mute)}
  #page-accueil .frise::before{z-index:1}
  #page-accueil .frise-num{left:calc(-12px)}
  #page-accueil .frise{padding-left:calc(clamp(1.6rem,3.5vw,3rem) + 1px)}
}

/* ---------- HOW : trois volets qui s'élargissent ---------- */
#page-accueil .how{background:var(--a-bg);counter-reset:dzhow}
#page-accueil .how-accroche{font-size:clamp(2.2rem,5vw,3.9rem);color:var(--a-forest);max-width:19ch;margin:0 0 clamp(2.5rem,5vw,4rem)}
#page-accueil .how-grid{gap:1px;background:var(--a-line);border:1px solid var(--a-line)}
#page-accueil .how-card{counter-increment:dzhow;position:relative;text-align:left;background:var(--a-bg);border:0;
  padding:clamp(1.6rem,2.6vw,2.4rem);padding-top:clamp(4.5rem,7vw,6rem);
  transition:background-color .45s ease,color .3s!important;box-shadow:none!important;transform:none!important}
#page-accueil .how-card::before{content:counter(dzhow,decimal-leading-zero);position:absolute;left:clamp(1.6rem,2.6vw,2.4rem);top:clamp(1.6rem,2.6vw,2.2rem);
  font-family:var(--f-mono);font-size:.8rem;letter-spacing:.12em;color:var(--a-sage-deep);transition:color .3s}
#page-accueil .how-titre{font-family:var(--f-display);font-weight:400;font-size:clamp(2rem,3vw,2.7rem);letter-spacing:-.02em;line-height:1;
  color:var(--a-forest);padding:0;margin:0 0 1.1rem;transition:color .3s}
#page-accueil .how-titre::after{display:none}
#page-accueil .how-txt{font-size:1rem;line-height:1.65;color:var(--a-ink-soft);margin:0 0 2rem;max-width:none;transition:color .3s}
#page-accueil .how-reassurance{margin:clamp(2rem,4vw,3rem) 0 .4rem;text-align:left;font-size:1rem;font-weight:600;color:var(--a-forest);max-width:none;display:flex;gap:.8rem;align-items:center}
#page-accueil .how-reassurance::before{content:'';width:22px;height:22px;flex:none;background:var(--a-forest);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 4 5v6c0 5 3.4 9.3 8 11 4.6-1.7 8-6 8-11V5l-8-3Z' fill='none' stroke='black' stroke-width='1.6'/%3E%3Cpath d='m8.5 12 2.5 2.5 4.5-5' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 4 5v6c0 5 3.4 9.3 8 11 4.6-1.7 8-6 8-11V5l-8-3Z' fill='none' stroke='black' stroke-width='1.6'/%3E%3Cpath d='m8.5 12 2.5 2.5 4.5-5' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat}
#page-accueil .how-legal{text-align:left;margin:0 0 0 calc(22px + .8rem);font-family:var(--f-mono);font-size:.74rem;letter-spacing:.04em;color:var(--a-ink-soft)}
@media(min-width:900px){
  #page-accueil .how-grid{display:flex;align-items:stretch}
  #page-accueil .how-card{flex:1 1 0;min-width:0;clip-path:none}
  #page-accueil .how-grid .how-card:hover{background:var(--a-forest)}
  #page-accueil .how-card:hover .how-titre,#page-accueil .how-card:hover .how-txt{color:#fff}
  #page-accueil .how-card:hover .how-txt{color:rgba(255,255,255,.8)}
  #page-accueil .how-card:hover::before{color:var(--a-sage)}
  #page-accueil .how-card:hover .btn-primary{background:linear-gradient(var(--a-sage-pale),var(--a-sage-pale)) no-repeat left/0% 100%,#fff;color:var(--a-forest)}
  #page-accueil .how-card:hover .btn-primary::before{background:var(--a-forest)}
  #page-accueil .how-card:hover .btn-primary::after{background-color:var(--a-sage-pale)}
  #page-accueil .how-card:hover .btn-primary:hover{background-size:100% 100%,auto}
}
@media(max-width:899px){#page-accueil .how-card{clip-path:none}}

/* ---------- WHY : titre collant, texte qui défile ---------- */
#page-accueil .why{background:var(--a-paper)}
#page-accueil .why-in{max-width:var(--a-max)}
#page-accueil .why-titre{font-size:clamp(2.2rem,5vw,3.9rem);color:var(--a-forest);margin:0 0 1.6rem;max-width:12ch}
#page-accueil .why p{color:var(--a-ink);font-size:clamp(1.1rem,1.7vw,1.35rem);line-height:1.6}
#page-accueil .why-in .eyebrow{font-size:.76rem!important;line-height:1.4}
#page-accueil .why-signature{font-size:1rem!important;color:var(--a-ink-soft)!important;margin-top:2rem;padding:1.4rem 0 0;border-top:1px solid var(--a-mute);font-family:var(--f-mono);letter-spacing:.01em}
#page-accueil .why-signature a{color:var(--a-forest);font-weight:500;text-decoration:underline;text-underline-offset:4px}
@media(min-width:900px){
  #page-accueil .why-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);column-gap:clamp(3rem,8vw,8rem);align-items:start}
  #page-accueil .why-in .eyebrow{grid-column:1;grid-row:1}
  #page-accueil .why-titre{grid-column:1;grid-row:2;position:sticky;top:7rem}
  #page-accueil .why-in > p:not(.eyebrow):not(.why-signature){grid-column:2;grid-row:1 / 3;margin-top:0}
  #page-accueil .why-signature{grid-column:2;grid-row:3}
}

/* ---------- LA MÉTHODE : liasse de pages sur scène sauge ---------- */
#page-accueil .points-forts{background:var(--a-bg)}
#page-accueil .methode-grid{gap:clamp(2.5rem,6vw,6rem)}
#page-accueil .methode-texte h2{font-size:clamp(2.2rem,5vw,3.6rem);margin-bottom:1.4rem;max-width:14ch}
#page-accueil .methode-accroche{font-size:1.18rem;font-weight:500;color:var(--a-ink);line-height:1.5}
#page-accueil .methode-texte-p{color:var(--a-ink-soft)}
#page-accueil .methode-liste{gap:0;margin-bottom:2rem;border-top:1px solid var(--a-line);counter-reset:dzm}
#page-accueil .methode-liste li{counter-increment:dzm;padding:1rem 0 1rem 2.6rem;border-bottom:1px solid var(--a-line);color:var(--a-ink-soft);font-size:1rem;transition:background-color .3s}
#page-accueil .methode-liste li::before{content:counter(dzm,decimal-leading-zero);background:none;width:auto;height:auto;top:1.05rem;border-radius:0;
  font-family:var(--f-mono);font-size:.75rem;color:var(--a-sage-deep);letter-spacing:.08em}
#page-accueil .methode-liste li:hover{background:var(--a-paper)}
#page-accueil .methode-liste li strong{color:var(--a-ink)}
#page-accueil .methode-ancrage{background:none;border-radius:0;padding:0;margin-bottom:1.8rem;gap:1rem;align-items:center}
#page-accueil .methode-prix{font-family:var(--f-display);font-weight:400;font-size:clamp(3rem,4.4vw,4rem);letter-spacing:-.03em;color:var(--a-forest)}
#page-accueil .methode-ancrage-txt{color:var(--a-ink-soft);font-size:.98rem}
#page-accueil .methode-legal{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.03em;color:var(--a-ink-soft)}

#page-accueil .methode-visuel{background:var(--a-sage);padding:clamp(2.5rem,5vw,4.5rem) clamp(1.5rem,4vw,3rem);min-height:clamp(380px,42vw,560px);perspective:1100px;position:relative;overflow:hidden}
#page-accueil .methode-visuel::before{content:'';position:absolute;inset:0;background:
  repeating-linear-gradient(0deg,rgba(255,255,255,.10) 0 1px,transparent 1px 34px)}
#page-accueil .prod-mockup{position:relative;width:100%;max-width:360px;background:#fff;border:0;border-radius:0;padding:2rem 1.8rem 2.2rem;
  box-shadow:0 40px 70px -35px rgba(10,61,49,.6);transform-style:preserve-3d;transition:rotate .5s var(--ease),translate .5s var(--ease)}
#page-accueil .prod-mockup::before,#page-accueil .prod-mockup::after{content:'';position:absolute;inset:0;background:#fff;z-index:-1;
  box-shadow:0 20px 40px -30px rgba(10,61,49,.5);transition:rotate .6s var(--ease),translate .6s var(--ease)}
#page-accueil .prod-mockup::before{rotate:-4deg;translate:-10px 8px;background:#F7F9F5}
#page-accueil .prod-mockup::after{rotate:3deg;translate:12px 6px;background:#EEF2EA}
#page-accueil .methode-visuel:hover .prod-mockup::before{rotate:-10deg;translate:-38px 16px}
#page-accueil .methode-visuel:hover .prod-mockup::after{rotate:8deg;translate:40px 12px}
#page-accueil .mockup-header{border-bottom:1px solid var(--a-line);padding-bottom:1rem;margin-bottom:.4rem}
#page-accueil .mockup-dot{display:none}
#page-accueil .mockup-title{margin-left:0;font-family:var(--f-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--a-forest)}
#page-accueil .mockup-section{font-family:var(--f-display);font-weight:400;font-size:1.2rem;color:var(--a-forest);border-top:0;padding-top:0;margin:1.2rem 0 .55rem}
#page-accueil .mockup-text{height:6px;border-radius:0;background:var(--a-paper)}
@media(max-width:860px){#page-accueil .methode-visuel{order:0}}

/* ---------- ROUTEUR : lignes qui se remplissent ---------- */
.routeur{background:var(--a-bg);text-align:left;counter-reset:dzr}
.routeur .section-intro{margin:0 0 clamp(2rem,4vw,3rem);color:var(--a-ink-soft);font-size:inherit}
.routeur h2{margin-bottom:1.2rem}
.routeur-grid{display:block;margin-top:0;max-width:none!important;border-top:1.5px solid var(--a-forest)}
.routeur-card{counter-increment:dzr;display:grid;grid-template-columns:3.2rem minmax(0,1fr) auto;column-gap:1.2rem;align-items:baseline;text-align:left;
  border:0!important;border-bottom:1px solid var(--a-line)!important;border-radius:0;padding:clamp(1.4rem,2.6vw,2.2rem) .5rem;
  transform:none!important;box-shadow:none!important;position:relative;
  background:linear-gradient(var(--a-forest),var(--a-forest)) no-repeat left/0% 100%!important;
  transition:background-size .55s var(--ease)!important}
.routeur-card::before{content:counter(dzr,decimal-leading-zero);grid-column:1;grid-row:1 / span 3;align-self:start;padding-top:.55rem;
  font-family:var(--f-mono);font-size:.78rem;letter-spacing:.1em;color:var(--a-sage-deep);transition:color .3s}
.routeur-card:hover{background-size:100% 100%!important}
.routeur-card .shine,.routeur-card .spot,.routeur-icon{display:none!important}
.routeur-card .badge{position:static;transform:none;grid-column:2;justify-self:start;margin:0 0 .7rem;border-radius:0;
  font-family:var(--f-mono);font-size:.7rem;letter-spacing:.12em;background:var(--a-sage-pale);color:var(--a-forest);padding:.32rem .6rem}
.routeur-card h3{grid-column:2;font-family:var(--f-display);font-weight:400;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.05;letter-spacing:-.02em;color:var(--a-forest);margin:0 0 .45rem;transition:color .3s,translate .45s var(--ease)}
.routeur-card p{grid-column:2;font-size:1rem;color:var(--a-ink-soft);margin:0;transition:color .3s,translate .45s var(--ease)}
.routeur-price{grid-column:3;grid-row:1 / span 3;align-self:center;font-family:var(--f-mono);font-weight:500;font-size:clamp(1.05rem,1.6vw,1.3rem);color:var(--a-forest);
  display:inline-flex;align-items:center;gap:1rem;white-space:nowrap;transition:color .3s}
.routeur-price::after{content:'';width:46px;height:46px;flex:none;background:var(--a-forest);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Crect x='.75' y='.75' width='44.5' height='44.5' fill='none' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M16 23h14M25 18l5 5-5 5' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Crect x='.75' y='.75' width='44.5' height='44.5' fill='none' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M16 23h14M25 18l5 5-5 5' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat;
  transition:background-color .3s,translate .45s var(--ease)}
.routeur-card:hover::before{color:var(--a-sage)}
.routeur-card:hover h3,.routeur-card:hover .routeur-price{color:#fff}
.routeur-card:hover p{color:rgba(255,255,255,.75)}
.routeur-card:hover h3,.routeur-card:hover p{translate:.6rem 0}
.routeur-card:hover .routeur-price::after{background:#fff;translate:5px 0}
.routeur-card:hover .badge{background:var(--a-sage);color:#fff}
@media(max-width:560px){
  .routeur-card{grid-template-columns:2.2rem minmax(0,1fr) auto;column-gap:.8rem}
  .routeur-price::after{display:none}
}

/* ---------- COMMENT ÇA MARCHE : chiffres géants ---------- */
#page-accueil .comment-ca-marche{background:var(--a-bg)}
#page-accueil .comment-ca-marche .container > div:first-child{text-align:left!important}
#page-accueil .steps-wrapper{margin-top:clamp(2.5rem,5vw,4rem);gap:0;max-width:none}
#page-accueil .steps-wrapper::before,#page-accueil .steps-wrapper .line-fill{display:none}
#page-accueil .step{text-align:left;padding:1.4rem 0 2rem;border-top:1.5px solid var(--a-forest)}
#page-accueil .step-num{display:block;width:auto;height:auto;line-height:.85;border:0!important;border-radius:0;background:none!important;
  margin:0 0 1.4rem;font-family:var(--f-display);font-weight:400;font-size:clamp(5.5rem,11vw,9.5rem);letter-spacing:-.05em;
  color:transparent!important;-webkit-text-stroke:1.2px var(--a-sage);transform:none!important;
  background:linear-gradient(var(--a-forest),var(--a-forest)) no-repeat left bottom/100% 0%!important;-webkit-background-clip:text!important;background-clip:text!important;
  transition:background-size 1.1s var(--ease),-webkit-text-stroke-color .6s}
#page-accueil .step.dz-on .step-num,html:not(.dz-js) #page-accueil .step-num{background-size:100% 100%!important;-webkit-text-stroke-color:var(--a-forest)}
#page-accueil .step:nth-child(3) .step-num{transition-delay:.18s}
#page-accueil .step:nth-child(4) .step-num{transition-delay:.36s}
#page-accueil .step h3{font-family:var(--f-display);font-weight:400;font-size:clamp(1.8rem,2.6vw,2.3rem);letter-spacing:-.015em;color:var(--a-forest);margin:0 0 .6rem}
#page-accueil .step p{margin:0;max-width:34ch;font-size:1rem;color:var(--a-ink-soft)}
@media(min-width:769px){#page-accueil .steps-wrapper{grid-template-columns:repeat(3,1fr);column-gap:clamp(1.5rem,3vw,3rem)}}

/* ---------- APERÇU : rapport en relief ---------- */
#page-accueil .apercu{background:var(--a-bg)}
#page-accueil .apercu .container{gap:clamp(2.5rem,6vw,6rem);perspective:1200px}
#page-accueil .apercu-text h2{font-size:clamp(2.2rem,5vw,3.6rem);max-width:13ch;margin-bottom:1.4rem}
#page-accueil .apercu-text p{color:var(--a-ink-soft);font-size:inherit}
#page-accueil .apercu-mockup{background:#fff;border:clamp(1.4rem,4vw,3.4rem) solid var(--a-sage);
  padding:clamp(1.3rem,2.5vw,2rem);box-shadow:none;outline:0;transition:rotate .6s var(--ease)}
#page-accueil .report-header{border-bottom:1px solid var(--a-line);gap:1rem}
#page-accueil .report-title{font-family:var(--f-display);font-weight:400;font-size:1.5rem;color:var(--a-forest)}
#page-accueil .report-badge{white-space:nowrap;border-radius:0;font-family:var(--f-mono);font-size:.66rem;letter-spacing:.1em;background:var(--a-sage-pale);color:var(--a-forest)}
#page-accueil .report-section-title{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.12em;color:var(--a-ink-soft)}
#page-accueil .report-marker{background:none;border-radius:0;padding:.9rem 0;margin:0;border-bottom:1px solid var(--a-line);gap:1rem}
#page-accueil .marker-name{font-size:1rem;font-weight:600}
#page-accueil .marker-value{font-family:var(--f-mono);font-size:.9rem;color:var(--a-ink)}
#page-accueil .marker-bar{width:96px;height:8px;border-radius:0;background:repeating-linear-gradient(90deg,var(--a-paper) 0 7px,#fff 7px 8px)}
#page-accueil .marker-bar-fill{border-radius:0;background:var(--a-forest)}
#page-accueil .marker-bar-fill.warn{background:var(--a-warn)}
#page-accueil .mock-line{height:6px;border-radius:0;background:var(--a-paper)}
#page-accueil .mock-line.accent{background:var(--a-sage-pale)}
html:not(.dz-js) #page-accueil .report-marker{opacity:1;transform:none}
html:not(.dz-js) #page-accueil .marker-bar-fill{width:var(--tw)}
@media(max-width:480px){#page-accueil .marker-bar{display:none}}

/* ---------- DÉCOUVERTE : bloc Forest et géométrie du A ---------- */
#page-accueil .decouverte{background:var(--a-bg);padding:0 var(--a-gutter) clamp(4rem,8vw,7rem);text-align:left;overflow:visible}
#page-accueil .decouverte::before,#page-accueil .pp-dot{display:none}
#page-accueil .decouverte .container{background:var(--a-forest);max-width:var(--a-max);
  padding:clamp(2.6rem,6vw,5.5rem) clamp(1.6rem,6vw,5.5rem);position:relative;overflow:hidden}
#page-accueil .decouverte .container::before,#page-accueil .decouverte .container::after{content:'';position:absolute;pointer-events:none;
  right:-4%;bottom:-8%;width:min(46%,480px);aspect-ratio:1/1.05;
  clip-path:polygon(50% 0,100% 100%,78% 100%,50% 42%,22% 100%,0 100%)}
#page-accueil .decouverte .container::before{background:rgba(132,165,147,.22);translate:0 calc(var(--dz-py,0) * -40px)}
#page-accueil .decouverte .container::after{background:rgba(132,165,147,.12);clip-path:polygon(50% 0,50% 42%,22% 100%,0 100%);translate:0 calc(var(--dz-py,0) * 30px)}
#page-accueil .decouverte .eyebrow{color:var(--a-sage)!important}
#page-accueil .decouverte h2{font-size:clamp(2.1rem,4.8vw,3.7rem);color:#fff;max-width:17ch;margin-bottom:1.2rem;position:relative;z-index:1}
#page-accueil .decouverte p{color:rgba(255,255,255,.78);font-size:inherit;margin:0 0 2.2rem;max-width:46ch;position:relative;z-index:1}
#page-accueil .decouverte .btn-light{position:relative;z-index:1}
@media(max-width:700px){#page-accueil .decouverte .container::before,#page-accueil .decouverte .container::after{opacity:.6;width:70%}}

/* ---------- TÉMOIGNAGES ---------- */
#page-accueil .temoignages{background:var(--a-paper)}
#page-accueil .temoignages h2{text-align:left;margin-bottom:.8rem}
#page-accueil .temoignages .note-globale{text-align:left;font-family:var(--f-mono);font-size:.9rem;color:var(--a-forest);margin-bottom:clamp(2rem,4vw,3rem)}
#page-accueil .tem-carrousel{max-width:none}
#page-accueil .tem-piste{gap:1rem;cursor:grab}
#page-accueil .temoignage{position:relative;background:#fff;border:0;padding:clamp(1.8rem,3vw,2.6rem);padding-top:clamp(4.2rem,6vw,5.2rem);min-height:0;transition:background-color .35s}
#page-accueil .temoignage::before{content:'';position:absolute;left:clamp(1.8rem,3vw,2.6rem);top:clamp(1.6rem,2.6vw,2.2rem);width:34px;height:26px;background:var(--a-sage);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 26'%3E%3Cpath d='M0 26V15C0 6 5 1 13 0l1 4c-5 1-7 4-7 9h6v13H0Zm20 0V15c0-9 5-14 13-15l1 4c-5 1-7 4-7 9h6v13H20Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 26'%3E%3Cpath d='M0 26V15C0 6 5 1 13 0l1 4c-5 1-7 4-7 9h6v13H0Zm20 0V15c0-9 5-14 13-15l1 4c-5 1-7 4-7 9h6v13H20Z'/%3E%3C/svg%3E") center/contain no-repeat}
#page-accueil .temoignage .etoiles{position:absolute;right:clamp(1.8rem,3vw,2.6rem);top:clamp(1.6rem,2.6vw,2.2rem);color:var(--a-forest);font-size:.85rem;letter-spacing:3px;margin:0}
#page-accueil .temoignage blockquote{font-family:var(--f-display);font-style:normal;font-size:clamp(1.35rem,2vw,1.6rem);line-height:1.32;letter-spacing:-.01em;color:var(--a-ink);opacity:1;margin-bottom:1.6rem}
#page-accueil .temoignage .auteur{font-family:var(--f-mono);font-weight:500;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--a-forest);padding-top:1rem;border-top:1px solid var(--a-line)}
#page-accueil .temoignage:hover{background:var(--a-sage-pale)}
@media(min-width:760px){#page-accueil .temoignage{flex:0 0 calc(50% - .5rem)}}
@media(min-width:1100px){#page-accueil .temoignage{flex:0 0 calc(33.333% - .67rem)}}
#page-accueil .tem-nav{justify-content:flex-start;margin-top:1.8rem}
#page-accueil .tem-fleche{width:52px;height:52px;border-radius:0;background:#fff;border:1px solid var(--a-line);color:var(--a-forest);font-size:1.3rem;transition:background-color .25s,color .25s,border-color .25s}
#page-accueil .tem-fleche:hover:not(:disabled){background:var(--a-forest);border-color:var(--a-forest);color:#fff}
#page-accueil .tem-point{background:var(--a-mute);border-radius:0;width:10px;height:3px}
#page-accueil .tem-point.actif{background:var(--a-forest);transform:none;width:28px}
#page-accueil .tem-cta-avis{text-align:left}
#page-accueil .lien-avis{font-family:var(--f-body);font-size:1rem;color:var(--a-forest);padding:.3rem 0}
#page-accueil .avis-form{margin:1.8rem 0 0;max-width:640px;border:0;padding:clamp(1.6rem,3vw,2.4rem)}
#page-accueil .avis-form h3{font-family:var(--f-display);font-weight:400;font-size:2rem;text-align:left}
#page-accueil .avis-form .sous{text-align:left;color:var(--a-ink-soft)}
#page-accueil .avis-champ label{opacity:1;font-size:.9rem;font-weight:500;color:var(--a-ink)}
#page-accueil .avis-champ input,#page-accueil .avis-champ textarea,#page-accueil .avis-champ select{font-family:var(--f-body);font-size:1rem;border:0;border-bottom:1.5px solid var(--a-mute);border-radius:0;background:var(--a-paper);padding:.9rem 1rem}
#page-accueil .avis-champ input:focus,#page-accueil .avis-champ textarea:focus,#page-accueil .avis-champ select:focus{border-bottom-color:var(--a-forest);background:#fff;box-shadow:none}
#page-accueil .avis-etoile.on{color:var(--a-forest)}
#page-accueil .avis-prive,#page-accueil .avis-mention{color:var(--a-ink-soft)}

/* ---------- FAQ ---------- */
#page-accueil .faq{background:var(--a-bg)}
#page-accueil .faq .container > div:first-child{text-align:left!important}
#page-accueil .faq .faq-grid{max-width:none;margin:clamp(2rem,4vw,3rem) 0 0;border-top:1.5px solid var(--a-forest)}
#page-accueil .faq-item{border-bottom:1px solid var(--a-line);position:relative}
#page-accueil .faq-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--a-forest);scale:1 0;transform-origin:top;transition:scale .45s var(--ease)}
#page-accueil .faq-item.open::before{scale:1 1}
#page-accueil .faq-question{font-family:var(--f-body);font-size:clamp(1.05rem,1.6vw,1.22rem);font-weight:500;padding:1.6rem 0;color:var(--a-ink);transition:padding-left .4s var(--ease),color .25s}
#page-accueil .faq-item.open .faq-question,#page-accueil .faq-question:hover{padding-left:1.2rem;color:var(--a-forest)}
#page-accueil .faq-icon{width:40px;height:40px;border:1px solid var(--a-line);border-radius:0}
#page-accueil .faq-icon::before{font-family:var(--f-body);font-weight:300;font-size:1.35rem}
#page-accueil .faq-item.open .faq-icon{background:var(--a-forest);border-color:var(--a-forest)}
#page-accueil .faq-answer-inner{font-size:1rem;line-height:1.7;color:var(--a-ink-soft);max-width:68ch;padding:0 0 1.7rem 1.2rem}
@media(min-width:900px){
  #page-accueil .faq .container{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:clamp(3rem,7vw,7rem);align-items:start}
  #page-accueil .faq .faq-grid{margin-top:0}
  #page-accueil .faq .container > div:first-child{position:sticky;top:7rem}
  #page-accueil .faq .container > div:first-child h2{max-width:10ch}
}

/* ---------- CTA FINAL : le champ de marqueurs revient, en Forest ---------- */
#page-accueil .cta-final{padding:0 var(--a-gutter) clamp(4rem,8vw,7rem);background:var(--a-bg)}
#page-accueil .cta-final .container{background:var(--a-forest);max-width:var(--a-max);position:relative;overflow:hidden;isolation:isolate;
  padding:clamp(3.5rem,9vw,8rem) clamp(1.5rem,6vw,5rem);text-align:center}
#page-accueil .cta-final .container > *{position:relative;z-index:2}
#page-accueil .cta-final .container > .dz-field{position:absolute;z-index:0;opacity:.55}
#page-accueil .cta-final .eyebrow{color:var(--a-sage)}
#page-accueil .cta-final h2{font-size:clamp(2.6rem,7vw,6rem);line-height:.96;letter-spacing:-.035em;max-width:13ch;margin:0 auto 1.4rem;color:#fff}
#page-accueil .cta-final p{color:rgba(255,255,255,.78);font-size:inherit;margin:0 auto 2.4rem;max-width:46ch}
#page-accueil .cta-final .btn-primary{background:linear-gradient(var(--a-sage-pale),var(--a-sage-pale)) no-repeat left/0% 100%,#fff;color:var(--a-forest)}
#page-accueil .cta-final .btn-primary:hover{background-size:100% 100%,auto}
#page-accueil .cta-final .btn-primary::before{background:var(--a-forest)}
#page-accueil .cta-final .btn-primary::after{background-color:var(--a-sage-pale)}

/* ---------- Pied de page ---------- */
footer{background:var(--a-ink);color:rgba(255,255,255,.62);padding:clamp(3.5rem,7vw,5.5rem) 0 2.5rem;font-size:.95rem}
footer .container{display:grid;gap:2.5rem;align-items:start}
.footer-brand{font-family:var(--f-body);font-weight:600;font-size:1.05rem;letter-spacing:.24em;color:#fff}
.footer-fr{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.14em;color:var(--a-sage)}
.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 2rem}
.footer-links a{color:rgba(255,255,255,.72);font-size:.95rem;background:linear-gradient(#fff,#fff) no-repeat left bottom/0% 1px;transition:background-size .35s var(--ease),color .2s;padding-bottom:2px}
.footer-links a:hover{color:#fff;background-size:100% 1px}
.footer-disclaimer{grid-column:1 / -1;margin:0;padding-top:1.8rem;border-top:1px solid rgba(255,255,255,.12);text-align:left;font-size:.82rem;line-height:1.6;color:rgba(255,255,255,.55);max-width:none}
@media(min-width:900px){
  footer .container{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
  .footer-links{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Apparitions propres au hero */
.dz-js #page-accueil .portail-sub{clip-path:inset(0 0 100% 0);translate:0 .25em;animation:dzHero 1.3s var(--ease) .15s forwards!important}
.dz-js #page-accueil .portail-brand{clip-path:inset(0 100% 0 0);animation:dzBrand .9s var(--ease) .05s forwards!important}
@keyframes dzHero{to{clip-path:inset(-10% -5% -15% -5%);translate:0 0}}
@keyframes dzBrand{to{clip-path:inset(0 0 0 0)}}
@media(prefers-reduced-motion:reduce){
  .dz-js #page-accueil .portail-sub,.dz-js #page-accueil .portail-brand{clip-path:none;translate:none}
  #page-accueil .pulse-main{stroke-dashoffset:0}
}
/* ======================= PASSE CONVERSION =======================
   Aucun texte nouveau : les boutons ajoutés au hero et à la barre mobile
   sont des copies d'éléments déjà présents (mêmes libellés, mêmes liens).
   Parcours : problème, solution, preuve, facilité, avis, confiance,
   choix et prix, alternative, entrée sans engagement, objections, action. */
#page-accueil.active{display:flex;flex-direction:column}
#page-accueil > .portail{order:1}
#page-accueil > .promesse{order:2}
#page-accueil > .what{order:3}
#page-accueil > .how{order:4}
#page-accueil > .routeur{order:5;background:var(--a-paper)}
#page-accueil > .apercu{order:6}
#page-accueil > .comment-ca-marche{order:7}
#page-accueil > .temoignages{order:8}
#page-accueil > .why{order:9;background:var(--a-bg)}
#page-accueil > .points-forts{order:10;background:var(--a-paper)}
#page-accueil > .decouverte{order:11;padding-top:var(--a-section)}
#page-accueil > .faq{order:12}
#page-accueil > .cta-final{order:13}
#page-accueil > script{order:99}

/* Hero : l'action tout de suite, avant même la scène */
#page-accueil .portail .dz-hero-cta{order:3;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem 1.8rem;margin-top:clamp(1.8rem,3.5vw,2.6rem)}
#page-accueil .portail .portail-line{order:5}
#page-accueil .portail .scroll-hint{order:6}
.dz-hero-go{min-width:230px;font-size:1.05rem!important}
.dz-js .dz-hero-go::before{animation:dzNudge 1.1s var(--ease) 2.8s 2}
@keyframes dzNudge{0%,100%{translate:0 0}45%{translate:6px 0}}
.dz-link{font-family:var(--f-body);font-weight:600;font-size:1rem;color:var(--a-forest);display:inline-flex;align-items:center;gap:.55rem;padding:.4rem 0;cursor:pointer;
  background:linear-gradient(var(--a-forest),var(--a-forest)) no-repeat left bottom/100% 1.5px;transition:background-size .4s var(--ease)}
.dz-link::after{content:'';width:14px;height:14px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2v11M4 9l4 4 4-4' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2v11M4 9l4 4 4-4' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat;transition:translate .35s var(--ease)}
.dz-link:hover{background-size:0% 1.5px;background-position:right bottom}
.dz-link:hover::after{translate:0 3px}
#page-accueil .portail .dz-hero-trust{order:4;display:flex;align-items:center;justify-content:center;gap:.6rem;margin:1.3rem auto 0;max-width:46ch;
  font-size:.9rem;line-height:1.45;color:var(--a-ink-soft);text-align:left}
.dz-hero-trust::before{content:'';width:20px;height:20px;flex:none;background:var(--a-sage-deep);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 4 5v6c0 5 3.4 9.3 8 11 4.6-1.7 8-6 8-11V5l-8-3Z' fill='none' stroke='black' stroke-width='1.6'/%3E%3Cpath d='m8.5 12 2.5 2.5 4.5-5' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 4 5v6c0 5 3.4 9.3 8 11 4.6-1.7 8-6 8-11V5l-8-3Z' fill='none' stroke='black' stroke-width='1.6'/%3E%3Cpath d='m8.5 12 2.5 2.5 4.5-5' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat}

/* Produit phare : mis en avant partout où l'on choisit */
#page-accueil .how-card:first-child{background:var(--a-sage-pale)}
.dz-badge{position:absolute;right:clamp(1.6rem,2.6vw,2.4rem);top:clamp(1.35rem,2.4vw,2rem);font-family:var(--f-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;
  background:var(--a-forest);color:#fff;padding:.32rem .6rem}
#page-accueil .how-card:hover .dz-badge{background:var(--a-sage);color:var(--a-forest)}
.routeur-card.phare{background:linear-gradient(var(--a-forest),var(--a-forest)) no-repeat left/0% 100%,var(--a-sage-pale)!important}
.routeur-card.phare .routeur-price{font-size:clamp(1.3rem,2vw,1.6rem)}
.routeur-card.phare .badge{background:var(--a-forest);color:#fff}

/* Barre d'action mobile : le bouton reste sous le pouce */
.dz-sticky{position:fixed;left:0;right:0;bottom:0;z-index:150;display:none;
  padding:.7rem var(--a-gutter) calc(.7rem + env(safe-area-inset-bottom,0px));
  background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--a-line);
  translate:0 110%;transition:translate .45s var(--ease)}
.dz-sticky.on{translate:0 0}
.dz-sticky .btn-primary{width:100%;min-height:54px}
@media(max-width:768px){.dz-sticky{display:block}}

/* Avis : la note devient un repère visible */
#page-accueil .temoignages .note-globale{display:inline-flex;align-items:center;gap:.6rem;background:var(--a-forest);color:#fff;padding:.5rem .9rem;font-size:.85rem}
@media(max-width:600px){
  #page-accueil .portail .dz-hero-cta{flex-direction:column;align-items:stretch;width:100%;max-width:420px}
  .dz-hero-go{min-width:0;width:100%}
  .dz-link{align-self:center}
}

/* ======================= CORRECTIFS DE REVUE ======================= */
/* Anciens gris semi-transparents des vues internes (Premiers pas, Commencer,
   Notre histoire, News) : remplacés par des gris pleins lisibles. */
:root{--ink-60:#5B5852;--ink-30:#716E68}
.choisir-free p{color:rgba(255,255,255,.82)!important}
.choisir-or span{color:var(--a-ink-soft)}
/* Produit phare : le remplissage vert au survol doit aussi marcher sur lui */
.routeur-card.phare:hover{background-size:100% 100%,auto!important}

/* ======================= NAVIGATION, RÉGLAGES FINAUX ======================= */
/* Grand écran : un en-tête plus haut, des liens aérés, le bouton séparé */
@media(min-width:1181px){
  nav{padding:1.05rem 0!important}
  .nav-links{gap:clamp(1.4rem,2.2vw,2.3rem)}
  .nav-links a{font-size:1rem}
  .nav-links > li:last-child{padding-left:clamp(1rem,1.8vw,1.8rem);border-left:1px solid var(--a-line)}
}
/* Écran intermédiaire (portable, tablette) : le menu passe en tiroir plutôt que de s'entasser */
@media(min-width:769px) and (max-width:1180px){
  .nav-mobile-toggle{display:block}
  .nav-links{display:flex;flex-direction:column;align-items:flex-start;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--a-line);
    gap:1.3rem;max-height:0;opacity:0;overflow:hidden;padding:0 var(--a-gutter);pointer-events:none;
    transition:max-height .35s var(--ease),opacity .3s var(--ease),padding .35s var(--ease)}
  .nav-links.open{max-height:80vh;overflow:auto;opacity:1;padding:1.8rem var(--a-gutter) 2.2rem;pointer-events:all}
  .nav-links a{font-size:1.15rem}
  .nav-links > li > a:not(.nav-cta)::after{display:none}
  .nav-menu{display:none}
}
/* Téléphone : le tiroir s'ouvre en entier, même avec tous les liens */
@media(max-width:768px){
  .nav-links.open{max-height:85vh;overflow:auto}
  .nav-links > li{width:100%}
  .nav-links > li:last-child .nav-cta{display:flex;justify-content:center;width:100%;min-height:52px;align-items:center}
}

/* ======================= LECTURE MOBILE (ACCUEIL) ======================= */
#page-accueil .why-signature{font-family:var(--f-body)!important;letter-spacing:0}
#page-accueil .cta-final .container > .dz-field{opacity:.42}
@media(max-width:600px){
  #page-accueil .how-txt,#page-accueil .step p,#page-accueil .frise-l,#page-accueil .faq-answer-inner,
  #page-accueil .methode-liste li,#page-accueil .methode-texte-p,#page-accueil .apercu-text p,
  #page-accueil .what-intro,#page-accueil .routeur .section-intro,.routeur-card p{font-size:1.0625rem;line-height:1.6}
  #page-accueil .how-legal,#page-accueil .methode-legal,#page-accueil .frise-legende,#page-accueil .how-reassurance + .how-legal{font-size:.84rem;line-height:1.55}
  #page-accueil .step-num{font-size:4.6rem;margin-bottom:.8rem}
  #page-accueil .step{padding:1.2rem 0 1.4rem}
  #page-accueil .cta-final .container > .dz-field{opacity:.22}
  #page-accueil .portail{padding-top:6.4rem}
  #page-accueil .how-card{padding-top:4rem}
  .routeur-card{grid-template-columns:1.9rem minmax(0,1fr);row-gap:.1rem}
  .routeur-price{grid-column:2;grid-row:auto;margin-top:.7rem;font-size:1.15rem}
  #page-accueil .temoignage blockquote{font-size:1.3rem}
}

/* ── Corrections de lisibilité (vérification du 30/09) ──────────────────
   Vue article : les deux mentions « ne remplace pas un avis médical »
   étaient en sauge sur fond clair (contrastes 2,2 et 2,7). */
#page-article-doctissimo-ia .article-cta .legal-sm{color:var(--a-ink-soft)}
#page-article-doctissimo-ia .article-full > p[style*="color:var(--sage)"]{color:var(--a-ink-soft)!important}
/* Survol d'une carte d'analyse : badge « Le plus demandé » blanc sur sauge (2,6) */
.routeur-card:hover .badge{background:#fff;color:var(--a-forest)}

/* ── Carte « Mémoire de fin d'études » (vue Notre histoire) ─────────────
   Le bloc d'origine (coins arrondis, fond beige, émoji) n'était pas repris
   par le design. On l'aligne sur le langage de la refonte : bloc sauge à
   coin biseauté, angles vifs, titre serif, mention en police machine,
   pictogramme au trait. Le HTML et le formulaire ne changent pas. */
#page-histoire .histoire-download,
#page-histoire .histoire-download-form{background:var(--a-sage-pale);border:0;border-radius:0;
  clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%);
  padding:1.75rem 1.9rem;gap:1.25rem 1.6rem;margin:2.75rem 0}
#page-histoire .histoire-download-ic{font-size:0;line-height:0;width:30px;height:38px;flex:none;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 38'%3E%3Cpath d='M.75.75h19l9.5 9.5v27H.75z' fill='none' stroke='%230A3D31' stroke-width='1.5'/%3E%3Cpath d='M19.75.75v9.5h9.5' fill='none' stroke='%230A3D31' stroke-width='1.5'/%3E%3Cpath d='M6 18h18M6 23.5h18M6 29h11' stroke='%2384A593' stroke-width='1.5'/%3E%3C/svg%3E")}
#page-histoire .histoire-download-info{gap:.45rem}
#page-histoire .histoire-download-info strong{font-family:var(--f-display);font-weight:400;font-size:1.5rem;line-height:1.15;letter-spacing:-.01em;color:var(--a-forest)}
#page-histoire .histoire-download-info span{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--a-ink-soft)}
#page-histoire .histoire-download-form input{flex:1;min-width:200px;background:#fff;border:0;border-bottom:1.5px solid var(--a-forest);
  border-radius:0;padding:1rem 1.1rem;font-family:var(--f-body);font-size:1rem;color:var(--a-ink)}
#page-histoire .histoire-download-form input:focus{outline:2px solid var(--a-forest);outline-offset:0}
#page-histoire .histoire-download-ok{background:var(--a-sage-pale);border-radius:0;border-left:3px solid var(--a-forest);padding:1.1rem 1.4rem}
@media (max-width:600px){
  #page-histoire .histoire-download,#page-histoire .histoire-download-form{padding:1.5rem 1.25rem}
  #page-histoire .histoire-download .btn-primary,#page-histoire .histoire-download-form .btn-primary{width:100%}
}

/* ======================= VUES INTERNES : MÊMES ANGLES QUE LE RESTE ======================= */
/* Premiers pas, Commencer, News, article : plus de cartes arrondies ni de pastilles.
   Cartes à angle coupé, étiquettes carrées en mono, champ souligné. */
.pp-card,.choisir-free,.news-card,.article-cta{border-radius:0!important;
  clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}
.pp-card,.news-card{background:var(--a-paper);border:0}
.news-card{transition:background-color .35s,translate .45s var(--ease)}
.news-card:hover{background:var(--a-sage-pale);transform:none;translate:0 -3px}
.news-card:hover .news-tag{background:#fff}
.article-cta{background:var(--a-sage-pale)}
.pp-result{border-radius:0;background:var(--a-sage-pale);
  clip-path:polygon(0 0,calc(100% - var(--cut-sm)) 0,100% var(--cut-sm),100% 100%,0 100%)}
.prod-tag,.news-tag,.article-full .article-tag,.pp-free-badge span{border-radius:0;font-family:var(--f-mono);font-size:.7rem;
  letter-spacing:.12em;background:var(--a-sage-pale);color:var(--a-forest);padding:.32rem .6rem}
.pp-free-badge span{letter-spacing:.06em}
.choisir-free .prod-tag{background:rgba(255,255,255,.14);color:#fff}
.pp-card input[type=range]{border-radius:0}
.pp-form input[type=email]{background:#fff;border:0;border-bottom:1.5px solid var(--a-forest);border-radius:0;
  padding:1rem 1.1rem;font-family:var(--f-body);font-size:1rem;color:var(--a-ink)}
.pp-form input[type=email]:focus{outline:2px solid var(--a-forest);outline-offset:0;border-color:var(--a-forest)}
.pp-success{border-radius:0;background:var(--a-sage-pale);border-left:3px solid var(--a-forest)}
.pp-result .profile-name{font-family:var(--f-display);font-weight:400;font-size:1.65rem;letter-spacing:-.01em}