/* kfille : gabarit des pages filles du silo Cybersécurité (préfixe k-), repris de audit-securite-informatique.html.
   Classes communes avec la page Contact renommées : k-hero → k-hero-cyber, k-faq → k-faq-cyber, k-etape → k-etape-cyber, k-retour → k-retour-cyber */
.page-kfille main section:not(.k-hero-cyber):not(.f-silo){padding-block:clamp(64px,9vw,112px)}
.page-kfille .k-sur{font:700 .8rem/1.2 var(--texte);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin:0 0 14px}
.k-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)}
.k-tete h2{font-size:clamp(1.7rem,2.6vw,2.4rem);line-height:1.15;margin:0}
.k-tete p{color:var(--gris);line-height:1.7;margin:0}

/* --- Hero clair : fiche de constats animée --- */
.k-hero-cyber{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:#061528}
.k-hero-cyber .fond-image{z-index:-1;background:#061528}
.k-hero-cyber .fond-image img{object-position:right center}
.k-hero-cyber .fond-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,21,40,.96) 0%,rgba(6,21,40,.9) 40%,rgba(10,34,64,.66) 68%,rgba(10,34,64,.5) 100%),linear-gradient(0deg,rgba(6,21,40,.85) 0%,rgba(6,21,40,0) 32%)}
/* Photo de fond : Unsplash, licence Unsplash ; voile bleu nuit en deux dégradés, plus dense sous le texte à gauche */
.k-hero-grille{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,4vw,64px);align-items:center}
.k-retour-cyber{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,.32);font:600 .82rem/1.2 var(--texte);color:#bfe9f8;text-decoration:none;margin-bottom:16px}
.k-retour-cyber svg{width:16px;height:16px}
.k-hero-cyber h1{font-size:clamp(1.9rem,2.7vw,2.6rem);font-weight:800;line-height:1.1;color:#fff;margin:0 0 16px}
.k-chapo{font-size:1.05rem;line-height:1.6;color:#d3e0eb;margin:0 0 24px}
.k-hero-cyber .is-style-contour-tel .wp-block-button__link{color:#fff;border-color:rgba(255,255,255,.5)}
.k-hero-cyber .is-style-contour-tel .wp-block-button__link:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.k-boutons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}
.k-rassure{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 28px;font-size:.85rem;line-height:1.3;color:#c3d3e1}
.k-rassure li{display:flex;align-items:center;gap:12px}
.k-rassure b{display:block;font:700 .92rem/1.25 var(--titre);color:#fff}
.k-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,.3);color:#dbe7f1}
.k-hero-cyber .k-rp [stroke="#0090c0"]{stroke:#4fc3ea}
.k-hero-cyber .k-rp [fill="#0090c0"]{fill:#4fc3ea}
.k-rp{width:28px;height:28px;overflow:visible}
.k-rp-rapport .ligne{stroke-dasharray:1;stroke-dashoffset:1;animation:k-ecrit 3.6s ease infinite}
.k-rp-rapport .l2{animation-delay:.3s}
.k-rp-rapport .l3{animation-delay:.6s}
@keyframes k-ecrit{0%,10%{stroke-dashoffset:1;opacity:1}40%,85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
.k-rp-libre .anse{transform-box:view-box;transform-origin:21px 13px;animation:k-ouvre 3.2s ease-in-out infinite}
@keyframes k-ouvre{0%,25%{transform:none}45%,80%{transform:translateY(-3px) rotate(28deg)}100%{transform:none}}
.k-rp-taille .choisie{transform-box:fill-box;transform-origin:bottom;animation:k-monte 3s ease-in-out infinite}
.k-rp-taille .fleche{animation:k-pointe 3s ease-in-out infinite}
@keyframes k-monte{0%,100%{transform:scaleY(.55)}40%,75%{transform:none}}
@keyframes k-pointe{0%,100%{transform:translateY(4px);opacity:0}40%,75%{transform:none;opacity:1}}
.k-rp-poste .jeton{transform-box:fill-box;transform-origin:center;animation:k-jeton 3.4s ease-in-out infinite}
@keyframes k-jeton{0%,20%{transform:translateY(-6px);opacity:0}40%,80%{transform:none;opacity:1}100%{transform:none;opacity:0}}
.k-rp-terrain .repere{animation:k-saut 2.6s ease-in-out infinite}
@keyframes k-saut{0%,100%{transform:translateY(0)}40%{transform:translateY(-2.5px)}60%{transform:translateY(0)}}
.k-rp-terrain .ondes path{animation:k-onde 2.2s ease-out infinite;opacity:0}
.k-rp-terrain .o2{animation-delay:.35s}
@keyframes k-onde{0%{opacity:0}30%{opacity:1}100%{opacity:0}}

.k-fiche{position:relative;border-radius:8px;background:#fff;box-shadow:0 40px 80px -40px rgba(10,34,64,.45),0 0 0 1px rgba(10,34,64,.06);padding:clamp(18px,2vw,26px);overflow:hidden}
.k-fiche-tete{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--filet);margin-bottom:6px}
.k-fiche-titre{font:800 1.02rem/1.2 var(--titre);color:var(--encre)}
.k-fiche-titre small{display:block;font:600 .75rem/1.3 var(--texte);color:var(--gris);margin-top:3px}
.k-fiche-etat{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:8px;background:var(--glace);font:700 .72rem/1 var(--texte);color:var(--bleu);white-space:nowrap}
.k-fiche-etat i{width:7px;height:7px;border-radius:50%;background:var(--cyan);animation:k-clignote 1.2s ease-in-out infinite}
@keyframes k-clignote{50%{opacity:.25}}
.k-fiche ol{list-style:none;margin:0;padding:0}
.k-ligne{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px dashed var(--filet)}
.k-ligne:last-child{border-bottom:0}
.k-ligne-pi{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--glace);color:var(--bleu)}
.k-ligne-pi svg{width:16px;height:16px}
.k-ligne b{display:block;font:700 .86rem/1.25 var(--titre);color:var(--encre)}
.k-ligne span.k-constat{display:block;font-size:.76rem;line-height:1.3;color:var(--gris);opacity:0;animation:k-constat 12s ease infinite;animation-delay:calc(var(--i) * 1.4s + .6s)}
.k-statut{width:64px;height:20px;border-radius:8px;background:var(--glace);position:relative;overflow:hidden}
.k-statut::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,144,192,.35),transparent);transform:translateX(-100%);animation:k-balaye 12s ease infinite;animation-delay:calc(var(--i) * 1.4s)}
.k-statut::after{content:attr(data-niveau);position:absolute;inset:0;display:grid;place-items:center;font:700 .66rem/1 var(--texte);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--c);opacity:0;animation:k-pastille 12s ease infinite;animation-delay:calc(var(--i) * 1.4s + .6s)}
@keyframes k-balaye{0%{transform:translateX(-100%)}5%{transform:translateX(100%)}100%{transform:translateX(100%)}}
@keyframes k-pastille{0%{opacity:0}4%,88%{opacity:1}96%,100%{opacity:0}}
@keyframes k-constat{0%{opacity:0}4%,88%{opacity:1}96%,100%{opacity:0}}
.k-fiche-pied{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--filet);font:600 .78rem/1.3 var(--texte);color:var(--gris)}
.k-fiche-pied b{color:var(--encre)}
.k-vagues{display:flex;gap:4px}
.k-vagues i{width:26px;height:8px;border-radius:8px;background:var(--c)}

