/* AS Nettoyage - accueil V2 + bouton menu mobile */
@font-face{font-family:'Michroma';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/michroma-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.asx-over{font-family:Michroma,"Manrope",sans-serif;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#1370E0;font-weight:400;margin-bottom:.6rem;display:block}
.asx-hero{position:relative;min-height:620px;display:flex;align-items:center;background:#0B1A6E center/cover no-repeat;color:#fff}
.asx-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(11,26,110,.93) 0%,rgba(11,26,110,.82) 55%,rgba(11,40,140,.74) 100%)}
.asx-hero .container{position:relative;z-index:1;padding-top:6.5rem;padding-bottom:4.5rem}
.asx-hero h1{color:#fff;font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.15;margin-bottom:1rem}
.asx-slogan{font-size:1.25rem;color:#dbe6fb;margin-bottom:1.6rem}.asx-slogan b{color:#6fb0ff}
.asx-badges{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.8rem}
.asx-badge{display:inline-flex;align-items:center;gap:.45rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:50rem;padding:.4rem .9rem;font-size:.85rem;color:#fff;backdrop-filter:blur(4px)}
.asx-badge i{color:#ffc94d;font-size:1rem}
.asx-kpis{background:#fff;border-radius:.6rem;box-shadow:0 .5rem 2rem rgba(11,26,110,.12);margin-top:-3.2rem;position:relative;z-index:2}
.asx-kpi{text-align:center;padding:1.6rem .8rem;border-right:1px solid #C9D5EA}.asx-kpi:last-child{border-right:0}
.asx-kpi .n{font-family:Michroma,"Manrope",sans-serif;font-size:clamp(1.3rem,2.6vw,1.9rem);white-space:nowrap;color:#0B1A6E;line-height:1.1}.asx-kpi .l{font-size:.85rem;color:#5B6475;margin-top:.35rem}
.asx-hero .asx-pro{display:inline-flex!important;align-items:center;gap:.4rem;background:#1370E0;color:#fff!important;border-radius:50rem;padding:.32rem .9rem;line-height:1.1;font-size:.7rem;letter-spacing:.12em;box-shadow:0 .4rem 1.2rem rgba(19,112,224,.45);border:1px solid rgba(255,255,255,.35);margin-bottom:.8rem;white-space:nowrap}.asx-hero .asx-pro i{font-style:normal;color:#ffc94d;font-size:.8rem;line-height:1}
@media(max-width:991.98px){.asx-brand img{width:180px!important}.asx-brand .sl{font-size:.9rem!important}.asx-brand .bar{display:none}.asx-hero .container{padding-top:3.5rem!important;padding-bottom:4.5rem!important}.asx-hero h1{font-size:1.3rem!important;line-height:1.25}.asx-hero .asx-pro{font-size:.58rem;letter-spacing:.08em;padding:.22rem .7rem;margin-bottom:.6rem}.asx-hero .asx-pro i{font-size:.7rem}}
@media(max-width:767px){.asx-kpi{border-right:0;border-bottom:1px solid #C9D5EA}.asx-hero{min-height:560px}}
.asx-soft{background:#EEF3FB}
.asx-eco{border:0;border-top:4px solid #2F7A3E;border-radius:.6rem;background:#fff;height:100%;box-shadow:0 .25rem 1rem rgba(11,26,110,.07);transition:transform .2s}
.asx-eco:hover{transform:translateY(-4px)}
.asx-eco .ic{width:3rem;height:3rem;border-radius:50%;background:#E6F2E9;color:#2F7A3E;display:grid;place-items:center;font-size:1.4rem;margin-bottom:1rem}
.asx-steps{counter-reset:s}
.asx-step{position:relative;text-align:center;padding:0 .5rem}
.asx-step .dot{width:3.4rem;height:3.4rem;border-radius:50%;background:#0B1A6E;color:#fff;display:grid;place-items:center;margin:0 auto 1rem;font-family:Michroma,"Manrope",sans-serif;font-size:1rem;box-shadow:0 0 0 6px #EEF3FB}
@media(min-width:768px){.asx-step:not(:last-child):after{content:"";position:absolute;top:1.7rem;left:calc(50% + 2.2rem);right:calc(-50% + 2.2rem);border-top:2px dashed #1370E0;opacity:.5}}
.asx-cta{background:linear-gradient(110deg,#0B1A6E,#1370E0);border-radius:.8rem;color:#fff}
.asx-cta h2{color:#fff}
.asx-logo{width:130px;height:auto;margin-bottom:1.2rem;background:#fff;border-radius:1.2rem;padding:.7rem;box-shadow:0 8px 24px rgba(0,0,0,.25);display:block}
.asx-brand{text-align:center;max-width:420px;margin:0 auto}
.asx-brand img{width:300px;max-width:85%;height:auto;filter:drop-shadow(0 0 1.5px rgba(255,255,255,.9)) drop-shadow(0 0 14px rgba(255,255,255,.28)) drop-shadow(0 10px 22px rgba(0,0,0,.35))}
.asx-brand .sl{font-family:Michroma,Manrope,sans-serif;color:#fff;font-size:1.15rem;line-height:1.7;margin-top:1rem;letter-spacing:.02em}
.asx-brand .sl b{color:#7db8ff;font-weight:400}
.asx-brand .bar{height:4px;width:70px;background:#7db8ff;border-radius:2px;margin:1rem auto 0}
.asx-hero h1.asx-h1s{font-size:clamp(1.35rem,2.2vw,1.85rem);line-height:1.3;font-weight:700;margin-bottom:.8rem}
.asx-lead{color:#dbe6fb;font-size:1.1rem;margin-bottom:1.6rem}
.asx-intro{border-left:4px solid #1370E0;background:#EEF3FB;border-radius:.4rem}
/* Bouton menu mobile (le thème n'en affichait aucun sous 992 px) */
.as-burger{display:none}
@media (max-width:991.98px){
  nav.navbar>.container{position:relative}
  .as-burger{display:flex;position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:20;width:44px;height:44px;border:2px solid rgba(255,255,255,.85);border-radius:50%;background:#1370E0;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0;box-shadow:0 .3rem 1rem rgba(11,26,110,.35);cursor:pointer}
  .as-burger span{display:block;width:18px;height:2px;background:#fff;border-radius:2px}
  nav.navbar:not(.fixed){min-height:72px}
}

@media (min-width:992px){section.asx-hero>div.container{padding-top:7rem!important;padding-bottom:5rem!important}}
