/* ===================================================================
   AEMERA · pages professionnelles, design 2026
   entreprises, pro, tco-absenteisme, acces.
   Registre plus « éditeur logiciel » : grille, chiffres en mono,
   blocs Forest. Aucun texte, champ ni script modifié ; les animations
   GSAP d'origine (entreprises) restent en place.
   =================================================================== */

body{background:var(--a-bg);font-family:var(--f-body);color:var(--a-ink);font-size:1.0625rem}
p{max-width:none}

/* En-tête commun */
.entete{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92)!important;-webkit-backdrop-filter:saturate(1.5) blur(14px);backdrop-filter:saturate(1.5) blur(14px);
  border-bottom:1px solid var(--a-line);padding:.95rem var(--a-gutter)!important}
.entete .int,.entete-int{max-width:var(--a-max)!important;margin:0 auto}
.entete a.marque{font-family:var(--f-body);font-weight:600;font-size:1.02rem;letter-spacing:.24em;color:var(--a-forest)}
.entete a.retour{font-family:var(--f-body);font-weight:500;font-size:.95rem;color:var(--a-ink);
  background:linear-gradient(var(--a-forest),var(--a-forest)) no-repeat right bottom/0% 1.5px;padding-bottom:2px;transition:background-size .35s var(--ease)}
.entete a.retour:hover{color:var(--a-forest);background-size:100% 1.5px;background-position:left bottom}

h1{font-family:var(--f-display);font-weight:400;font-size:clamp(2.5rem,6vw,4.6rem);line-height:.98;letter-spacing:-.03em;color:var(--a-forest);text-wrap:balance}
h2{font-family:var(--f-display);font-weight:400;font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.04;letter-spacing:-.02em;color:var(--a-forest);text-wrap:balance}
.eyebrow{background:none!important;padding:0!important;border-radius:0!important}
.chapeau,.lede{font-size:clamp(1.1rem,1.6vw,1.28rem);line-height:1.6;color:var(--a-ink-soft);opacity:1}

