/* Groupe Axeterm (marque fictive) · DÉMO Studio ENR · composants propres au site (chargé après site.css)
   Héros « maison vivante », bandeau de chiffres, en-têtes de pages, récit pièce par pièce, grille bento,
   formulaire de rappel, articles et pages légales, menu mobile, pied de page. */

/* ---------- Bandeau démo ---------- */
.demo-bandeau{background:#06101C;color:#C9D3DE;font:500 13px/1.45 var(--inter)}
.demo-bandeau .wrap{display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center;justify-content:space-between;padding-top:8px;padding-bottom:8px}
.demo-bandeau b{color:var(--leaf);font-weight:600}
.demo-bandeau a{color:#fff;font-weight:600;text-decoration:none}

/* ---------- En-tête ---------- */
.ax-top .brand svg{height:52px;width:52px;flex:none}
.ax-top .brand .bt small,.ax-foot .brand .bt small{color:var(--leaf-dark)}
.aud-bar .wrap{display:flex;align-items:center;gap:14px}
.aud-tel{margin-left:auto;font-size:12.5px;color:rgba(255,255,255,.72)}
.aud-tel b{color:#fff;letter-spacing:.02em}
.ax-nav a[aria-current="page"]{color:var(--forest);box-shadow:inset 0 -2px 0 var(--leaf)}
.ax-nav .nav-contact{display:none}
.ax-burger{display:none;width:46px;height:46px;border-radius:10px;border:1px solid var(--line);background:#fff;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.ax-burger span{display:block;width:20px;height:2px;background:var(--forest);border-radius:2px;transition:transform .25s,opacity .25s}
.vh-ax{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* Menu complet à partir de 1 200 px, toujours décollé du bouton ; en dessous, bouton « Menu » (le bouton d'appel reste visible jusqu'à 760 px) */
@media (min-width:1280px){.top .ax-nav{display:flex;gap:18px}.top .ax-nav a{font-size:14px}}
@media (max-width:999px){
  .aud-tel{display:none}
}
@media (max-width:1199px){
  .ax-burger{display:inline-flex}
  .ax-top .ax-cta{margin-left:auto}
  .ax-nav{position:fixed;left:0;right:0;top:0;bottom:0;z-index:60;display:none!important;flex-direction:column;gap:4px;padding:96px max(20px,env(safe-area-inset-right,0px)) 32px max(20px,env(safe-area-inset-left,0px));background:var(--forest);overflow:auto}
  .ax-nav a{color:#fff!important;font:700 22px/1.2 var(--sora)!important;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:none!important}
  .ax-nav .nav-sim{align-self:flex-start;margin-bottom:10px;font-size:16px!important;border-bottom:0}
  .ax-nav .nav-contact{display:block}
  body.ax-menu .ax-nav{display:flex!important}
  body.ax-menu .top{-webkit-backdrop-filter:none;backdrop-filter:none}
  body.ax-menu .ax-burger{position:relative;z-index:61}
  body.ax-menu .ax-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  body.ax-menu .ax-burger span:nth-child(2){opacity:0}
  body.ax-menu .ax-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  body.ax-menu{overflow:hidden}
}

/* ---------- Héros « maison vivante » ---------- */
.hx{position:relative;overflow:hidden;color:#fff;background:radial-gradient(900px 520px at 78% 18%,#22385A 0,rgba(34,56,90,0) 62%),linear-gradient(180deg,#0A1422 0,#0E1A2B 62%,#132339 100%)}
.hx::before{content:"";position:absolute;inset:0;background-image:radial-gradient(1.4px 1.4px at 12% 22%,rgba(255,255,255,.55),transparent),radial-gradient(1.2px 1.2px at 28% 12%,rgba(255,255,255,.4),transparent),radial-gradient(1.6px 1.6px at 46% 26%,rgba(255,255,255,.45),transparent),radial-gradient(1.1px 1.1px at 63% 8%,rgba(255,255,255,.35),transparent),radial-gradient(1.3px 1.3px at 88% 30%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 72% 40%,rgba(255,255,255,.3),transparent);pointer-events:none}
.hx .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:center;padding-top:64px;padding-bottom:40px}
.hx .tag{color:var(--leaf);border-color:var(--leaf)}
.hx h1{font-size:clamp(38px,5vw,64px);font-weight:900;line-height:1.02;letter-spacing:-.025em;margin-top:18px;color:#fff}
.hx h1 em{display:inline;font-style:normal;color:var(--leaf)}
.hx .lead{margin-top:20px;font-size:19px;line-height:1.55;color:#C9D3DE;max-width:33em}
.hx .lead strong{color:#fff}
.hx .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hx .btn.ghost{color:#fff;border-color:rgba(255,255,255,.45)}
.hx .btn.ghost:hover{background:#fff;color:var(--forest)}
.hx .note{color:rgba(255,255,255,.55);margin-top:16px;max-width:42em}
.hx-proof{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;font-size:14px;color:#DDE4EC}
.hx-proof span{display:inline-flex;align-items:center;gap:8px}
.hx-proof span::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--leaf) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.4l2.6 2.5L13 6.6' fill='none' stroke='%230E1A2B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat;flex:none}
.hx-scene{position:relative}
.hx-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);margin-bottom:14px}
.hx-tabs button{border:0;background:transparent;color:#C9D3DE;font:700 14px var(--sora);padding:9px 16px;border-radius:999px;cursor:pointer;transition:background .25s,color .25s}
.hx-tabs button[aria-selected="true"]{background:var(--leaf);color:var(--forest)}
.hx-tabs button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.hx-svg{display:block;width:100%;height:auto}
.hx-info{position:relative;margin-top:8px;background:rgba(10,20,34,.78);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;padding:16px 18px;box-shadow:0 20px 50px -20px rgba(0,0,0,.7)}
.hx-info h3{font-size:17px;color:#fff;margin-bottom:8px}
.hx-info ul{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;font-size:13.5px;line-height:1.4;color:#C9D3DE}
.hx-info li{display:grid;gap:2px;align-content:start}
.hx-info li b{color:var(--leaf);font-family:var(--sora);font-size:15px;white-space:nowrap}
.hx-info small{display:block;margin-top:8px;font-size:11.5px;color:rgba(255,255,255,.5)}
@media (max-width:999px){.hx .wrap{grid-template-columns:minmax(0,1fr);padding-top:44px}}
@media (max-width:560px){.hx-info ul{grid-template-columns:minmax(0,1fr)}}

/* Maison : zones éclairées selon l'onglet actif */
.maison .z{transition:opacity .6s ease,filter .6s ease}
.maison[data-actif="chauffage"] .z:not(.z-chauffage),.maison[data-actif="solaire"] .z:not(.z-solaire),.maison[data-actif="isolation"] .z:not(.z-isolation){opacity:.3;filter:saturate(.35)}
.maison .flux{stroke-dasharray:7 9;animation:flux 1.1s linear infinite}
.maison .flux-lent{stroke-dasharray:4 10;animation:flux 2.2s linear infinite}
.maison .helice{transform-box:fill-box;transform-origin:center;animation:tourne 1.4s linear infinite}
.maison .air{animation:souffle 2.6s ease-in-out infinite}
.maison .air:nth-of-type(2){animation-delay:.5s}.maison .air:nth-of-type(3){animation-delay:1s}
.maison .rad{animation:chauffe 3s ease-in-out infinite}
.maison .rayon{transform-box:fill-box;transform-origin:center;animation:pulse 2.4s ease-in-out infinite}
.maison .fen{animation:lueur 5s ease-in-out infinite}
.maison .retour{animation:rebond 2.4s ease-in-out infinite}
@keyframes flux{to{stroke-dashoffset:-32}}
@keyframes tourne{to{transform:rotate(360deg)}}
@keyframes souffle{0%{opacity:0;transform:translateX(-18px)}40%{opacity:.9}100%{opacity:0;transform:translateX(26px)}}
@keyframes chauffe{0%,100%{fill:#C4743F}50%{fill:#F2A25E}}
@keyframes pulse{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes lueur{0%,100%{opacity:.85}50%{opacity:1}}
@keyframes rebond{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}

/* ---------- Bandeau de chiffres ---------- */
.hx-stats{position:relative;border-top:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03)}
.hx-stats .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding-top:0;padding-bottom:0}
.hx-stats .wrap>div{padding:22px 20px 22px 0;display:grid;gap:4px;align-content:start}
.hx-stats .wrap>div+div{padding-left:22px;border-left:1px solid rgba(255,255,255,.1)}
.hx-stats b{font:800 34px/1 var(--sora);color:#fff;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.hx-stats b i{font-style:normal;color:var(--leaf)}
.hx-stats span{font-size:13.5px;color:#C9D3DE}
.hx-stats small{font-size:11.5px;color:rgba(255,255,255,.45)}
@media (max-width:860px){.hx-stats .wrap{grid-template-columns:1fr 1fr}.hx-stats .wrap>div:nth-child(3){padding-left:0;border-left:0}.hx-stats .wrap>div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.1)}}

/* ---------- En-tête des pages intérieures ---------- */
.ph{position:relative;overflow:hidden;color:#fff;background:linear-gradient(180deg,#0A1422,#0E1A2B 70%,#132339)}
.ph::after{content:"";position:absolute;right:-180px;top:-200px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(216,138,82,.22),transparent 65%);pointer-events:none}
.ph .wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:44px;align-items:center;padding-top:40px;padding-bottom:56px}
.ph .crumb-ax{font-size:13px;color:rgba(255,255,255,.6)}
.ph .crumb-ax a{color:rgba(255,255,255,.8);text-decoration:none}
.ph .crumb-ax a:hover{color:#fff}
.ph .tag{color:var(--leaf);border-color:var(--leaf);margin-top:18px}
.ph h1{font-size:clamp(34px,4.4vw,56px);font-weight:900;line-height:1.04;letter-spacing:-.02em;margin-top:14px}
.ph h1 em{font-style:normal;color:var(--leaf)}
.ph .lead{margin-top:18px;font-size:18.5px;line-height:1.55;color:#C9D3DE;max-width:34em}
.ph .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.ph .btn.ghost{color:#fff;border-color:rgba(255,255,255,.45)}
.ph .btn.ghost:hover{background:#fff;color:var(--forest)}
.ph-photo{position:relative;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.ph-photo img{width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:16px;clip-path:polygon(50% 0,100% 20%,100% 100%,0 100%,0 20%)}
.ph-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.ph-chips span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:6px 12px;font-size:13px;color:#DDE4EC}
.ph-chips b{color:var(--leaf)}
.ph.court .wrap{grid-template-columns:minmax(0,1fr);padding-bottom:44px}
@media (max-width:900px){.ph .wrap{grid-template-columns:minmax(0,1fr);gap:28px}}

/* ---------- Sections et titres ---------- */
.axs{padding:88px 0}
.axs.alt{background:var(--paper)}
.axs.nuit{background:var(--forest);color:#fff}
.axs.nuit .ax-h p,.axs.nuit p{color:#C9D3DE}
.ax-h{max-width:760px;display:grid;gap:12px;margin-bottom:40px}
.ax-h h2{font-size:clamp(30px,3.6vw,48px);font-weight:900;line-height:1.05;letter-spacing:-.02em;color:inherit}
.axs:not(.nuit) .ax-h h2{color:var(--forest)}
.ax-h h2 em{font-style:normal;color:var(--leaf-dark)}
.axs.nuit .ax-h h2 em{color:var(--leaf)}
.ax-h p{font-size:18px;color:var(--ink2)}
.axs.nuit .tag{color:var(--leaf)}
@media (max-width:760px){.axs{padding:64px 0}}

/* ---------- Grille bento ---------- */
.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(150px,auto);gap:16px}
.bx{position:relative;border-radius:20px;background:var(--paper);border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.bx h3{font-size:20px;color:var(--forest);line-height:1.2}
.bx p{font-size:15px;color:var(--ink2)}
.bx .k{font:700 12px var(--sora);letter-spacing:.14em;text-transform:uppercase;color:var(--leaf-dark)}
.bx .gros{font:900 56px/1 var(--sora);letter-spacing:-.03em;color:var(--leaf-dark)}
.bx.nuit{background:var(--forest);border-color:var(--forest);color:#fff}
.bx.nuit h3{color:#fff}.bx.nuit p{color:#C9D3DE}.bx.nuit .gros,.bx.nuit .k{color:var(--leaf)}
.bx.cuivre{background:linear-gradient(135deg,#B4652F,#D88A52);border:0;color:#fff}
.bx.cuivre h3,.bx.cuivre p,.bx.cuivre .k{color:#fff}
.bx.photo-bx{padding:0;min-height:300px;color:#fff;border:0}
.bx.photo-bx img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bx.photo-bx::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,20,34,.9),rgba(10,20,34,0) 60%)}
.bx.photo-bx .bx-tx{position:relative;z-index:1;margin-top:auto;padding:24px;display:grid;gap:6px}
.bx.photo-bx h3{color:#fff}.bx.photo-bx p{color:rgba(255,255,255,.82)}
.bx a.lien{margin-top:auto;font:700 14.5px var(--sora);color:inherit;text-decoration:none}
.bx a.lien:hover{text-decoration:underline}
.c2{grid-column:span 2}.c3{grid-column:span 3}.c4{grid-column:span 4}.c6{grid-column:span 6}.r2{grid-row:span 2}
@media (max-width:900px){.bento{grid-template-columns:1fr 1fr}.c2,.c3,.c4,.c6{grid-column:span 2}.r2{grid-row:auto}.bento .demi{grid-column:span 1}}
@media (max-width:520px){.bento .demi{grid-column:span 2}}

/* ---------- Récit « pièce par pièce » ---------- */
.recit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.recit-schema{position:sticky;top:120px;background:var(--forest);border-radius:24px;padding:20px;box-shadow:0 30px 60px -30px rgba(14,26,43,.6)}
.recit-schema svg{display:block;width:100%;height:auto}
.recit-schema .legende{margin-top:10px;font-size:12.5px;color:rgba(255,255,255,.6);text-align:center}
.recit-schema .pt{transition:opacity .5s,filter .5s}
.recit-schema[data-actif] .pt{opacity:.22;filter:saturate(.2)}
.recit-schema[data-actif="1"] .p1,.recit-schema[data-actif="2"] .p2,.recit-schema[data-actif="3"] .p3,.recit-schema[data-actif="4"] .p4{opacity:1;filter:none}
.recit-etapes{display:grid;gap:22vh;padding:8vh 0 18vh}
.recit-etape{border-left:3px solid var(--line);padding:4px 0 4px 26px;transition:border-color .4s,opacity .4s;opacity:.45}
.recit-etape.on{border-color:var(--leaf);opacity:1}
.recit-etape .n{font:900 15px var(--sora);color:var(--leaf-dark);letter-spacing:.1em}
.recit-etape h3{font-size:26px;color:var(--forest);margin:6px 0 10px;line-height:1.15}
.recit-etape p{font-size:16.5px;color:var(--ink2)}
@media (max-width:900px){.recit{grid-template-columns:minmax(0,1fr);gap:24px}.recit-schema{position:static}.recit-etapes{gap:28px;padding:0}.recit-etape{opacity:1}}

/* ---------- Comparatif chiffré ---------- */
.prix-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px}
.prix-barres{background:#fff;border:1px solid var(--line);border-radius:var(--rl);padding:26px;display:grid;gap:16px}
.prix-barres h3{font-size:18px;color:var(--forest)}
.pb{display:grid;grid-template-columns:200px 1fr 76px;gap:14px;align-items:center;font-size:15px}
.pb i{display:block;height:28px;border-radius:6px;background:var(--sand);overflow:hidden}
.pb i b{display:block;height:100%;border-radius:6px;background:#9AA6B4;transform-origin:left;animation:barre 1.4s cubic-bezier(.2,.8,.2,1) both}
.pb strong{font-family:var(--inter);font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.pb.pac span,.pb.pac strong{color:var(--leaf-dark);font-weight:700}
.pb.pac i b{background:linear-gradient(90deg,var(--leaf-dark),var(--leaf))}
@keyframes barre{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.prix-src{font-size:12.5px;color:var(--muted);line-height:1.55;border-top:1px solid var(--line);padding-top:12px}
.prix-fait{background:var(--forest);color:#fff;border-radius:var(--rl);padding:26px;display:grid;gap:12px;align-content:start}
.prix-fait small{font:700 12px var(--sora);letter-spacing:.16em;text-transform:uppercase;color:var(--leaf)}
.prix-fait .gros{font:900 76px/1 var(--sora);color:var(--leaf);letter-spacing:-.03em}
.prix-fait p{color:rgba(255,255,255,.78);font-size:15px}
.prix-fait .duo{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.prix-fait .duo div{background:rgba(255,255,255,.07);border-radius:10px;padding:12px}
.prix-fait .duo span{display:block;font-size:12px;color:rgba(255,255,255,.6)}
.prix-fait .duo b{font:700 20px var(--inter);font-variant-numeric:tabular-nums}
@media (max-width:860px){.prix-grid{grid-template-columns:minmax(0,1fr)}.pb{grid-template-columns:1fr 70px}.pb i{grid-column:1/-1;grid-row:2}}

/* ---------- Réalisations ---------- */
.realis{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:auto auto;gap:16px}
.realis figure{position:relative;margin:0;border-radius:var(--rl);overflow:hidden;min-height:250px;color:#fff}
.realis figure:first-child{grid-row:span 2;min-height:520px}
.realis img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s}
.realis figure:hover img{transform:scale(1.04)}
.realis figure::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,20,34,.88),rgba(10,20,34,0) 58%)}
.realis figcaption{position:absolute;left:20px;right:20px;bottom:18px;z-index:1;display:grid;gap:3px}
.realis figcaption small{font:700 12px var(--sora);letter-spacing:.12em;text-transform:uppercase;color:var(--leaf)}
.realis figcaption b{font:700 20px/1.2 var(--sora)}
.realis figcaption span{font-size:14px;color:rgba(255,255,255,.8)}
.realis .ex{position:absolute;top:14px;right:14px;z-index:1;background:rgba(255,255,255,.92);color:var(--ink);font-size:12px;font-weight:600;border-radius:6px;padding:4px 9px}
@media (max-width:860px){.realis{grid-template-columns:minmax(0,1fr)}.realis figure:first-child{grid-row:auto;min-height:320px}}

/* ---------- Carte d'appel final ---------- */
.final{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(120deg,#0E1A2B,#22385A);color:#fff;padding:56px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:32px;align-items:center}
.final::after{content:"";position:absolute;right:-120px;bottom:-160px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(216,138,82,.35),transparent 65%)}
.final h2{font-size:clamp(30px,3.6vw,46px);font-weight:900;line-height:1.05;letter-spacing:-.02em}
.final h2 em{font-style:normal;color:var(--leaf)}
.final p{color:#C9D3DE;margin-top:12px;font-size:17px}
.final .acts{position:relative;z-index:1;display:grid;gap:12px}
.final .acts .btn{justify-content:center}
.final .tel{text-align:center;font-size:14px;color:#C9D3DE}
.final .tel b{display:block;font:800 26px var(--sora);color:#fff;letter-spacing:.02em}
@media (max-width:860px){.final{grid-template-columns:minmax(0,1fr);padding:32px 24px}}

/* ---------- Formulaire de rappel ---------- */
.fm{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;display:grid;gap:14px;box-shadow:0 20px 50px -30px rgba(14,26,43,.35)}
.fm h2,.fm h3{font-size:22px;color:var(--forest)}
.fm .duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fm label{display:grid;gap:6px;font-size:14px;font-weight:600;color:var(--forest)}
.fm input[type=text],.fm input[type=tel],.fm input[type=email],.fm select,.fm textarea{font:400 16px var(--inter);color:var(--ink);background:var(--sand);border:1.5px solid var(--line);border-radius:10px;padding:13px 14px;width:100%}
.fm input:focus,.fm select:focus,.fm textarea:focus{outline:none;border-color:var(--leaf-dark);box-shadow:0 0 0 4px rgba(216,138,82,.18)}
.fm textarea{min-height:110px;resize:vertical}
.fm fieldset{border:0;display:grid;gap:8px}
.fm legend{font-size:14px;font-weight:600;color:var(--forest);margin-bottom:6px}
.fm .pills{display:flex;flex-wrap:wrap;gap:8px}
.fm .pills label{display:inline-flex;align-items:center;gap:8px;font-weight:500;border:1.5px solid var(--line);border-radius:999px;padding:8px 14px;cursor:pointer;background:#fff}
.fm .pills input{accent-color:var(--leaf-dark)}
.fm .consent{display:flex!important;grid-template-columns:none;gap:10px;align-items:flex-start;font-weight:400!important;font-size:13.5px!important;color:var(--ink2)!important;background:var(--sand);border-radius:10px;padding:12px 14px}
.fm .consent input{margin-top:3px;width:18px;height:18px;flex:none;accent-color:var(--leaf-dark)}
.fm .err{color:var(--clay);font-size:14px;font-weight:600}
.fm .ok{background:#E5F2EC;border-radius:12px;padding:14px 16px;font-size:15px;color:#1F5C40}
.fm .ok b{display:block;font-size:17px;margin-bottom:2px}
.fm.envoye .champs{display:none}
.fm .petit{font-size:12.5px;color:var(--muted)}
@media (max-width:560px){.fm .duo{grid-template-columns:minmax(0,1fr)}}

/* ---------- Coordonnées ---------- */
.coord{display:grid;gap:14px;align-content:start}
.coord .c{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:grid;gap:4px}
.coord .c b{font:800 22px var(--sora);color:var(--forest)}
.coord .c span{font-size:14.5px;color:var(--ink2)}

/* ---------- Guides ---------- */
.gcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .25s,box-shadow .25s}
.gcard:hover{transform:translateY(-3px);box-shadow:0 24px 50px -30px rgba(14,26,43,.5)}
.gcard img{width:100%;aspect-ratio:16/10;object-fit:cover}
.gcard .gb{padding:20px;display:grid;gap:8px}
.gcard .k{font:700 12px var(--sora);letter-spacing:.12em;text-transform:uppercase;color:var(--leaf-dark)}
.gcard h3{font-size:19px;color:var(--forest);line-height:1.25}
.gcard p{font-size:14.5px;color:var(--ink2)}
.gcard .temps{font-size:13px;color:var(--muted)}
.glist{columns:3;column-gap:28px}
.glist li{break-inside:avoid;list-style:none;padding:8px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--ink2)}
.glist li span{display:block;font-size:12px;color:var(--muted)}
@media (max-width:900px){.gcards{grid-template-columns:1fr 1fr}.glist{columns:2}}
@media (max-width:560px){.gcards{grid-template-columns:minmax(0,1fr)}.glist{columns:1}}

/* ---------- Article ---------- */
.art-grille{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
.art{font-size:17.5px;line-height:1.72;color:var(--ink)}
.art>*+*{margin-top:18px}
.art h2{font-size:30px;color:var(--forest);margin-top:44px;line-height:1.15}
.art h3{font-size:21px;color:var(--forest);margin-top:30px}
.art ul,.art ol{padding-left:22px;display:grid;gap:8px}
.art strong{color:var(--forest)}
.art .encadre{background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--leaf);border-radius:12px;padding:18px 20px;font-size:16px}
.art .encadre b{display:block;font-family:var(--sora);color:var(--forest);margin-bottom:4px}
.art table{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}
.art th,.art td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}
.art th{background:var(--forest);color:#fff;font:700 13px var(--sora)}
.art .src{font-size:13px;color:var(--muted)}
.art-aside{position:sticky;top:120px;display:grid;gap:14px}
.art-aside .toc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}
.art-aside .toc b{display:block;font:700 13px var(--sora);letter-spacing:.12em;text-transform:uppercase;color:var(--leaf-dark);margin-bottom:8px}
.art-aside .toc a{display:block;padding:6px 0;font-size:14.5px;color:var(--ink2);text-decoration:none;border-bottom:1px solid var(--sand)}
.art-aside .toc a:hover{color:var(--forest)}
.art-aside .cta{background:var(--forest);color:#fff;border-radius:16px;padding:20px;display:grid;gap:10px}
.art-aside .cta b{font:800 19px/1.2 var(--sora)}
.art-aside .cta p{font-size:14px;color:#C9D3DE}
.art-meta{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:18px;font-size:13.5px;color:rgba(255,255,255,.7)}
@media (max-width:960px){.art-grille{grid-template-columns:minmax(0,1fr)}.art-aside{position:static}}

/* ---------- Pages légales ---------- */
.legal{max-width:820px}
.legal h2{font-size:24px;color:var(--forest);margin-top:36px}
.legal p,.legal li{font-size:16px;color:var(--ink2);line-height:1.7;margin-top:10px}
.legal ul{padding-left:22px}
.legal .a-remplir{background:var(--leaf-pale);border:1px dashed var(--leaf-dark);border-radius:6px;padding:1px 6px;font-weight:600;color:var(--leaf-dark);font-size:.94em}
.legal table{width:100%;border-collapse:collapse;margin-top:14px;font-size:14.5px}
.legal th,.legal td{border:1px solid var(--line);padding:9px 11px;text-align:left;vertical-align:top}
.legal th{background:var(--sand);color:var(--forest)}

/* ---------- Pied de page ---------- */
.ax-foot{background:#08111D;color:#9AA9BA;font-size:14.5px;margin-top:0}
.ax-foot .wrap{display:block}
.ax-foot-top{display:grid;grid-template-columns:1.5fr repeat(4,minmax(0,1fr));gap:32px;padding:64px 0 40px}
.ax-foot .brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}
.ax-foot .brand svg{width:48px;height:48px}
.ax-foot .brand .bt small{display:block;font:700 10px var(--sora);letter-spacing:.3em}
.ax-foot .brand .bt b{display:block;font:800 21px var(--sora);letter-spacing:.06em;color:#fff}
.ax-foot-brand{display:grid;gap:16px;align-content:start}
.ax-foot-brand p{max-width:32ch}
.ax-foot-brand .btn{justify-self:start}
.ax-foot h4{font:700 12px var(--sora);letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:14px}
.ax-foot ul{list-style:none;display:grid;gap:9px}
.ax-foot a{color:#9AA9BA;text-decoration:none}
.ax-foot a:hover{color:#fff}
.ax-foot .btn,.ax-foot .btn:hover{color:#fff}
.ax-foot-tel{font:800 20px var(--sora);color:#fff;letter-spacing:.02em}
.ax-foot-legal{border-top:1px solid rgba(255,255,255,.08);padding:22px 0 36px;display:grid;gap:12px;font-size:13px}
.ax-foot-legal nav{display:flex;flex-wrap:wrap;gap:6px 20px}
.ax-foot-legal nav a{color:#C9D3DE}
@media (max-width:980px){.ax-foot-top{grid-template-columns:1fr 1fr}.ax-foot-brand{grid-column:1/-1}}
@media (max-width:480px){.ax-foot-top{grid-template-columns:minmax(0,1fr)}}
@media (max-width:759px){.sticky{display:block}body{padding-bottom:72px}}

@media (prefers-reduced-motion:reduce){.maison *,.pb i b{animation:none!important}}

.offres .bento{margin-top:28px}
.hx-info h3{display:inline-block;margin-right:8px}
.ax-nav .nav-sim{color:var(--forest)!important}

.contact-grille{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:32px}
@media (max-width:900px){.contact-grille{grid-template-columns:minmax(0,1fr)}}
.crits.g3,.steps.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.crits.g4,.steps.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:980px){.crits.g3,.crits.g4,.steps.g3,.steps.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.crits.g3,.crits.g4,.steps.g3,.steps.g4{grid-template-columns:minmax(0,1fr)}}

/* ---------- Retouches visuelles du 19/10/2026 (revue complète de la démo) ---------- */
/* Titres : jamais un mot seul sur la dernière ligne */
h1,h2,h3{text-wrap:balance}

/* Accueil : chiffres du héros alignés en haut, filets de même hauteur, légendes plus lisibles ; plus de bande claire avant le ruban */
.hx .hx-stats .wrap{align-items:stretch}
.hx-stats small{color:rgba(255,255,255,.6)}
.ribbon{margin-top:0}
/* Accueil : « Nos solutions » et le bandeau du simulateur au même style de titre que les autres sections */
.of-head h2,.simband h2{font-size:clamp(30px,3.6vw,48px);font-weight:900;line-height:1.05;letter-spacing:-.02em}
.of-head h2 em{font-style:normal;color:var(--leaf-dark)}
.simband h2 em{font-style:normal;color:var(--leaf)}
/* Dessin de la maison : sur téléphone, les étiquettes deviennent minuscules ; la carte d'information les remplace */
@media (max-width:560px){.hx-svg text{display:none}}

/* Deux sections de même fond qui se suivent : pas de double marge (zone vide avant la carte d'appel finale) */
.axs:not(.alt):not(.nuit)+.axs:not(.alt):not(.nuit),.axs.alt+.axs.alt{padding-top:0}

/* Petits titres posés sur les photos : dégradé plus fort et teinte claire */
.bx.photo-bx::after{background:linear-gradient(0deg,rgba(10,20,34,.94) 0,rgba(10,20,34,.72) 42%,rgba(10,20,34,.18) 78%,rgba(10,20,34,0) 100%)}
.realis figure::after{background:linear-gradient(0deg,rgba(10,20,34,.94) 0,rgba(10,20,34,.7) 40%,rgba(10,20,34,0) 72%)}
.bx.photo-bx .k,.realis figcaption small{color:#F2C08A!important;text-shadow:0 1px 2px rgba(0,0,0,.45)}

/* Numéros de téléphone cliquables, sans changer leur apparence */
.tel-lien{color:inherit;text-decoration:none}
.insec{white-space:nowrap}
.ax-foot a.ax-foot-tel{color:#fff}

/* Pied de page : la marque comme dans l'en-tête (« — GROUPE — » en capitales avec filets) */
.ax-foot .brand .bt{display:inline-flex;flex-direction:column;align-items:stretch;line-height:1}
.ax-foot .brand .bt small{display:flex;align-items:center;gap:6px;font:700 10px var(--sora);letter-spacing:.48em;text-transform:uppercase;color:#D88A52;margin-bottom:5px;padding-left:.48em}
.ax-foot .brand .bt small::before,.ax-foot .brand .bt small::after{content:"";flex:1;height:1.5px;background:#D88A52;border-radius:1px}

/* Pages légales : texte aligné sur le titre ; tableaux qui défilent au lieu de déborder sur téléphone */
.wrap.legal{max-width:var(--wrap)}
.legal>*{max-width:820px}
.legal>h2:first-child{margin-top:0}
@media (max-width:640px){.legal table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.legal th,.legal td{min-width:150px}}

/* Page pompe à chaleur : tableau air/eau ou air/air en texte aligné à gauche ; récit pièce par pièce moins étiré */
table.tab-choix th,table.tab-choix td{text-align:left!important}
.recit-etapes{gap:14vh;padding:6vh 0 8vh}

/* Guides : sur téléphone, le sommaire avant l'article */
@media (max-width:900px){.art-aside{order:-1}}
/* Liste des futurs guides : une liste, pas des liens */
.glist li{cursor:default}

/* Téléphone : seule la barre logo + menu reste collée en haut (la bande Particulier / Professionnel défile) */
@media (max-width:759px){.ax-top{top:-44px}}

/* En-tête de 1 200 à 1 279 px : le menu complet tient, en plus serré */
@media (min-width:1200px) and (max-width:1279px){.top .ax-nav{display:flex;gap:13px}.top .ax-nav a{font-size:13.5px}.top .ax-nav a.nav-sim{padding:7px 11px 7px 9px}}

/* Menu ouvert : croix en haut à droite, titre « Menu », pastille Simulateur décollée ; panneau latéral sur tablette et petit ordinateur */
body.ax-menu .ax-burger{position:fixed;top:16px;right:max(16px,env(safe-area-inset-right,0px));z-index:61;background:transparent;border-color:rgba(255,255,255,.3)}
body.ax-menu .ax-burger span{background:#fff}
@media (max-width:1199px){
  .ax-nav::before{content:"Menu";position:absolute;top:28px;left:max(20px,env(safe-area-inset-left,0px));font:700 12px var(--sora);letter-spacing:.2em;text-transform:uppercase;color:var(--leaf)}
  .ax-nav{padding-top:84px!important}
  .ax-nav .nav-sim{margin:0 0 14px!important}
}
@media (min-width:760px) and (max-width:1199px){
  .ax-nav{left:auto!important;width:420px;box-shadow:-30px 0 60px rgba(4,10,18,.45)}
}

/* Cartes rééquilibrées (19/10/2026) : échelle DPE, critères de la prime CEE, coupe du plancher bas */
.dpe-echelle{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-top:6px}
.dpe-echelle span{display:grid;place-items:center;height:34px;border-radius:6px;font:800 15px var(--sora);color:#fff}
.dpe-echelle .dA{background:#009C6D}.dpe-echelle .dB{background:#52B153}.dpe-echelle .dC{background:#78BD76}
.dpe-echelle .dD{background:#F4E70F;color:#0E1A2B}.dpe-echelle .dE{background:#F0B50F;color:#0E1A2B}.dpe-echelle .dF{background:#EB8235}.dpe-echelle .dG{background:#D7221F}
.dpe-legende{display:flex;justify-content:space-between;font-size:12.5px!important;color:var(--muted)!important;margin-top:-2px}
.bx .lien{margin-top:auto}
.facteurs{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:2px 0}
.facteurs li{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);border-radius:12px;padding:12px;font-size:13.5px;color:#C9D3DE;line-height:1.35}
.facteurs b{display:block;font:700 15px var(--sora);color:var(--leaf);margin-bottom:2px}
@media (max-width:560px){.facteurs{grid-template-columns:minmax(0,1fr)}}
.bx.plancher{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center}
.bx.plancher>div{display:grid;gap:10px}
.plancher-coupe{width:100%;height:auto;border-radius:12px;display:block}
@media (max-width:760px){.bx.plancher{grid-template-columns:minmax(0,1fr)}}
.bx.nuit .deduit{border-left:3px solid var(--leaf);background:rgba(216,138,82,.12);border-radius:0 12px 12px 0;padding:12px 16px;color:#E4E9EF}
.bx.nuit .deduit b{color:#fff}