/* cyber : page mère Cybersécurité (préfixe c-), reprise de cybersecurite.html */
.page-cyber .c-sur{font:700 .8rem/1.2 var(--texte);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin:0 0 14px}

/* --- Hero : rempart de sept couches --- */
.c-hero{position:relative;overflow:hidden;isolation:isolate;min-height:100svh;box-sizing:border-box;display:grid;align-items:center;padding:calc(var(--entete) + clamp(14px,2.6svh,32px)) 0 clamp(18px,3svh,36px)!important;color:#fff;background:radial-gradient(60% 75% at 78% 50%,rgba(0,144,192,.22),transparent 70%),radial-gradient(40% 50% at 10% 100%,rgba(79,195,234,.08),transparent 70%),var(--nuit)}
.c-hero-grille{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(28px,4vw,64px);align-items:center}
.c-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;background:rgba(79,195,234,.12);border:1px solid rgba(79,195,234,.3);font:600 .82rem/1.2 var(--texte);color:#bfe9f8;margin-bottom:16px}
.c-badge::before{content:"";flex:none;width:16px;height:16px;background:var(--cyan-clair);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 4.5 6v5.5c0 4.6 3.2 8.4 7.5 9.5 4.3-1.1 7.5-4.9 7.5-9.5V6L12 3Z' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='m8.8 12 2.2 2.2 4.2-4.4' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%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 3 4.5 6v5.5c0 4.6 3.2 8.4 7.5 9.5 4.3-1.1 7.5-4.9 7.5-9.5V6L12 3Z' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='m8.8 12 2.2 2.2 4.2-4.4' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.c-hero h1{font-size:clamp(1.9rem,2.7vw,2.6rem);font-weight:800;line-height:1.1;color:#fff;margin:0 0 16px}
.c-chapo{font-size:1.05rem;line-height:1.6;color:#c9d8e6;margin:0 0 24px}
.c-boutons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}
.c-hero .is-style-contour-tel .wp-block-button__link{color:#fff;border-color:rgba(255,255,255,.45)}
.c-hero .is-style-contour-tel .wp-block-button__link:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.c-rassure{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 28px;font-size:.85rem;line-height:1.3;color:#b9cbdb}
.c-rassure li{display:flex;align-items:center;gap:12px}
.c-rassure b{display:block;font:700 .92rem/1.25 var(--titre);color:#fff}
.c-rp-tuile{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:8px;background:rgba(79,195,234,.1);border:1px solid rgba(79,195,234,.28);color:#dbe7f1}
.c-rp{width:28px;height:28px;overflow:visible}
.c-rp-audit .loupe{animation:c-rp-loupe 4.5s ease-in-out infinite}
.c-rp-audit .scan{animation:c-rp-scan 1.5s ease-in-out infinite}
@keyframes c-rp-loupe{0%,100%{transform:translate(0,0)}30%{transform:translate(-5px,-6px)}60%{transform:translate(-2px,-1px)}}
@keyframes c-rp-scan{0%,100%{transform:translateY(-3px);opacity:.3}50%{transform:translateY(3px);opacity:1}}
.c-rp-reponse circle[class^="p"]{animation:c-rp-frappe 1.4s ease-in-out infinite}
.c-rp-reponse .p2{animation-delay:.18s}
.c-rp-reponse .p3{animation-delay:.36s}
@keyframes c-rp-frappe{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-2px);opacity:1}}
.c-rp-reponse .aiguille{transform-box:view-box;transform-origin:24.5px 23.5px;animation:c-tourne 4s linear infinite}
.c-rp-terrain .repere{animation:c-rp-saut 2.6s ease-in-out infinite}
@keyframes c-rp-saut{0%,100%{transform:translateY(0)}40%{transform:translateY(-2.5px)}60%{transform:translateY(0)}}
.c-rp-terrain .ondes path{animation:c-rp-onde 2.2s ease-out infinite;opacity:0}
.c-rp-terrain .o2{animation-delay:.35s}
@keyframes c-rp-onde{0%{opacity:0}30%{opacity:1}100%{opacity:0}}

.c-rempart{position:relative;width:min(100%,460px);aspect-ratio:1;margin-inline:auto}
.c-rempart > svg{width:100%;height:100%;overflow:visible}
.c-anneau{fill:none;stroke:rgba(79,195,234,.42);stroke-width:2;transform-origin:200px 200px;transform-box:view-box}
.c-anneau--tirets{stroke-dasharray:3 9}
.c-anneau--longs{stroke-dasharray:40 14;stroke:rgba(0,144,192,.75)}
.c-anneau--tourne{animation:c-tourne var(--t,60s) linear infinite}
.c-anneau--inverse{animation-direction:reverse}
@keyframes c-tourne{to{transform:rotate(360deg)}}
.c-coeur-halo{fill:rgba(0,144,192,.18)}
.c-coeur{fill:#0b2c4d;stroke:var(--cyan-clair);stroke-width:2.5;stroke-linejoin:round}
.c-cadenas{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.c-coeur-txt{font:700 11px var(--texte);fill:#bfe9f8;letter-spacing:.08em;text-transform:uppercase}
.c-flux{transform-box:view-box;transform-origin:200px 200px}
.c-menace-pt{fill:#e5534b;transform-box:fill-box;animation:c-entre 6s cubic-bezier(.55,.1,.8,.5) infinite;animation-delay:var(--d);opacity:0}
.c-impact{fill:none;stroke:#4fc3ea;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:c-impact 6s ease-out infinite;animation-delay:var(--d);opacity:0}
@keyframes c-entre{0%{transform:translateX(0);opacity:0}8%{opacity:1}42%{transform:translateX(calc(var(--r) * -1px));opacity:1}46%,100%{transform:translateX(calc(var(--r) * -1px));opacity:0}}
@keyframes c-impact{0%,41%{opacity:0;transform:scale(.3)}44%{opacity:1}62%,100%{opacity:0;transform:scale(2.6)}}
.c-alerte{position:absolute;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background:rgba(10,34,64,.92);border:1px solid rgba(79,195,234,.35);box-shadow:0 18px 40px -20px rgba(0,0,0,.8);font:600 .8rem/1.25 var(--texte);color:#fff;white-space:nowrap;opacity:0;animation:c-alerte 9s ease infinite;animation-delay:var(--d)}
.c-alerte svg{width:16px;height:16px;flex:none;color:#35c4a6}
.c-alerte--1{top:4%;left:0}
.c-alerte--2{top:30%;right:-8%}
.c-alerte--3{bottom:6%;left:8%}
@keyframes c-alerte{0%{opacity:0;transform:translateY(8px)}6%,30%{opacity:1;transform:none}36%,100%{opacity:0;transform:translateY(-6px)}}

/* --- La menace actuelle --- */
.c-menace{background:#fff}
.c-menace-grille{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,80px);align-items:center}
.c-menace h2{font-size:clamp(1.7rem,2.6vw,2.4rem);line-height:1.15;margin:0 0 20px}
.c-menace p{color:var(--gris);line-height:1.7;margin:0 0 14px}
.c-chiffre{border-radius:8px;background:var(--glace);padding:clamp(24px,3vw,36px);margin:0}
.c-chiffre-haut{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-bottom:10px}
.c-chiffre-gros{font:800 clamp(3.6rem,6vw,5.2rem)/.9 var(--titre);color:var(--bleu);letter-spacing:-.02em}
.c-chiffre-hausse{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;background:rgba(229,83,75,.12);color:#b8322b;font:700 .9rem/1 var(--texte);margin-bottom:8px}
.c-chiffre-hausse svg{width:16px;height:16px}
.c-chiffre-txt{font-weight:600;color:var(--encre);margin:0 0 22px!important}
.c-podium-titre{font:700 .78rem/1.2 var(--texte);letter-spacing:.1em;text-transform:uppercase;color:var(--gris);margin:0 0 10px!important}
.c-podium{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:8px}
.c-podium li{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;background:#fff;font:700 .98rem/1.2 var(--titre);color:var(--encre);overflow:hidden}
.c-podium li::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--l);background:linear-gradient(90deg,rgba(0,144,192,.16),rgba(0,144,192,.04));transform-origin:left;transform:scaleX(0);transition:transform 1.1s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i) * .15s + .2s)}
.c-chiffre.vu .c-podium li::before{transform:none}
.c-podium b{position:relative;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--bleu);color:#fff;font-size:.85rem;flex:none}
.c-podium li:first-child b{background:#e5534b}
.c-podium span{position:relative}
.c-source{font-size:.8rem!important;color:var(--gris)!important;margin:0!important}

/* --- Les sept couches de protection --- */
.c-couches{background:var(--glace)}
.c-couches-tete{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:end;margin-bottom:clamp(36px,5vw,56px)}
.c-couches-tete .c-grand{font:800 clamp(1.7rem,2.6vw,2.4rem)/1.15 var(--titre);color:var(--encre);margin:0}
.c-couches-tete > p{color:var(--gris);line-height:1.7;margin:0}
.c-couches-grille{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(28px,4vw,64px);align-items:start}
.c-cible{position:sticky;top:calc(var(--entete) + 32px);border-radius:8px;background:var(--nuit);color:#fff;padding:clamp(20px,2.4vw,30px)}
.c-cible > svg{display:block;width:100%;max-width:300px;margin:0 auto 18px}
.c-cible-anneau{fill:none;stroke:rgba(79,195,234,.22);stroke-width:7;transition:stroke .4s,stroke-width .4s}
.c-cible-anneau.actif{stroke:var(--cyan-clair);stroke-width:9}
.c-cible-anneau.passe{stroke:rgba(79,195,234,.5)}
.c-cible-coeur{fill:#0b2c4d;stroke:var(--cyan-clair);stroke-width:2}
.c-cible-num{font:800 26px var(--titre);fill:#fff}
.c-cible-legende{font:700 .78rem/1.2 var(--texte);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan-clair);margin:0 0 6px}
.c-cible-titre{font:700 1.08rem/1.3 var(--titre);margin:0 0 8px;min-height:2.6em}
.c-cible-menace{display:flex;align-items:flex-start;gap:8px;font-size:.9rem;line-height:1.45;color:#c9d8e6;margin:0}
.c-cible-menace svg{width:16px;height:16px;flex:none;margin-top:2px;color:#ff8a82}
.c-liste-couches{list-style:none;margin:0;padding:0;display:grid;gap:clamp(18px,2vw,24px)}
.c-couche{border-radius:8px;background:#fff;padding:clamp(22px,2.8vw,36px);box-shadow:0 24px 50px -40px rgba(10,34,64,.45);transition:box-shadow .4s,transform .4s;scroll-margin-top:calc(var(--entete) + 24px)}
.c-couche.actif{box-shadow:0 30px 60px -34px rgba(0,144,192,.55)}
.c-couche-haut{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.c-couche-pi{display:grid;place-items:center;width:52px;height:52px;border-radius:8px;background:var(--glace);color:var(--bleu);flex:none}
.c-couche-pi .pd{width:30px;height:30px}
.c-couche-num{font:700 .78rem/1 var(--texte);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}
.c-couche-menace{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:6px 10px;border-radius:8px;background:rgba(229,83,75,.1);color:#b8322b;font:600 .8rem/1.2 var(--texte)}
.c-couche-menace svg{width:14px;height:14px}
.c-couche h2{font-size:clamp(1.3rem,1.8vw,1.6rem);line-height:1.25;margin:0 0 14px}
.c-couche p{color:var(--gris);line-height:1.7;margin:0 0 12px}
.c-points{list-style:none;margin:18px 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.c-points li{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:8px;background:var(--glace);font:600 .85rem/1.2 var(--texte);color:var(--encre)}
.c-points li::before{content:"";flex:none;width:14px;height:14px;background:var(--cyan);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%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='m5 12.5 4.5 4.5L19 7.5' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.c-lien{display:inline-flex;align-items:center;gap:8px;font:700 .95rem/1.2 var(--titre);color:var(--bleu);text-decoration:none}
.c-lien svg{width:18px;height:18px;transition:transform .25s}
.c-lien:hover svg{transform:translateX(4px)}

/* Pictos propres à la page */
.pd-identite .mfa{transform-box:fill-box;transform-origin:center bottom}
.pd-identite .coche{stroke-dasharray:1;stroke-dashoffset:1}
.c-couche.actif .pd-identite .mfa,.c-couche:hover .pd-identite .mfa{animation:c-mfa 2.4s ease infinite}
.c-couche.actif .pd-identite .coche,.c-couche:hover .pd-identite .coche{animation:c-coche 2.4s ease infinite}
@keyframes c-mfa{0%,100%{transform:none}12%{transform:translateY(-2px) rotate(-6deg)}24%{transform:translateY(-2px) rotate(6deg)}36%{transform:none}}
@keyframes c-coche{0%,38%{stroke-dashoffset:1}60%,100%{stroke-dashoffset:0}}
.pd-coffre .cadran{transform-box:fill-box;transform-origin:center}
.c-couche.actif .pd-coffre .cadran,.c-couche:hover .pd-coffre .cadran{animation:c-cadran 3s cubic-bezier(.6,0,.3,1) infinite}
@keyframes c-cadran{0%{transform:rotate(0)}30%{transform:rotate(120deg)}55%{transform:rotate(40deg)}80%,100%{transform:rotate(180deg)}}
.pd-parefeu .fleche{transform-box:fill-box}
.c-couche.actif .pd-parefeu .fleche,.c-couche:hover .pd-parefeu .fleche{animation:c-rebond 1.8s ease-in-out infinite}
@keyframes c-rebond{0%,100%{transform:translateX(0);opacity:1}45%{transform:translateX(5px)}55%{transform:translateX(5px)}90%{transform:translateX(-2px);opacity:.6}}

/* --- Pourquoi E-Concept et situations --- */
.c-pourquoi{background:var(--nuit);color:#fff}
.c-pourquoi-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start}
.c-pourquoi-grille h2{margin:0}
.c-pourquoi h2{color:#fff;font-size:clamp(1.7rem,2.6vw,2.4rem);line-height:1.15;margin:0 0 20px}
.c-pourquoi p{color:#c9d8e6;line-height:1.7;margin:0 0 14px}
.c-preuves{margin:clamp(28px,3.5vw,44px) 0 clamp(48px,6vw,72px);padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.c-preuves > div{display:flex;align-items:baseline;gap:14px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(79,195,234,.2);padding:18px 20px}
.c-preuves > div > p:first-child{margin:0;flex:none;font:800 1.9rem/1 var(--titre);color:var(--cyan-clair)}
.c-preuves > div > p + p{margin:0;font-size:.85rem;line-height:1.35;color:#c9d8e6}
.c-situations h3{color:#fff;font-size:clamp(1.3rem,1.8vw,1.6rem);margin:0 0 20px}
.c-sit-grille{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px;align-items:stretch}
.c-onglets{display:grid;gap:8px}
.c-onglet{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:13px 16px;border-radius:8px;border:1px solid rgba(79,195,234,.25);background:rgba(255,255,255,.04);color:#dbe7f1;font:600 .88rem/1.2 var(--texte);cursor:pointer;transition:background .25s,border-color .25s,color .25s}
.c-onglet:hover{border-color:rgba(79,195,234,.6)}
.c-onglet[aria-selected="true"]{background:var(--cyan);border-color:var(--cyan);color:#fff}
.c-onglet--urgence i{width:8px;height:8px;border-radius:50%;background:#e5534b;box-shadow:0 0 0 0 rgba(229,83,75,.6);animation:c-pouls 1.8s infinite}
.c-onglet--urgence[aria-selected="true"]{background:#c8423b;border-color:#c8423b}
.c-onglet--urgence[aria-selected="true"] i{background:#fff}
@keyframes c-pouls{70%{box-shadow:0 0 0 8px rgba(229,83,75,0)}100%{box-shadow:0 0 0 0 rgba(229,83,75,0)}}
.c-panneaux{display:grid}
.c-panneau{display:flex;flex-direction:column;justify-content:center;border-radius:8px;background:#fff;color:var(--encre);padding:clamp(24px,3.2vw,44px)}
.c-panneau-num{font:700 .8rem/1 var(--texte);letter-spacing:.12em;color:var(--cyan);margin-bottom:14px}
.c-panneau--urgence{background:#fdf1f0}
.c-panneau--urgence .c-panneau-num{color:#b8322b}
.c-panneau[hidden]{display:none}
.c-panneau > p:first-of-type{color:var(--encre);margin:0 0 14px;display:block;font:800 clamp(1.4rem,2vw,1.8rem)/1.2 var(--titre);margin-bottom:14px}
.c-panneau p{color:var(--gris);font-size:1.05rem;line-height:1.7;margin:0}
.c-panneau.vient{animation:c-vient .35s ease}
@keyframes c-vient{from{opacity:0;transform:translateY(6px)}}

/* --- Protocole en six étapes --- */
.c-protocole{background:#fff}
.c-tete{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:end;margin-bottom:clamp(32px,4vw,52px)}
.c-tete h2{font-size:clamp(1.7rem,2.6vw,2.4rem);line-height:1.15;margin:0}
.c-tete p{color:var(--gris);line-height:1.7;margin:0}
.c-chaine{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;position:relative}
.c-chaine::before{content:"";position:absolute;top:27px;left:28px;right:calc((100% - 70px) / 6 - 28px);height:2px;background:var(--filet)}
.c-chaine::after{content:"";position:absolute;top:27px;left:28px;right:calc((100% - 70px) / 6 - 28px);height:2px;background:var(--cyan);transform-origin:left;transform:scaleX(0);transition:transform 2.4s cubic-bezier(.4,0,.2,1) .2s}
.c-chaine.vu::after{transform:none}
.c-maillon{position:relative}
.c-verrou{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;border-radius:8px;background:#fff;border:2px solid var(--filet);color:var(--gris);transition:border-color .4s,background .4s,color .4s;transition-delay:calc(var(--i) * .4s + .3s)}
.c-verrou svg{width:28px;height:28px;overflow:visible}
.c-verrou .anse{transition:transform .5s cubic-bezier(.5,1.6,.5,1);transition-delay:calc(var(--i) * .4s + .3s);transform:translateY(-4px)}
.c-chaine.vu .c-verrou{border-color:var(--cyan);background:var(--cyan);color:#fff}
.c-chaine.vu .c-verrou .anse{transform:none}
.c-maillon small{display:block;font:700 .75rem/1 var(--texte);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin:16px 0 6px}
.c-maillon h3{letter-spacing:normal;margin-top:0;display:block;font:700 1.02rem/1.3 var(--titre);color:var(--encre);margin-bottom:8px}
.c-maillon p{font-size:.92rem;line-height:1.6;color:var(--gris);margin:0}
.c-urgence{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(18px,2.6vw,32px);align-items:start;margin-top:clamp(36px,4vw,52px);border-radius:8px;background:#fdf1f0;padding:clamp(22px,2.8vw,36px)}
.c-urgence::before{content:"";background:#e5534b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.5 2.5 20h19L12 3.5Z' fill='%23fff' fill-opacity='.14' stroke='%23fff' stroke-width='1.9' stroke-linejoin='round'/%3E%3Cpath d='M12 10v4.5' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='17.2' r='1.2' fill='%23fff'/%3E%3C/svg%3E") center/30px no-repeat;display:grid;place-items:center;width:56px;height:56px;border-radius:8px;background:#e5534b;color:#fff}
.c-urgence h3{font-size:1.25rem;margin:0 0 6px;color:var(--encre)}
.c-urgence > div > p{color:var(--gris);margin:0 0 16px}
.c-urgence ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;counter-reset:u}
.c-urgence li{counter-increment:u;border-radius:8px;background:#fff;padding:14px;font-size:.92rem;line-height:1.45;color:var(--encre)}
.c-urgence li::before{content:counter(u);display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:rgba(229,83,75,.14);color:#b8322b;font:700 .8rem/1 var(--texte);margin-bottom:8px}

/* --- Appel final --- */
.c-appel{background:linear-gradient(135deg,#0a2240 0%,#0b3560 60%,#0a4a78 100%);color:#fff}
.c-appel-grille{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(28px,5vw,80px);align-items:center}
.c-appel h2{color:#fff;font-size:clamp(1.7rem,2.6vw,2.4rem);line-height:1.15;margin:0 0 16px}
.c-appel p{color:#c9d8e6;line-height:1.7;margin:0 0 24px}
.c-appel .is-style-contour-tel .wp-block-button__link{color:#fff;border-color:rgba(255,255,255,.45)}
.c-appel .is-style-contour-tel .wp-block-button__link:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.c-appel-liste{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.c-appel-liste li{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:8px;background:rgba(255,255,255,.06);font-weight:600}
.c-appel-liste li::before{content:"";flex:none;width:20px;height:20px;background:#35c4a6;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%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='m5 12.5 4.5 4.5L19 7.5' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}

/* --- Autres expertises --- */
.c-autres{background:#fff;padding-block:clamp(56px,7vw,88px)!important}
.c-autres h2{margin:0 0 22px}
.c-autres-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.c-autres-liste a{display:flex;flex-direction:column;gap:14px;height:100%;box-sizing:border-box;padding:18px;border-radius:8px;background:var(--glace);font:700 .95rem/1.3 var(--titre);color:var(--encre);text-decoration:none;transition:background .25s,transform .25s}
.c-autres-liste a:hover{background:#e2eef7;transform:translateY(-3px)}
.c-autres-liste .pd{width:30px;height:30px;color:var(--bleu)}
.c-autres-liste .b-fl{width:18px;height:18px;margin-top:auto;color:var(--bleu)}

/* --- FAQ numérotée --- */
.c-faq{background:var(--glace)}
.c-faq-liste{counter-reset:q;display:grid;gap:10px}
.c-q{counter-increment:q;border-radius:8px;background:#fff}
.c-q summary{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 22px;cursor:pointer;list-style:none;font:700 1.05rem/1.35 var(--titre);color:var(--encre)}
.c-q summary::-webkit-details-marker{display:none}
.c-q summary::before{content:counter(q,decimal-leading-zero);font:800 1.5rem/1 var(--titre);color:var(--cyan)}
.c-q .signe{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--glace);color:var(--bleu);transition:background .3s,color .3s}
.c-q .signe svg{width:16px;height:16px}
.c-q[open] .signe{background:var(--bleu);color:#fff}
.c-q .signe svg{transition:transform .3s}
.c-q[open] .signe svg{transform:rotate(45deg)}
.c-q > :not(summary){padding:0 22px 20px calc(56px + 38px)}
.c-q > p{margin:0;color:var(--gris);line-height:1.7}
.c-q > p strong{color:var(--encre)}

@media (max-width:1100px){
  .c-chaine{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}
  .c-chaine::before,.c-chaine::after{display:none}
  .c-autres-liste{grid-template-columns:repeat(3,minmax(0,1fr))}
  .c-urgence ol{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .c-hero{min-height:0}
  .c-hero-grille,.c-menace-grille,.c-couches-tete,.c-couches-grille,.c-pourquoi-grille,.c-tete,.c-appel-grille,.c-sit-grille{grid-template-columns:1fr}
  .c-onglets{grid-template-columns:repeat(2,minmax(0,1fr))}
  .c-rempart{width:min(100%,380px)}
  .c-cible{display:none}
}
@media (max-width:600px){
  .c-alerte{display:none}
  .c-rassure{flex-direction:column}
  .c-chaine{grid-template-columns:1fr}
  .c-preuves{grid-template-columns:1fr}
  .c-urgence{grid-template-columns:1fr}
  .c-urgence ol{grid-template-columns:1fr}
  .c-autres-liste{grid-template-columns:repeat(2,minmax(0,1fr))}
  .c-couche-menace{margin-left:0}
  .c-q summary{grid-template-columns:40px minmax(0,1fr) auto;gap:12px;padding:16px}
  .c-q > :not(summary){padding:0 16px 18px}
}
@media (prefers-reduced-motion:reduce){
  .c-anneau--tourne,.c-menace-pt,.c-impact,.c-alerte,.c-onglet--urgence i,.c-rp *{animation:none}
  .c-alerte--1{opacity:1}
}

/* Ajouts WordPress */
ul.c-points.wp-block-list{margin:18px 0 20px;padding:0}
ul.c-appel-liste.wp-block-list,ol.c-urgence-liste.wp-block-list{margin:0;padding:0}
.c-hero-texte h1{margin-top:0}
.c-boutons .wp-block-button__link::after{width:18px;height:18px}
.c-couches-tete .c-sur{margin-bottom:14px}
.c-urgence > div > h3{margin-top:0}
.c-situations h3{margin-top:0}
.c-autres h2{margin-top:0}
.c-q summary{margin:0}