/* services : repris de services-informatiques.html, adapté au balisage WordPress */
.s-tete{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,64px);align-items:end;margin-bottom:36px}
.s-tete h2{margin:0}
.s-tete p{margin:0;color:var(--gris)}
/* Hero sombre, console de supervision */
.s-hero{position:relative;overflow:hidden;isolation:isolate;min-height:100svh;box-sizing:border-box;display:grid;align-items:center;padding:calc(var(--entete) + clamp(16px,3svh,36px)) 0 clamp(20px,3.4svh,40px);color:#fff;background:var(--nuit)}
/* Photo libre de droits (Taylor Vick, Unsplash) sous un voile nuit plus dense côté texte */
.s-hero .fond-image{z-index:-1;background:#061528}
.s-hero .fond-image img{object-position:center}
.s-hero .fond-image::after{content:"";position:absolute;inset:0;background:radial-gradient(50% 60% at 82% 42%,rgba(0,144,192,.28),transparent 70%),linear-gradient(90deg,rgba(6,21,40,.96) 0%,rgba(6,21,40,.9) 38%,rgba(6,21,40,.55) 68%,rgba(6,21,40,.35) 100%),linear-gradient(0deg,rgba(6,21,40,.85) 0%,rgba(6,21,40,0) 35%)}
.s-hero-grille{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,4vw,64px);align-items:center}
.s-surtitre{display:inline-flex;max-width:100%;align-items:center;gap:10px;margin-bottom:14px;padding:6px 14px 6px 6px;border-radius:8px;font:700 .82rem/1.2 var(--titre);color:var(--cyan-clair);background:rgba(79,195,234,.1);border:1px solid rgba(79,195,234,.25)}
.s-surtitre-pi{width:30px;height:30px;border-radius:6px;display:grid;place-items:center;color:#fff;background:rgba(0,144,192,.35)}
.s-surtitre-pi svg{width:20px;height:20px}
.s-hero h1{font-size:clamp(1.9rem,2.7vw,2.6rem);font-weight:800;line-height:1.1;color:#fff;margin:0 0 16px}
.s-hero-texte > p{color:#c3d6e7;font-size:1.03rem;line-height:1.6;margin:0 0 22px}
.s-boutons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}
.s-preuves{padding:16px 0 0;display:flex;flex-wrap:wrap;gap:10px 26px;border-top:1px solid rgba(255,255,255,.12)}
.s-preuves > .s-preuve{display:inline-flex;align-items:center;gap:10px;font:600 .9rem/1.3 var(--titre);color:#dbe8f3}
.s-preuve-pi{flex:none;width:38px;height:38px;border-radius:8px;display:grid;place-items:center;color:#fff;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}
.s-preuve-pi svg{width:26px;height:26px}
/* Pictos des preuves : animation à l'arrivée, puis en boucle au survol */
.pd-chrono .arc{stroke-dasharray:1;stroke-dashoffset:1;animation:s-arc 1.6s cubic-bezier(.4,0,.2,1) .4s forwards}
.pd-chrono .aiguille{transform-origin:16px 18.5px;animation:s-tour 1.6s cubic-bezier(.4,0,.2,1) .4s}
.pd-distance .curseur{animation:s-curseur 1.8s ease-in-out .5s}
.pd-distance .ondes path{opacity:.25;animation:s-onde-w 1.4s ease-in-out .6s 2}
.pd-distance .ondes .w2{animation-delay:.8s}
.pd-technicien .repere{animation:s-rebond 1s cubic-bezier(.3,1.5,.5,1) .6s}
.pd-technicien .ombre{transform-box:fill-box;transform-origin:center;animation:s-ombre 1s cubic-bezier(.3,1.5,.5,1) .6s}
.s-preuves > .s-preuve:hover .pd-chrono .aiguille{animation:s-tour 1.6s linear infinite}
.s-preuves > .s-preuve:hover .pd-distance .curseur{animation:s-curseur 1.8s ease-in-out infinite}
.s-preuves > .s-preuve:hover .pd-distance .ondes path{animation-iteration-count:infinite}
.s-preuves > .s-preuve:hover .pd-technicien .repere{animation:s-rebond 1s cubic-bezier(.3,1.5,.5,1) infinite}
.s-preuves > .s-preuve:hover .pd-technicien .ombre{animation:s-ombre 1s cubic-bezier(.3,1.5,.5,1) infinite}
@keyframes s-arc{to{stroke-dashoffset:0}}
@keyframes s-tour{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes s-curseur{0%,100%{transform:translate(0,0)}35%{transform:translate(5px,3px)}70%{transform:translate(-2px,4px)}}
@keyframes s-onde-w{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes s-rebond{0%,100%{transform:translateY(0)}40%{transform:translateY(-4px)}}
@keyframes s-ombre{0%,100%{transform:scaleX(1);opacity:.25}40%{transform:scaleX(.7);opacity:.12}}
.s-console{position:relative;padding:20px;border-radius:8px;background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 60px 100px -50px rgba(0,0,0,.8);backdrop-filter:blur(8px)}
.s-console-tete{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.s-console-tete b{font:700 1rem/1.2 var(--titre)}
.s-live{width:10px;height:10px;border-radius:50%;background:#35c4a6;box-shadow:0 0 0 0 rgba(53,196,166,.6);animation:j-pulse 2s ease-out infinite}
@keyframes j-pulse{70%{box-shadow:0 0 0 8px rgba(53,196,166,0)}100%{box-shadow:0 0 0 0 rgba(53,196,166,0)}}
.s-console-etat{margin-left:auto;padding:4px 10px;border-radius:8px;font:700 .74rem/1.2 var(--titre);color:#9ff0c9;background:rgba(53,196,166,.14);border:1px solid rgba(53,196,166,.3)}
.s-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}
.s-kpi{padding:12px;border-radius:8px;background:rgba(6,21,40,.55);border:1px solid rgba(255,255,255,.08)}
.s-kpi b{display:block;font:800 1.5rem/1 var(--titre);color:#fff;font-variant-numeric:tabular-nums}
.s-kpi b small{font-size:.8rem;font-weight:600;color:#7f9bb3}
.s-kpi > span{display:block;margin-top:6px;font-size:.74rem;line-height:1.3;color:#9fb6cb}
.s-graphe{padding:12px 14px 8px;border-radius:8px;background:rgba(6,21,40,.55);border:1px solid rgba(255,255,255,.08);margin-bottom:12px}
.s-graphe-tete{display:flex;justify-content:space-between;align-items:baseline;font-size:.78rem;color:#9fb6cb;margin-bottom:4px}
.s-graphe-val{font:800 .95rem/1 var(--titre);color:var(--cyan-clair);font-variant-numeric:tabular-nums}
.s-graphe svg{display:block;width:100%;height:64px}
.s-flux{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px;min-height:118px}
.s-flux li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:8px;background:rgba(6,21,40,.45);border:1px solid rgba(255,255,255,.06);font-size:.8rem;color:#dbe8f3;animation:s-entre .5s cubic-bezier(.2,.8,.2,1)}
.s-flux time{font:700 .74rem/1 var(--titre);color:#7f9bb3;font-variant-numeric:tabular-nums}
.s-flux em{font-style:normal;padding:3px 8px;border-radius:6px;font:700 .7rem/1.2 var(--titre)}
.s-flux .resolu{color:#9ff0c9;background:rgba(53,196,166,.14)}
.s-flux .cours{color:#ffe1a6;background:rgba(242,180,80,.14)}
.s-flux .planifie{color:#bfe3f5;background:rgba(79,195,234,.14)}
@keyframes s-entre{from{opacity:0;transform:translateY(-8px)}}
.s-console-note{display:block;font-size:.72rem;color:#7f9bb3}
/* Échelle de prise en charge */
.s-echelle-sec{background:#fff;padding-block:clamp(64px,8vw,104px)!important}
.s-echelle{border-radius:8px;border:1px solid var(--filet);background:linear-gradient(180deg,var(--glace),#fff 60%);padding:clamp(20px,2.6vw,32px);box-shadow:0 40px 80px -60px rgba(10,34,64,.6)}
.s-niveaux{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}
.s-piste{position:absolute;left:12.5%;right:12.5%;top:39px;height:4px;border-radius:4px;background:var(--glace-2);z-index:0}
.s-piste i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--n) / 3 * 100%);border-radius:4px;background:linear-gradient(90deg,var(--cyan),var(--bleu));transition:width .5s cubic-bezier(.4,0,.2,1)}
.s-niveau{position:relative;z-index:1;display:grid;justify-items:center;gap:8px;padding:10px 8px;border:0;border-radius:8px;background:none;cursor:pointer;color:var(--gris);font:600 .95rem/1.25 var(--titre);text-align:center;transition:color .2s}
.s-niveau-num{position:absolute;z-index:2;top:2px;left:calc(50% + 22px);min-width:22px;height:22px;border-radius:11px;display:grid;place-items:center;font:800 .72rem/1 var(--titre);color:var(--bleu);background:#fff;border:1px solid var(--filet)}
.s-niveau-pi{position:relative;z-index:1;width:60px;height:60px;border-radius:8px;display:grid;place-items:center;color:var(--bleu);background:#fff;border:1.5px solid var(--filet);box-shadow:0 0 0 6px #f4f9fc,0 12px 24px -16px rgba(10,34,64,.6);transition:background .3s,color .3s,border-color .3s,transform .3s}
.s-niveau-pi svg{width:34px;height:34px}
.s-niveau:hover{color:var(--encre)}
.s-niveau:hover .s-niveau-pi{transform:translateY(-3px);border-color:rgba(0,144,192,.5)}
.s-niveau.atteint .s-niveau-pi{border-color:var(--cyan)}
.s-niveau.actif{color:var(--encre)}
.s-niveau.actif .s-niveau-pi{color:#fff;background:linear-gradient(140deg,var(--cyan),var(--bleu));border-color:transparent;transform:translateY(-3px) scale(1.06);box-shadow:0 0 0 6px #f4f9fc,0 0 0 10px rgba(0,144,192,.18),0 18px 30px -14px rgba(0,144,192,.8)}
.s-niveau.actif .s-niveau-num{color:#fff;background:var(--marine);border-color:var(--marine)}
.s-niveau:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.s-niveau.actif .pd .cle{transform-box:fill-box;transform-origin:center;animation:visse 1.2s ease-in-out infinite}
.s-niveau.actif .pd .led{animation:clignote .8s ease-in-out infinite}
.s-niveau.actif .pd .micro{animation:pulse-n .9s ease-in-out infinite}
.s-niveau.actif .pd .sceau{animation:tampon 1s cubic-bezier(.3,1.6,.5,1) infinite}
.s-niveau.actif .pd *{stroke:#fff}
.s-panneau{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px;padding:24px 26px;border-radius:8px;background:#fff;border:1px solid var(--filet);animation:s-apparait .35s ease}
@keyframes s-apparait{from{opacity:0;transform:translateY(6px)}}
.s-panneau-texte{flex:1 1 520px}
.s-panneau-niveau{display:block;font:700 .76rem/1.2 var(--titre);letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin-bottom:6px}
.s-panneau h3{font-size:1.35rem;margin:0 0 8px}
.s-panneau h3 a{color:var(--encre);text-decoration:none}
.s-panneau h3 a:hover{color:var(--bleu)}
.s-panneau p{margin:0 0 8px;color:var(--gris);line-height:1.65}
.s-panneau-texte > p:last-child{margin:0!important;color:var(--encre)!important}
.s-matrice-cadre{margin-top:22px;border-radius:8px;overflow:auto;border:1px solid var(--filet);background:#fff}
.s-matrice{width:100%;min-width:720px;border-collapse:collapse;font-size:.93rem}
.s-matrice th,.s-matrice td{padding:13px 16px;border-top:1px solid var(--filet);text-align:center}
.s-matrice thead th{border-top:0;font:700 .86rem/1.25 var(--titre);color:var(--encre);background:var(--glace);transition:background .3s,color .3s}
.s-matrice thead th:first-child,.s-matrice tbody th{text-align:left}
.s-matrice tbody th{font-weight:500;color:var(--encre)}
.s-matrice .actif{background:rgba(0,144,192,.07)}
.s-matrice thead th.actif{color:#fff;background:var(--marine)}
.s-oui{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;color:#fff;background:linear-gradient(140deg,var(--cyan),var(--bleu))}
.s-oui svg{width:15px;height:15px}
.s-non{display:inline-grid;place-items:center;width:26px;height:26px;color:#b6c6d4}
.s-non svg{width:16px;height:16px}
.s-texte{font:600 .8rem/1.2 var(--titre);color:var(--bleu)}
/* Bento des services */
.s-services{background:var(--glace);padding-block:clamp(64px,8vw,104px)!important}
.s-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;gap:16px}
.s-tuile{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;padding:26px;border-radius:8px;background:#fff;border:1px solid var(--filet);box-shadow:0 24px 50px -40px rgba(10,34,64,.6);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}
.s-tuile.revele{transition-delay:calc(var(--i) * .08s)}
.s-tuile:hover{transform:translateY(-5px);border-color:rgba(0,144,192,.4);box-shadow:0 36px 64px -40px rgba(0,144,192,.7)}
.s-tuile--maintenance{grid-row:1 / span 2;color:#fff;background:radial-gradient(90% 70% at 100% 0%,rgba(0,144,192,.45),transparent 60%),linear-gradient(160deg,var(--marine-2),var(--nuit));border-color:transparent}
.s-tuile--maintenance::after{content:"";position:absolute;z-index:-1;right:-90px;bottom:-90px;width:300px;height:300px;border-radius:50%;border:1px solid rgba(79,195,234,.25);box-shadow:0 0 0 40px rgba(79,195,234,.05),0 0 0 80px rgba(79,195,234,.035)}
.s-bento > .s-tuile::before{content:"0" counter(tuile);position:absolute;right:20px;top:14px;font:800 3rem/1 var(--titre);color:rgba(16,80,143,.08)}
.s-bento > .s-tuile--maintenance::before{color:rgba(79,195,234,.16);font-size:4.5rem}
.s-tuile-pi{width:56px;height:56px;border-radius:8px;display:grid;place-items:center;margin-bottom:16px;color:var(--bleu);background:linear-gradient(160deg,#fff 0%,#eef6fb 100%);border:1px solid var(--filet);box-shadow:0 12px 22px -14px rgba(10,34,64,.55);transition:transform .45s cubic-bezier(.3,1.5,.5,1)}
.s-tuile-pi svg{width:34px;height:34px}
.s-tuile--maintenance .s-tuile-pi{width:76px;height:76px;color:#fff;background:linear-gradient(160deg,rgba(0,144,192,.4),rgba(0,144,192,.12));border-color:rgba(79,195,234,.35)}
.s-tuile--maintenance .s-tuile-pi svg{width:46px;height:46px}
.s-tuile:hover .s-tuile-pi{transform:scale(1.08) rotate(-4deg)}
.s-tuile h3{font-size:1.18rem;line-height:1.3;margin:0 0 10px}
.s-tuile--maintenance h3{font-size:1.55rem}
.s-tuile h3 a{color:inherit;text-decoration:none}
.s-tuile h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.s-tuile:focus-within{outline:2px solid var(--cyan);outline-offset:3px}
.s-tuile h3 a:focus-visible{outline:none}
.s-tuile > p:not(:last-child){margin:0 0 14px;font-size:.94rem;line-height:1.6;color:var(--gris)}
.s-tuile--maintenance > p:not(:last-child){color:#c3d6e7;font-size:1rem}
.s-tuile ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:8px}
.s-tuile li{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;line-height:1.45;color:var(--encre)}
.s-tuile--maintenance li{color:#fff}
.s-tuile li a{position:relative;z-index:2;color:var(--bleu)}
.s-tuile > p:last-child{margin:auto 0 0;display:inline-flex;align-items:center;gap:8px;margin-top:auto;font:700 .92rem/1.2 var(--titre);color:var(--bleu);transition:gap .25s}
.s-tuile--maintenance > p:last-child{color:var(--cyan-clair)}
.s-tuile:hover > p:last-child{gap:13px}
.s-tuile:hover .pd .cle{transform-box:fill-box;transform-origin:center;animation:visse 1.2s ease-in-out infinite}
.s-tuile:hover .pd .led{animation:clignote .8s ease-in-out infinite}
.s-tuile:hover .pd .micro{animation:pulse-n .9s ease-in-out infinite}
.s-tuile:hover .pd .sceau{animation:tampon 1s cubic-bezier(.3,1.6,.5,1) infinite}
.s-tuile:hover .pd .couche{animation:silo-pile 1.2s ease-in-out infinite}
.s-tuile:hover .pd .couche.c2{animation-delay:.12s}
/* Zone d'intervention */
.s-zone{position:relative;overflow:hidden;isolation:isolate;color:#fff;background:radial-gradient(60% 80% at 80% 50%,rgba(0,144,192,.25),transparent 65%),linear-gradient(160deg,var(--marine),var(--nuit));padding-block:clamp(64px,8vw,104px)!important}
.s-zone-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,5vw,72px);align-items:center}
.s-zone h2{color:#fff;margin-bottom:20px}
.s-zone p{color:#c3d6e7;line-height:1.7}
.s-chiffres{margin:26px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.s-chiffres > .s-chiffre{padding:16px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.s-chiffre > p:first-child{margin:0;display:block;font:800 1.5rem/1.1 var(--titre);color:var(--cyan-clair)}
.s-chiffre > p + p{margin-bottom:0;display:block;margin-top:4px;font-size:.84rem;line-height:1.4;color:#c3d6e7}
.s-radar-cadre{max-width:520px;width:100%;margin-inline:auto}
.s-radar{display:block;width:100%;height:auto;overflow:visible}
.s-balayage{transform-origin:220px 220px;animation:s-tourne 6s linear infinite}
@keyframes s-tourne{to{transform:rotate(360deg)}}
.s-villes circle{fill:#0a2240;stroke:#4fc3ea;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:s-clign 6s ease-in-out infinite;animation-delay:calc(var(--i) * .7s)}
@keyframes s-clign{0%,85%,100%{fill:#0a2240}90%{fill:#4fc3ea}}
.s-villes text{font:600 12px Roboto,sans-serif;fill:#c3d6e7}
.s-agences text{font:800 13px Archivo,sans-serif;fill:#fff}
.s-onde{fill:none;stroke:#4fc3ea;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:onde 2.6s ease-out infinite}
.s-onde.o2{animation-delay:1.3s}
/* Démarrage */
.s-demarrage{background:#fff;padding-block:clamp(64px,8vw,104px)!important}
.s-etapes{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.s-etapes li{position:relative;overflow:hidden;padding:28px 26px 26px;border-radius:8px;background:var(--glace);border:1px solid var(--filet);transition:transform .3s,border-color .3s}
.s-etapes li.revele{transition-delay:calc(var(--i) * .1s)}
.s-etapes li:hover{transform:translateY(-4px);border-color:rgba(0,144,192,.4)}
.s-etape-num{position:absolute;right:14px;top:-18px;font:800 7rem/1 var(--titre);color:transparent;-webkit-text-stroke:2px rgba(16,80,143,.12)}
.s-etape-pi{position:relative;width:54px;height:54px;border-radius:8px;display:grid;place-items:center;margin-bottom:16px;color:var(--bleu);background:#fff;border:1px solid var(--filet);box-shadow:0 12px 22px -14px rgba(10,34,64,.55)}
.s-etape-pi svg{width:32px;height:32px}
.s-etapes h3{letter-spacing:normal;margin-top:0;position:relative;display:block;font:700 1.15rem/1.3 var(--titre);color:var(--encre);margin-bottom:6px}
.s-etapes p{position:relative;margin:0;font-size:.95rem;line-height:1.6;color:var(--gris)}
.s-etapes li:hover .pd .loupe{animation:scrute 1.2s ease-in-out infinite}
.s-etapes li:hover .pd .sceau{animation:tampon 1s cubic-bezier(.3,1.6,.5,1) infinite}
.s-etapes li:hover .pd .bulle-eq{animation:monte .8s ease-in-out infinite}
.s-appel{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px;padding:clamp(24px,3vw,36px);border-radius:8px;color:#fff;background:radial-gradient(80% 120% at 100% 0%,rgba(0,144,192,.5),transparent 60%),linear-gradient(150deg,var(--marine-2),var(--nuit))}
.s-appel::after{content:"";position:absolute;z-index:-1;right:-60px;top:-80px;width:260px;height:260px;border-radius:50%;border:1px solid rgba(79,195,234,.25);box-shadow:0 0 0 34px rgba(79,195,234,.05)}
.s-appel > div:first-child{flex:1 1 420px}
.s-appel > div:first-child > p:first-child{color:#fff;display:block;font:700 1.4rem/1.25 var(--titre);margin-bottom:6px}
.s-appel p{margin:0;color:#c3d6e7}
.s-appel-actions{display:flex;flex-wrap:wrap;gap:12px}
/* Autres expertises */
.s-autres{background:var(--glace);padding-block:clamp(56px,7vw,88px)!important}
.s-autres h2{margin-bottom:22px}
.s-autres-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.s-autres-liste li.revele{transition-delay:calc(var(--i) * .05s)}
.s-autres-liste a{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:8px;background:#fff;border:1px solid var(--filet);font:700 .98rem/1.3 var(--titre);color:var(--encre);text-decoration:none;transition:border-color .25s,transform .25s,box-shadow .25s}
.s-autres-liste a > span:nth-child(2){flex:1}
.s-autres-liste a:hover{border-color:rgba(0,144,192,.45);transform:translateY(-3px);box-shadow:0 20px 40px -30px rgba(0,144,192,.8)}
.s-autre-pi{flex:none;width:46px;height:46px;border-radius:8px;display:grid;place-items:center;color:var(--bleu);background:linear-gradient(160deg,#fff 0%,#eef6fb 100%);border:1px solid var(--filet)}
.s-autre-pi svg{width:28px;height:28px}
.s-autres-liste a .b-fl{width:18px;height:18px;color:var(--bleu);transition:transform .25s}
.s-autres-liste a:hover .b-fl{transform:translateX(4px)}
/* FAQ en cartes */
.s-faq{background:#fff;padding-block:clamp(64px,8vw,104px)!important}
.s-faq-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.s-question{border-radius:8px;background:var(--glace);border:1px solid var(--filet);transition:border-color .25s,background .25s,box-shadow .25s}
.s-question.revele{transition-delay:calc(var(--i) * .06s)}
.s-question[open]{background:#fff;border-color:rgba(0,144,192,.45);box-shadow:0 24px 50px -36px rgba(0,144,192,.7)}
.s-question summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;cursor:pointer;list-style:none;font:700 1rem/1.4 var(--titre);color:var(--encre)}
.s-question summary::-webkit-details-marker{display:none}
.s-question summary:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:8px}
.s-question > :not(summary){margin:0;padding:0 20px 18px}
.s-question > p{margin:0;color:var(--gris);line-height:1.65}
.page-services main [hidden]{display:none!important}
@media (max-width:1100px){.s-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.s-tuile--maintenance{grid-row:auto;grid-column:1 / -1}.s-autres-liste{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.s-hero{min-height:0}.s-hero-grille,.s-zone-grille,.s-tete{grid-template-columns:1fr}.s-faq-grille{grid-template-columns:1fr}}
@media (max-width:760px){.s-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.s-niveaux{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}.s-piste{display:none}.s-bento,.s-etapes,.s-autres-liste,.s-chiffres{grid-template-columns:1fr}.s-appel-actions .btn,.s-panneau .btn{width:100%;justify-content:center}.s-niveau-num{left:calc(50% + 18px)}}
@media (prefers-reduced-motion:reduce){.s-preuves .pd *,.s-balayage,.s-villes circle,.s-onde,.s-live{animation:none!important}}
.s-question .signe{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--bleu);background:#fff;border:1px solid var(--filet);transition:transform .3s,background .3s,color .3s}
.s-question .signe svg{width:14px;height:14px}
.s-question[open] .signe{transform:rotate(45deg);color:#fff;background:var(--marine);border-color:var(--marine)}

/* Radar : secteur de la Sarthe mis en valeur */
.s-secteur{fill:rgba(79,195,234,.07);stroke:rgba(79,195,234,.35);stroke-width:1;stroke-dasharray:4 6}
.s-nom-zone{font:800 11px Archivo,sans-serif;letter-spacing:.18em;fill:#4fc3ea}
.s-villes text{font-size:11.5px}

/* Ajouts WordPress */
.s-surtitre p,.s-preuve p,.s-chiffre p{margin:0}
.s-hero-texte h1{margin-top:0}
.s-boutons,.s-appel-actions{margin-top:0}
.s-preuves > .s-preuve > p{margin:0}
.s-tete > p:only-of-type{margin:0}
.s-bento{counter-reset:tuile}
.s-bento > .s-tuile{counter-increment:tuile}
.s-bento > .s-tuile:nth-child(1){--i:0}.s-bento > .s-tuile:nth-child(2){--i:1}.s-bento > .s-tuile:nth-child(3){--i:2}.s-bento > .s-tuile:nth-child(4){--i:3}.s-bento > .s-tuile:nth-child(5){--i:4}
.s-tuile ul{padding:0}
.s-tuile li::before{content:"";flex:none;width:20px;height:20px;border-radius:6px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22m5 12.5 4.5 4.5L19 7.5%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") center/12px no-repeat,linear-gradient(140deg,var(--cyan),var(--bleu))}
.s-tuile > p:last-child::after{content:"";flex:none;width:18px;height:18px;background:currentColor;-webkit-mask:var(--ic-fleche) center/contain no-repeat;mask:var(--ic-fleche) center/contain no-repeat}
.s-panneau .wp-block-buttons{margin:0}
.s-panneau .wp-block-button__link::after,.s-appel-actions .wp-block-button__link::after,.s-boutons .wp-block-button__link::after{width:18px;height:18px}
.s-etapes > li:nth-child(1){--i:0}.s-etapes > li:nth-child(2){--i:1}.s-etapes > li:nth-child(3){--i:2}
.s-autres-liste > li:nth-child(1){--i:0}.s-autres-liste > li:nth-child(2){--i:1}.s-autres-liste > li:nth-child(3){--i:2}.s-autres-liste > li:nth-child(4){--i:3}.s-autres-liste > li:nth-child(5){--i:4}.s-autres-liste > li:nth-child(6){--i:5}
.s-faq-grille > .s-question:nth-child(odd){--i:0}.s-faq-grille > .s-question:nth-child(even){--i:1}
.s-matrice-cadre .s-matrice caption{caption-side:top}