footer{background:var(--a-ink);color:rgba(255,255,255,.62);border:0;padding:2.4rem var(--a-gutter);font-size:.88rem;max-width:none!important;margin:0!important}
footer a{color:#fff}

/* ========== ENTREPRISES ========== */
section{padding:clamp(4.5rem,8vw,7rem) var(--a-gutter)}
section .int{max-width:880px}
.bg-stone{background:var(--a-paper)}
body > section:first-of-type{padding-top:clamp(4rem,8vw,6.5rem)}
body > section:first-of-type h1{font-size:clamp(2.8rem,7vw,5.4rem);max-width:15ch;margin-bottom:1.6rem}
.scene{font-size:1.05rem;line-height:1.65;opacity:1;color:var(--a-ink-soft);padding-left:1.4rem;border-left:3px solid var(--a-sage);max-width:62ch}

.cta-hero{--arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 8h11M9 4l4 4-4 4' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E");
  min-height:56px;font-family:var(--f-body);font-weight:600;font-size:1.02rem;border-radius:0;padding:.5rem 1.4rem;
  clip-path:polygon(0 0,calc(100% - var(--cut-sm)) 0,100% var(--cut-sm),100% 100%,0 100%);box-shadow:none!important;
  background:linear-gradient(var(--a-sage-deep),var(--a-sage-deep)) no-repeat left/0% 100%,var(--a-forest);color:#fff;transition:background-size .45s var(--ease)!important}
.cta-hero:hover{background-size:100% 100%,auto}

/* Services : trois lignes numérotées, aperçu du rapport au survol */
.services{gap:0;border-top:1.5px solid var(--a-forest);counter-reset:dzsvc}
.svc{counter-increment:dzsvc;background:none!important;border:0!important;border-bottom:1px solid var(--a-line)!important;border-radius:0!important;
  padding:1.8rem 0 1.8rem 3.4rem!important;box-shadow:none!important;transition:background-color .3s!important}
.svc::before{content:counter(dzsvc,decimal-leading-zero);position:absolute;left:0;top:2.15rem;font-family:var(--f-mono);font-size:.8rem;letter-spacing:.1em;color:var(--a-sage-deep)}
.svc:hover{background:#fff!important}
.svc h3{font-family:var(--f-display);font-weight:400;font-size:clamp(1.7rem,2.8vw,2.3rem);line-height:1.08;color:var(--a-forest);margin-bottom:.6rem}
.svc p{font-size:1.02rem;opacity:1;color:var(--a-ink-soft)}
.svc .detail{border-top:0;padding-top:0;margin-top:.5rem;opacity:1;color:var(--a-ink);font-size:.98rem}
.svc-mobile-btn{border-radius:0;border:1.5px solid var(--a-forest);color:var(--a-forest);font-family:var(--f-body);font-size:.95rem;min-height:46px;padding:.6rem 1rem}
.svc-vignette{border-radius:0;border:1px solid var(--a-line)}
.svc-hover-txt{font-family:var(--f-body)!important;color:var(--a-forest)!important;font-size:.98rem!important}

/* Bannière simulateur : le chiffre qui déclenche la question */
.tco-section{padding:0 var(--a-gutter) clamp(3rem,6vw,5rem)!important}
.tco-banniere{border-radius:0;padding:clamp(1.6rem,3.5vw,2.6rem);gap:1.6rem;box-shadow:none!important;
  clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%);transition:background-color .3s!important}
.tco-banniere:hover{background:var(--a-forest-2)}
.tco-banniere-ico{display:none}
.tco-banniere-txt strong{font-family:var(--f-display);font-weight:400;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.1}
.tco-banniere-txt span{font-size:1rem}
.tco-banniere-btn{font-family:var(--f-body);border-radius:0;padding:.95rem 1.4rem;
  clip-path:polygon(0 0,calc(100% - var(--cut-sm)) 0,100% var(--cut-sm),100% 100%,0 100%)}

/* Objections : format question/réponse éditorial */
.objections{gap:0;border-top:1.5px solid var(--a-forest)}
.obj{background:none!important;border:0!important;border-bottom:1px solid var(--a-line)!important;border-radius:0!important;padding:1.6rem 0!important;display:grid;gap:.6rem}
.obj .q{font-family:var(--f-display);font-weight:400;font-size:clamp(1.45rem,2.4vw,1.85rem);line-height:1.15;color:var(--a-forest)}
.obj .r{font-size:1.02rem;opacity:1;color:var(--a-ink-soft)}
.obj .r strong{color:var(--a-ink)}
@media(min-width:880px){.obj{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);column-gap:3rem;align-items:start}}

.cas{background:#fff;border:0;border-left:3px solid var(--a-forest);border-radius:0;padding:clamp(1.4rem,3vw,2rem);
  clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}
.cas .t{font-family:var(--f-mono);font-weight:500;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--a-forest)}

/* Étapes : cases à angle coupé sur un fil */
.etapes{gap:1.8rem}
.etapes li{font-size:1.02rem;color:var(--a-ink-soft);gap:1.3rem}
.etapes li strong{font-family:var(--f-display);font-weight:400;font-size:1.5rem;color:var(--a-forest)}
.num{width:40px;height:40px;border-radius:0!important;font-family:var(--f-mono);font-weight:500;background:var(--a-forest);
  clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%)}