/* --- Définition : fiche lexique + comparatif --- */
.k-definition{background:#fff}
.k-def-grille{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,80px);align-items:start}
.k-definition h2{font-size:clamp(1.7rem,2.6vw,2.4rem);line-height:1.15;margin:0 0 20px}
.k-definition p{color:var(--gris);line-height:1.7;margin:0 0 14px}
.k-lexique{margin:24px 0 0;border-radius:8px;background:var(--glace);padding:clamp(20px,2.4vw,28px)}
.k-lexique-mot{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin-bottom:10px}
.k-lexique-mot strong{font:800 1.3rem/1.2 var(--titre);color:var(--encre)}
.k-lexique-mot em{font-size:.85rem;color:var(--cyan)}
.k-lexique p{margin:0!important;color:var(--encre)!important}
.k-versus{border-radius:8px;background:var(--nuit);color:#fff;padding:clamp(22px,2.6vw,32px);position:sticky;top:calc(var(--entete) + 32px)}
.k-versus h3{color:#fff;font-size:1.15rem;margin:0 0 18px}
.k-versus .wp-block-table table{width:100%;border-collapse:separate;border-spacing:0 8px;font-size:.9rem}
.k-versus .wp-block-table th,.k-versus .wp-block-table td{border:0;text-align:left;vertical-align:top;padding:12px;line-height:1.45}
.k-versus .wp-block-table thead th{font:700 .75rem/1.2 var(--texte);letter-spacing:.1em;text-transform:uppercase;color:var(--cyan-clair);padding-block:0 4px}
.k-versus .wp-block-table tbody th{font:600 .8rem/1.3 var(--texte);color:#9fb6ca;width:26%;padding-left:0}
.k-versus .wp-block-table tbody td{background:rgba(255,255,255,.06);color:#e6eef5}
.k-versus .wp-block-table tbody td:nth-child(2){background:rgba(0,144,192,.22);color:#fff;border-radius:8px 0 0 8px}
.k-versus .wp-block-table tbody td:last-child{border-radius:0 8px 8px 0}

/* --- Domaines contrôlés : radar + cartes --- */
.k-domaines{background:var(--nuit);color:#fff}
.k-dom-tete{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,4vw,64px);align-items:center;margin-bottom:clamp(32px,4vw,48px)}
.k-domaines h2{color:#fff;font-size:clamp(1.7rem,2.6vw,2.4rem);line-height:1.15;margin:0 0 16px}
.k-dom-tete p{color:#c9d8e6;line-height:1.7;margin:0}
.k-radar{width:min(100%,460px);margin-inline:auto;display:block;overflow:visible}
.k-radar-grille{fill:none;stroke:rgba(79,195,234,.22);stroke-width:1}
.k-radar-axe{stroke:rgba(79,195,234,.22);stroke-width:1}
.k-radar-zone{fill:rgba(0,144,192,.28);stroke:var(--cyan-clair);stroke-width:2;stroke-linejoin:round;transform-origin:170px 170px;transform-box:view-box;transform:scale(.2);opacity:0;transition:transform 1.2s cubic-bezier(.2,.8,.2,1),opacity .6s}
.k-dom-tete.vu .k-radar-zone{transform:none;opacity:1}
.k-radar-pt{fill:#fff;stroke:var(--cyan);stroke-width:2;transition:r .3s,fill .3s}
.k-radar-pt.actif{r:7;fill:var(--cyan-clair)}
.k-radar-lib{font:700 14px var(--texte);fill:#c9d8e6;transition:fill .3s}
.k-radar-lib.actif{fill:#fff}
.k-dom-grille{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,20px)}
.k-dom{display:flex;flex-direction:column;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(79,195,234,.16);padding:clamp(20px,2.2vw,26px);transition:background .3s,border-color .3s,transform .3s}
.k-dom:hover,.k-dom:focus-within{background:rgba(255,255,255,.08);border-color:rgba(79,195,234,.45);transform:translateY(-3px)}
.k-dom-haut{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.k-dom-num{font:800 .8rem/1 var(--texte);letter-spacing:.12em;color:var(--cyan-clair)}
.k-dom-pi{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:rgba(79,195,234,.12);color:#fff}
.k-dom-pi .pd{width:26px;height:26px}
.k-dom h3{color:#fff;font-size:1.08rem;line-height:1.3;margin:0 0 10px}
.k-dom p{color:#c9d8e6;font-size:.93rem;line-height:1.65;margin:0 0 16px}
.k-trouve{margin-top:auto;border-radius:8px;background:rgba(229,83,75,.12);padding:12px 14px;font-size:.86rem;line-height:1.45;color:#ffd9d6}
.k-trouve strong{display:flex;align-items:center;gap:6px;font:700 .72rem/1 var(--texte);letter-spacing:.1em;text-transform:uppercase;color:#ff8a82;margin-bottom:6px}
.k-trouve strong::before{content:"";flex:none;width:14px;height:14px;background:currentColor;-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.5 2.5 20h19L12 3.5Z' fill='none' stroke='%23000' stroke-width='1.9' stroke-linejoin='round'/%3E%3Cpath d='M12 10v4.5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='17.2' r='1.1' fill='%23000'/%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.5 2.5 20h19L12 3.5Z' fill='none' stroke='%23000' stroke-width='1.9' stroke-linejoin='round'/%3E%3Cpath d='M12 10v4.5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='17.2' r='1.1' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat}
.k-trouve--info strong::before{content:"";flex:none;width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.5' fill='none' stroke='%23000' stroke-width='1.9'/%3E%3Cpath d='M12 11v5.5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='7.8' r='1.1' fill='%23000'/%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%3Ccircle cx='12' cy='12' r='8.5' fill='none' stroke='%23000' stroke-width='1.9'/%3E%3Cpath d='M12 11v5.5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='7.8' r='1.1' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat}

/* --- Livrables : documents --- */
.k-livrables{background:var(--glace)}
.k-docs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.k-doc{position:relative;display:flex;flex-direction:column;border-radius:8px;background:#fff;padding:clamp(20px,2.2vw,26px);box-shadow:0 24px 50px -40px rgba(10,34,64,.5);transition:transform .35s}
.k-doc::after{content:"";position:absolute;top:0;right:0;width:26px;height:26px;border-radius:0 8px 0 8px;background:linear-gradient(225deg,var(--glace) 50%,#dbe8f2 50%)}
.k-doc:hover{transform:translateY(-4px) rotate(-.6deg)}
.k-doc-pi{display:grid;place-items:center;width:48px;height:48px;border-radius:8px;background:var(--glace);color:var(--bleu);margin-bottom:16px}
.k-doc-pi .pd{width:28px;height:28px}
.k-doc h3{font-size:1.08rem;line-height:1.3;margin:0 0 8px}
.k-doc > p{color:var(--gris);font-size:.93rem;line-height:1.6;margin:0 0 16px}
.k-doc dl{margin:auto 0 0;display:grid;gap:10px;padding-top:14px;border-top:1px solid var(--filet)}
.k-doc dt{font:700 .72rem/1 var(--texte);letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);margin-bottom:4px}
.k-doc dd{margin:0;font-size:.88rem;line-height:1.45;color:var(--encre)}

/* --- Durée : diagramme --- */
.k-duree{background:#fff}
.k-duree-grille{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,80px);align-items:center}
.k-duree h2{font-size:clamp(1.7rem,2.6vw,2.4rem);line-height:1.15;margin:0 0 20px}
.k-duree p{color:var(--gris);line-height:1.7;margin:0 0 14px}
.k-gantt{border-radius:8px;background:var(--glace);padding:clamp(20px,2.4vw,30px)}
.k-gantt-titre{font:700 .78rem/1.2 var(--texte);letter-spacing:.1em;text-transform:uppercase;color:var(--gris);margin:0 0 16px!important}
.k-gantt ol{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.k-gantt li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:16px;align-items:center}
.k-gantt li > span{font:700 .9rem/1.3 var(--titre);color:var(--encre)}
.k-piste{position:relative;height:30px;border-radius:8px;background:#fff;background-image:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),var(--filet) calc(10% - 1px) 10%)}
.k-gantt li > span small{display:block;font:600 .8rem/1.3 var(--texte);color:var(--cyan);margin-top:2px}
.k-barre{position:absolute;top:4px;bottom:4px;left:0;width:calc(var(--b) * 10%);border-radius:8px;background:linear-gradient(90deg,rgba(16,80,143,.22) 0 calc(var(--a) / var(--b) * 100%),var(--cyan) 0);transform-origin:left;transform:scaleX(0);transition:transform 1s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i) * .15s + .2s)}
.k-gantt.vu .k-barre{transform:none}
.k-axe{display:flex;justify-content:space-between;margin:10px 0 0 calc((100% - 16px) * 1 / 2.3 + 16px);font-size:.72rem;color:var(--gris)}
.k-gantt-note{display:flex;gap:10px;align-items:flex-start;margin:18px 0 0!important;font-size:.88rem!important;color:var(--encre)!important}
.k-gantt-note svg{width:18px;height:18px;flex:none;color:var(--cyan);margin-top:2px}

/* --- Pourquoi + situations --- */
.k-pourquoi{background:linear-gradient(160deg,var(--marine),var(--nuit));color:#fff}
.k-pq-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start;margin-bottom:clamp(28px,3.5vw,44px)}
.k-pourquoi h2{color:#fff;font-size:clamp(1.7rem,2.6vw,2.4rem);line-height:1.15;margin:0}
.k-pourquoi p{color:#c9d8e6;line-height:1.7;margin:0 0 14px}
.k-preuves{margin:0 0 clamp(48px,6vw,72px);padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.k-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}
.k-preuves > div > p:first-child{margin:0;flex:none;font:800 1.9rem/1 var(--titre);color:var(--cyan-clair)}
.k-preuves > div > p + p{margin:0;font-size:.85rem;line-height:1.35;color:#c9d8e6}
.k-pourquoi h3{color:#fff;font-size:clamp(1.3rem,1.8vw,1.6rem);margin:0 0 20px}
.k-moments{margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:m}
.k-moment{counter-increment:m;border-radius:8px;background:#fff;color:var(--encre);padding:18px}
.k-moment::before{content:counter(m,decimal-leading-zero);display:block;font:800 1.4rem/1 var(--titre);color:var(--cyan);margin-bottom:10px}
.k-moment > p:first-child{color:var(--encre);margin:0 0 6px;display:block;font:700 1rem/1.3 var(--titre);margin-bottom:6px}
.k-moment > p + p{color:var(--gris)!important;font-size:.88rem;line-height:1.55;margin:0!important}
.k-moment--alerte{background:#fdf1f0}
.k-moment--alerte::before{color:#c8423b}
.k-moment--large{grid-column:span 2}

/* --- Déroulé --- */
.k-deroule{background:#fff}
.k-etapes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.4vw,18px);counter-reset:e}
.k-etape-cyber{counter-increment:e;position:relative;border-radius:8px;background:var(--glace);padding:clamp(20px,2vw,24px);padding-top:68px;overflow:hidden}
.k-etape-cyber::before{content:counter(e);position:absolute;top:-10px;right:10px;font:800 5.2rem/1 var(--titre);color:transparent;-webkit-text-stroke:2px rgba(0,144,192,.28)}
.k-etape-pi{position:absolute;top:20px;left:20px;display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#fff;color:var(--bleu)}
.k-etape-pi .pd{width:22px;height:22px}
.k-etape-cyber h3{letter-spacing:normal;margin-top:0;display:block;font:700 1.02rem/1.3 var(--titre);color:var(--encre);margin-bottom:8px}
.k-etape-cyber p{font-size:.9rem;line-height:1.6;color:var(--gris);margin:0}

/* --- Appel clair --- */
.k-appel{background:var(--glace)}
.k-appel-carte{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(28px,4vw,64px);align-items:center;border-radius:8px;background:#fff;padding:clamp(28px,4vw,56px);box-shadow:0 40px 80px -60px rgba(10,34,64,.5)}
.k-appel h2{font-size:clamp(1.6rem,2.4vw,2.2rem);line-height:1.15;margin:0 0 14px}
.k-appel p{color:var(--gris);line-height:1.7;margin:0 0 24px}
.k-appel-liste{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.k-appel-liste li{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:8px;background:var(--glace);font-weight:600;color:var(--encre)}
.k-appel-liste li::before{content:"";flex:none;width:20px;height:20px;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}

/* --- Cross-selling : 6 sœurs sur 3 colonnes --- */
.k-silo .f-silo-grille{grid-template-columns:repeat(3,minmax(0,1fr))}
.k-silo .f-silo-carte,.k-silo .f-silo-carte:nth-child(n+4),.k-silo .f-silo-carte:last-child{grid-column:auto}

/* --- FAQ question / réponse --- */
.k-faq-cyber{background:#fff}
.k-faq-liste{columns:2;column-gap:12px}
.k-faq-liste .k-q{break-inside:avoid;margin-bottom:12px}
.k-q{border-radius:8px;background:var(--glace);transition:background .3s}
.k-q[open]{background:#fff;box-shadow:0 0 0 1px var(--filet),0 24px 50px -40px rgba(10,34,64,.5)}
.k-q summary{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:12px;align-items:start;padding:18px 20px;cursor:pointer;list-style:none;font:700 1rem/1.4 var(--titre);color:var(--encre)}
.k-q summary::-webkit-details-marker{display:none}
.k-q summary::before{content:"Q";display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--bleu);color:#fff;font:800 .85rem/1 var(--titre)}
.k-q .signe{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;color:var(--bleu)}
.k-q .signe svg{width:16px;height:16px;transition:transform .3s}
.k-q[open] .signe svg{transform:rotate(45deg)}
.k-q .reponse{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding:0 20px 20px}
.k-q .reponse::before{content:"R";display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:rgba(0,144,192,.14);color:var(--bleu);font:800 .85rem/1 var(--titre)}
.k-q .reponse p{margin:0;color:var(--gris);line-height:1.7}

/* --- Variantes du gabarit (pages EDR et suivantes) --- */
.k-trouve--info{background:rgba(79,195,234,.1);color:#d6eef8}
.k-trouve--info strong{color:var(--cyan-clair)}
.k-statut--texte{width:auto;min-width:94px;padding:0 4px}
.k-appel--blanc{background:#fff}
.k-appel--blanc .k-appel-carte{background:var(--glace);box-shadow:none}
.k-appel--blanc .k-appel-liste li{background:#fff}

/* Scénario : deux couloirs, sans et avec */
.k-scenario{background:#fff}
.k-couloirs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(16px,2vw,28px)}
.k-couloir{border-radius:8px;padding:clamp(22px,2.6vw,32px)}
.k-couloir--sans{background:#fdf1f0}
.k-couloir--avec{background:#e9f7f3}
.k-couloir h3{display:flex;align-items:center;gap:10px;font-size:1.15rem;margin:0 0 20px}
.k-couloir h3 span{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:#fff}
.k-couloir--sans h3 span{background:#d4453d}
.k-couloir--avec h3 span{background:#1f8f78}
.k-couloir h3 svg{width:18px;height:18px}
.k-couloir ol{list-style:none;margin:0;padding:0;position:relative}
.k-couloir ol::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:currentColor;opacity:.2}
.k-couloir--sans ol{color:#d4453d}
.k-couloir--avec ol{color:#1f8f78}
.k-couloir li{position:relative;padding:0 0 18px 30px}
.k-couloir li:last-child{padding-bottom:0}
.k-couloir li::before{content:"";position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid currentColor;box-sizing:border-box;transform:scale(0);transition:transform .45s cubic-bezier(.4,1.6,.5,1);transition-delay:calc(var(--i) * .25s + .2s)}
.k-couloir.vu li::before{transform:none}
.k-couloir li b{display:block;font:700 .78rem/1.2 var(--texte);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}
.k-couloir li p{margin:0;color:var(--encre);font-size:.95rem;line-height:1.55}
.k-couloir li.k-fin p{font-weight:700}
.k-scenario-pied{margin:clamp(24px,3vw,36px) 0 0;color:var(--gris);line-height:1.7;text-align:left}

/* Coût : facteurs de prix */
.k-cout{background:var(--glace)}
.k-cout-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center}
.k-cout h2{font-size:clamp(1.7rem,2.6vw,2.4rem);line-height:1.15;margin:0 0 20px}
.k-cout p{color:var(--gris);line-height:1.7;margin:0 0 14px}
.k-facteurs{border-radius:8px;background:#fff;padding:clamp(22px,2.6vw,32px);box-shadow:0 24px 50px -40px rgba(10,34,64,.5)}
.k-facteurs h3{font-size:1.1rem;margin:0 0 16px}
.k-facteurs ol{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:f}
.k-facteurs li{counter-increment:f;display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;align-items:start}
.k-facteurs li::before{content:counter(f);display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--glace);color:var(--bleu);font:800 .95rem/1 var(--titre)}
.k-facteurs li strong{display:block;font:700 .98rem/1.3 var(--titre);color:var(--encre);margin-bottom:2px}
.k-facteurs li{font-size:.9rem;line-height:1.5;color:var(--gris)}
.k-facteurs-note{display:flex;gap:10px;margin:18px 0 0!important;padding-top:16px;border-top:1px solid var(--filet);font-size:.88rem!important;color:var(--encre)!important}
.k-facteurs-note::before{content:"";flex:none;width:18px;height:18px;background:var(--cyan);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.5' fill='none' stroke='%23000' stroke-width='1.9'/%3E%3Cpath d='M12 11v5.5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='7.8' r='1.1' fill='%23000'/%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%3Ccircle cx='12' cy='12' r='8.5' fill='none' stroke='%23000' stroke-width='1.9'/%3E%3Cpath d='M12 11v5.5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='7.8' r='1.1' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat;margin-top:2px}

/* Tableau des sigles : 3 colonnes plus étroites */
.k-versus--sigles .wp-block-table tbody th{width:18%;font:800 .9rem/1.3 var(--titre);color:#fff}
.k-versus--sigles .wp-block-table tbody td:nth-child(2){font-weight:600}

@media (max-width:900px){
  .k-couloirs,.k-cout-grille,.k-def-grille--deux{grid-template-columns:1fr}
}

/* Définition en deux colonnes de texte + comparatif pleine largeur dessous */
.k-def-grille--deux{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.k-def-grille--deux{row-gap:clamp(20px,2.4vw,28px)}
.k-def-grille--deux > h2{grid-column:1 / -1;margin-bottom:0}
.k-def-grille--deux .k-lexique{margin-top:20px}
.k-versus--trois{position:static;margin-top:clamp(32px,4vw,48px)}
.k-table-defile{overflow-x:auto}
.k-versus--trois .wp-block-table table{min-width:640px}
.k-versus--trois .wp-block-table tbody th{width:22%}
.k-versus--trois .wp-block-table tbody td{background:rgba(255,255,255,.05)}
.k-versus--trois .wp-block-table tbody td:nth-child(2){background:rgba(255,255,255,.05);color:#e6eef5;border-radius:8px 0 0 8px}
.k-versus--trois .wp-block-table tbody td:last-child{background:rgba(0,144,192,.26);color:#fff;font-weight:600}
.k-versus--trois .wp-block-table thead th:last-child{color:#fff}

/* Chiffre clé en carte (section menace) et déroulé en six étapes */
.k-chiffre-carte{margin:0}
.k-chiffre-haut{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.k-chiffre-gros{font:800 clamp(3.4rem,5.6vw,5rem)/.9 var(--titre);color:var(--bleu);letter-spacing:-.02em}
.k-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}
.k-chiffre-hausse svg{width:16px;height:16px}
.k-chiffre-txt{font-weight:600;color:var(--encre)!important;margin:0!important;line-height:1.55!important}
.k-etapes--six{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Couloir « chiffre d'affaires » (bleu) et pictos de la page anti-spam */
.k-couloir--ca{background:#eaf3fb}
.k-couloir--ca ol{color:#0a6fa8}
.k-couloir--ca h3 span{background:#0a6fa8}
.k-rp-adresse .coche{stroke-dasharray:1;stroke-dashoffset:1;animation:k-adresse 3s ease infinite}
@keyframes k-adresse{0%,25%{stroke-dashoffset:1;opacity:1}50%,85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
.k-rp-jour .case{transform-box:fill-box;transform-origin:center;animation:k-case 2.8s ease-in-out infinite}
@keyframes k-case{0%,100%{transform:scale(.6);opacity:.5}45%,75%{transform:none;opacity:1}}
.k-rp-reglage circle{animation:k-curseur 3.2s ease-in-out infinite}
.k-rp-reglage .c2{animation-delay:-1s}
.k-rp-reglage .c3{animation-delay:-2s}
@keyframes k-curseur{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}

/* Comparatif sur fond glace, coût sur fond blanc, pictos de la page mots de passe */
.k-comparatif{background:var(--glace)}
.k-comparatif .k-versus--trois{margin-top:0}
.k-cout--blanc{background:#fff}
.k-rp-reprise .entre{animation:k-entre-cyber 2.6s ease-in-out infinite}
@keyframes k-entre-cyber{0%{transform:translateY(-4px);opacity:0}35%,75%{transform:none;opacity:1}100%{transform:translateY(3px);opacity:0}}
.k-rp-souverain .anse{transform-box:view-box;transform-origin:18.8px 14px;animation:k-ouvre 3.2s ease-in-out infinite}
.k-rp-aide .bulle{transform-box:fill-box;transform-origin:left bottom;animation:k-bulle 3s ease-in-out infinite}
@keyframes k-bulle{0%,100%{transform:scale(.85);opacity:.6}40%,80%{transform:none;opacity:1}}

/* Pictos de la page sensibilisation */
.k-rp-duree .sable{transform-box:fill-box;transform-origin:bottom;animation:k-sable 3s ease-in-out infinite}
@keyframes k-sable{0%{transform:scaleY(.2)}70%,100%{transform:none}}
.k-rp-groupe .cotes{animation:k-cotes 3s ease-in-out infinite}
@keyframes k-cotes{0%,100%{opacity:.5}50%{opacity:1}}

@media (max-width:1100px){
  .k-docs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .k-etapes{grid-template-columns:repeat(3,minmax(0,1fr))}
  .k-moments{grid-template-columns:repeat(2,minmax(0,1fr))}
  .k-moment--large{grid-column:auto}
  .k-dom-grille{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .k-hero-cyber{min-height:0}.k-hero-cyber .fond-image img{object-position:center!important}.k-hero-cyber .fond-image::after{background:linear-gradient(180deg,rgba(6,21,40,.9) 0%,rgba(6,21,40,.86) 100%)}
  .k-hero-grille,.k-def-grille,.k-dom-tete,.k-duree-grille,.k-pq-grille,.k-tete,.k-appel-carte{grid-template-columns:1fr}
  .k-versus{position:static}
  .k-silo .f-silo-grille{grid-template-columns:1fr}
  .k-faq-liste{columns:1}
}
@media (max-width:600px){
  .k-rassure{flex-direction:column}
  .k-dom-grille,.k-docs,.k-etapes,.k-etapes--six,.k-moments,.k-preuves{grid-template-columns:1fr}
  .k-gantt li{grid-template-columns:1fr;gap:6px}
  .k-axe{margin-left:0}
  .k-versus .wp-block-table tbody th{width:auto}
  .k-ligne{grid-template-columns:28px minmax(0,1fr)}
  .k-statut{grid-column:2;justify-self:start}
}
@media (prefers-reduced-motion:reduce){
  .k-rp *,.k-fiche *,.k-fiche-etat i{animation:none!important}
  .k-statut::after,.k-ligne span.k-constat{opacity:1}
}

/* Ajouts WordPress */
ul.k-appel-liste.wp-block-list{margin:0;padding:0}
.k-hero-texte h1{margin-top:0}
.k-boutons .wp-block-button__link::after{width:18px;height:18px}
.k-retour-cyber svg{flex:none}
.k-lexique p.k-lexique-mot{margin:0 0 10px!important;line-height:1.65}
.k-versus .wp-block-table thead{border:0}
/* La maquette garde les marges par défaut du navigateur sur la figure du diagramme (1em sur 40 px). */
.k-duree-grille > figure.k-gantt{margin:1em 40px}
.k-lexique-mot em{font-style:italic}
.k-versus .wp-block-table{margin:0;overflow:visible}
.k-versus h3,.k-tete h2,.k-pq-grille h2,.k-dom-tete h2,.k-duree h2,.k-definition h2{margin-top:0}
.k-docs > .k-doc:nth-child(1){--i:0}.k-docs > .k-doc:nth-child(2){--i:1}.k-docs > .k-doc:nth-child(3){--i:2}.k-docs > .k-doc:nth-child(4){--i:3}
.k-moments > .k-moment:nth-child(4n+1){--i:0}.k-moments > .k-moment:nth-child(4n+2){--i:1}.k-moments > .k-moment:nth-child(4n+3){--i:2}.k-moments > .k-moment:nth-child(4n){--i:3}
.k-faq-cyber summary{margin:0}
/* Facteurs de prix : élément de liste natif (gras + texte, sans enveloppe) ; la pastille numérotée passe en position absolue
   pour garder la colonne de 34 px et l'écart de 14 px de la maquette. */
.k-facteurs li{display:block;position:relative;padding-left:48px;min-height:34px}
.k-facteurs li::before{position:absolute;left:0;top:0}
/* Tableau des sigles (identités) : sa largeur minimale (328 px) élargissait la colonne et la page débordait de 13 px
   à 375 px, maquette comprise. Colonne bornée à la grille ; césure française dans les seuls tableaux qui portent
   k-versus--cesure (la césure redistribue les colonnes, elle ne s'applique pas aux tableaux qui tiennent déjà). */
@media (max-width:900px){.k-def-grille{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.k-versus--cesure .wp-block-table th,.k-versus--cesure .wp-block-table td{hyphens:auto}}