.etapes-ligne-fond{left:19px;background:var(--a-mute)}
.etapes-ligne-remplie{left:19px;background:var(--a-forest)}
.confidentialite{background:var(--a-forest);color:rgba(255,255,255,.85);border-radius:0;padding:clamp(1.4rem,3vw,2rem);font-size:1rem}
.confidentialite strong{color:#fff}

.recu{gap:1px;background:var(--a-line);border:1px solid var(--a-line)}
.recu-item{background:#fff!important;border:0!important;border-radius:0!important;padding:1.3rem 1.4rem!important}
.recu-ico{border-radius:0;background:var(--a-forest);color:#fff;width:28px;height:28px;font-size:.8rem}
.recu-txt strong{font-family:var(--f-display);font-weight:400;font-size:1.35rem;color:var(--a-forest)}
.recu-txt span{font-size:.98rem;opacity:1;color:var(--a-ink-soft)}
@media(min-width:760px){.recu{display:grid;grid-template-columns:1fr 1fr}}

/* Tarif : calculateur en tableau de bord */
.tarif{background:#fff;border:1px solid var(--a-line);border-radius:0;padding:clamp(1.6rem,3.5vw,2.6rem);border-top:4px solid var(--a-forest)}
.tco-callout{background:var(--a-sage-pale);border:0;border-radius:0;padding:1.2rem 1.3rem;transition:background-color .25s!important}
.tco-callout:hover{transform:none}
.tco-callout:hover{background:#D3DFD0}
.tco-callout-txt strong{font-family:var(--f-display);font-weight:400;font-size:1.4rem;color:var(--a-forest)}
.tco-callout-txt span{opacity:1;color:var(--a-ink-soft);font-size:.95rem}
.tarif label{font-family:var(--f-body);font-size:1rem;color:var(--a-ink)}
.tarif .aide{opacity:1;color:var(--a-ink-soft);font-size:.92rem}
input[type=number]#volume{font-family:var(--f-mono);font-size:1.6rem;min-height:60px}
input[type=text],input[type=email],input[type=number]{min-height:54px;border:0!important;border-bottom:2px solid var(--a-mute)!important;border-radius:0!important;background:var(--a-paper)!important;font-size:1.05rem;transition:border-color .2s}
input[type=text]:focus,input[type=email]:focus,input[type=number]:focus{border-bottom-color:var(--a-forest)!important;background:#fff!important;outline:none}
.paliers{font-family:var(--f-mono);color:var(--a-ink-soft)}
.prix{border-color:var(--a-line)}
.prix .montant{font-family:var(--f-display);font-weight:400;font-size:clamp(3.6rem,7vw,5rem);letter-spacing:-.03em;line-height:1}
.prix .periode{font-family:var(--f-mono);font-size:.85rem;opacity:1;color:var(--a-ink-soft)}
.prix .unitaire{font-family:var(--f-mono);color:var(--a-forest)}
.report{background:var(--a-paper);border-radius:0;border-left:3px solid var(--a-sage-deep);font-size:.95rem}
.btn{min-height:58px;font-family:var(--f-body);font-weight:600;font-size:1.05rem;border-radius:0;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);
  background:linear-gradient(var(--a-sage-deep),var(--a-sage-deep)) no-repeat left/0% 100%,var(--a-forest);color:#fff;transition:background-size .45s var(--ease)}
.btn:hover:not(:disabled){background-size:100% 100%,auto}
.instant{color:var(--a-forest);font-size:.95rem}
.legal{font-size:.85rem;opacity:1;color:var(--a-ink-soft)}
.dispo{font-family:var(--f-mono);font-size:.85rem}

.modale-boite{border-radius:0;clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}
.modale-fermer{border-radius:0;background:var(--a-paper)}
.modale-titre{font-family:var(--f-display);font-weight:400;font-size:1.6rem}
.modale-img{border-radius:0}
.modale-lien{font-family:var(--f-body)}

/* ========== PRO : deux portes d'entrée ========== */
main{max-width:var(--a-max)!important;padding:clamp(3.5rem,7vw,6rem) var(--a-gutter)!important}
.choix{gap:1px!important;background:var(--a-line);border:1px solid var(--a-line)}
.carte{position:relative;background:#fff;border:0!important;border-radius:0!important;padding:clamp(1.8rem,4vw,3rem)!important;box-shadow:none!important;transform:none!important;
  transition:background-color .4s!important}
.carte .ico{display:none}
.carte h2{font-family:var(--f-display);font-weight:400;font-size:clamp(1.9rem,3.2vw,2.6rem);line-height:1.05;color:var(--a-forest);margin-bottom:.9rem;transition:color .3s}
.carte p{font-size:1.02rem;opacity:1;color:var(--a-ink-soft);margin-bottom:2rem;transition:color .3s}
.fleche{font-family:var(--f-body);font-size:1.02rem;color:var(--a-forest);display:inline-flex;padding:.9rem 1.2rem;background:var(--a-sage-pale);
  clip-path:polygon(0 0,calc(100% - var(--cut-sm)) 0,100% var(--cut-sm),100% 100%,0 100%);transition:background-color .3s,color .3s}
.carte:hover{background:var(--a-forest)}
.carte:hover h2{color:#fff}
.carte:hover p{color:rgba(255,255,255,.8)}
.carte:hover .fleche{background:#fff}
main > section{padding:2.4rem 0 0!important;border-top-color:var(--a-line)!important}
main > section h2{font-family:var(--f-display)!important;font-weight:400!important;font-size:1.8rem!important}

/* ========== SIMULATEUR ========== */
body:has(.jauge){padding:0 0 64px}
body:has(.jauge) .entete{margin:0 0 clamp(2.5rem,5vw,4rem)!important}
.wrap{max-width:760px;padding:0 var(--a-gutter)}
body:has(.jauge) h1{font-size:clamp(2.2rem,5.5vw,3.6rem);margin-bottom:1.2rem}
.card{background:#fff;border:0;border-left:3px solid var(--a-line);border-radius:0;padding:1.4rem 1.5rem;margin-bottom:1rem;transition:border-color .25s}
.card:focus-within{border-left-color:var(--a-forest)}
.tit{font-family:var(--f-mono);font-weight:500;font-size:.74rem;letter-spacing:.14em;color:var(--a-forest)}
.hint{font-size:.95rem;color:var(--a-ink-soft)}
.formule{background:var(--a-paper);border-radius:0;font-size:.98rem}
.info{border-radius:0;border-color:var(--a-forest);color:var(--a-forest)}
.tip{border-radius:0;font-size:.9rem}
.out{gap:1px;background:var(--a-line);border:1px solid var(--a-line)}
.kpi{background:#fff;border-radius:0;padding:1.1rem 1.2rem}
.kpi b{font-family:var(--f-display);font-weight:400;font-size:clamp(1.8rem,4vw,2.4rem);letter-spacing:-.02em;line-height:1.05}
.kpi span{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.06em;color:var(--a-ink-soft)}
.kpi.net{background:var(--a-forest)}
.kpi.net b{font-size:clamp(2.6rem,6vw,3.6rem)}
.kpi.net span{color:var(--a-sage)}
.pct-val{font-family:var(--f-display);font-weight:400;font-size:2.2rem}
.jauge-ends,.note{font-family:var(--f-mono);font-size:.76rem;color:var(--a-ink-soft)}
.cta-retour{min-height:58px;display:block;line-height:1.4;padding:1.05rem 1.4rem!important;text-align:center;font-family:var(--f-body);font-size:1.05rem;border-radius:0;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);
  background:linear-gradient(var(--a-sage-deep),var(--a-sage-deep)) no-repeat left/0% 100%,var(--a-forest);transition:background-size .45s var(--ease)}
.cta-retour:hover{background-size:100% 100%,auto}
body:has(.jauge) footer{margin-top:3rem!important}

/* ========== ACCÈS SALARIÉ ========== */
#etape1 label,#etape2 label{font-family:var(--f-body);font-size:1rem;color:var(--a-ink)}
#code{font-family:var(--f-mono)!important;font-size:1.3rem!important;letter-spacing:.1em;min-height:62px}
.msg{border-radius:0;font-size:.98rem}
.note{font-size:.92rem;opacity:1;color:var(--a-ink-soft)}
.solde{font-family:var(--f-mono);font-size:.85rem;color:var(--a-forest);background:var(--a-sage-pale);display:inline-block;padding:.4rem .7rem}
.produits{gap:0;border-top:1.5px solid var(--a-forest)}
.prod{background:none!important;border:0!important;border-bottom:1px solid var(--a-line)!important;border-radius:0!important;padding:1.5rem .5rem!important;box-shadow:none!important;transform:none!important;
  background:linear-gradient(var(--a-forest),var(--a-forest)) no-repeat left/0% 100%!important;transition:background-size .5s var(--ease)!important}
.prod h3{font-family:var(--f-display);font-weight:400;font-size:1.8rem;color:var(--a-forest);transition:color .3s}
.prod p{font-size:1rem;opacity:1;color:var(--a-ink-soft);transition:color .3s}
.prod .cout{border-radius:0;font-family:var(--f-mono);background:var(--a-sage-pale);color:var(--a-forest)}
.prod:hover{background-size:100% 100%!important}
.prod:hover h3{color:#fff}
.prod:hover p{color:rgba(255,255,255,.8)}
.prod.indispo{background:var(--a-paper)!important}
.confid{background:var(--a-paper);border-left:3px solid var(--a-forest);border-radius:0;font-size:.98rem}

/* ======================= CORRECTIFS DE REVUE ======================= */
main > section p{opacity:1!important;color:var(--a-ink-soft)}
main > section a{color:var(--a-forest)!important}
.tco-banniere,.tco-banniere:hover{transform:none}