/* Proposition accueil : l'équipe en têtes, le Conseil incarné, des convictions qui s'animent.
   S'appuie sur les variables et les classes du site (h2s, eyebrow, glass, reveal). */

/* ===== 06 / L'équipe ===== */
.eq-head{display:grid;grid-template-columns:1fr;gap:24px;align-items:end}
@media (min-width:980px){.eq-head{grid-template-columns:1.05fr 1fr;gap:64px}}
.eq-head .h2s-p{max-width:54ch}

.eq-stage{margin-top:clamp(40px,6vh,64px);padding:clamp(20px,3vw,36px);border-radius:28px;overflow:hidden}
.eq-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.eq-label{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.eq-switch{display:inline-flex;padding:3px;border-radius:999px;background:var(--glass-in,rgba(255,255,255,.04));border:1px solid var(--glass-line)}
.eq-switch button{font-family:var(--f-mono);font-size:11px;letter-spacing:.04em;padding:6px 12px;border-radius:999px;border:0;background:none;color:var(--ink-3);cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}
.eq-switch button:hover{color:var(--ink)}
.eq-switch button[aria-pressed="true"]{background:color-mix(in srgb,var(--lav) 20%,transparent);color:var(--ink);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lav) 40%,transparent)}

/* La rangée : un sol lumineux, les têtes posées dessus */
.eq-row{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:clamp(4px,1.4vw,22px);margin-top:clamp(24px,4vh,40px);padding:0 4px 18px;min-height:clamp(110px,13vw,170px)}
.eq-row::after{content:"";position:absolute;left:4%;right:4%;bottom:10px;height:1px;background:linear-gradient(90deg,transparent,var(--glass-border) 15%,var(--glass-border) 85%,transparent)}
.eq-row::before{content:"";position:absolute;left:var(--gx,50%);bottom:-30px;width:260px;height:90px;translate:-50% 0;border-radius:50%;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--gc,var(--lav)) 45%,transparent),transparent);filter:blur(14px);opacity:.75;
  transition:left .6s cubic-bezier(.2,.8,.2,1),background .6s;pointer-events:none}
.eq-who{position:relative;z-index:1;flex:0 1 clamp(64px,10vw,128px);display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;border:0;background:none;cursor:pointer;color:var(--ink-3);
  -webkit-tap-highlight-color:transparent;transition:color .3s}
.eq-who .t3d{display:block;width:100%;transform-origin:50% 100%;transition:transform .55s cubic-bezier(.2,1.3,.4,1),filter .4s;filter:saturate(.82) brightness(.9)}
.eq-who:hover .t3d{transform:translateY(-4px)}
.eq-who[aria-selected="true"]{color:var(--ink)}
.eq-who[aria-selected="true"] .t3d{transform:translateY(-10px) scale(1.12);filter:none}
.eq-who .nm{font-family:var(--f-mono);font-size:11px;letter-spacing:.04em;white-space:nowrap}
.eq-who:focus-visible{outline:none}
.eq-who:focus-visible .nm{outline:2px solid var(--lav);outline-offset:3px;border-radius:4px}
.eq-row.eq-in .eq-who{animation:eqPop .7s cubic-bezier(.25,1.5,.45,1) both;animation-delay:calc(var(--i) * 70ms)}
@keyframes eqPop{0%{opacity:0;transform:translateY(36px) scale(.8)}100%{opacity:1;transform:none}}
.js .eq-row:not(.eq-in) .eq-who{opacity:0}

/* Le panneau de la personne choisie */
.eq-detail{display:grid;grid-template-columns:1fr;gap:14px 40px;margin-top:22px;padding-top:24px;border-top:1px solid var(--glass-line);min-height:132px}
@media (min-width:900px){.eq-detail{grid-template-columns:minmax(200px,.8fr) 1.3fr 1fr;align-items:start}}
.eq-detail > *{transition:opacity .35s ease,translate .45s cubic-bezier(.2,.8,.2,1)}
.eq-detail.out > *{opacity:0;translate:0 6px}
.eq-name{font-size:clamp(26px,2.6vw,34px);font-weight:600;letter-spacing:-.035em;line-height:1.05}
.eq-name i{display:block;margin-top:8px;font-style:normal;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.06em;color:var(--eqc,var(--ink-3));font-weight:400}
[data-theme="light"] .eq-name i{color:color-mix(in srgb,var(--eqc,var(--ink-3)) 55%,#000)}
.eq-text{font-size:16px;line-height:1.6;color:var(--ink-2)}
.eq-quote{position:relative;margin:0;padding-left:18px;font-size:16px;line-height:1.45;font-weight:500;color:var(--ink)}
.eq-quote::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:2px;border-radius:2px;background:var(--eqc,var(--lav));box-shadow:0 0 12px var(--eqc,var(--lav))}
.eq-quote small{display:block;margin-top:8px;font-family:var(--f-mono);font-size:11px;font-weight:400;color:var(--ink-3)}

.eq-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:26px}
.eq-dots{display:flex;gap:6px}
.eq-dots i{width:18px;height:3px;border-radius:2px;background:var(--glass-border);overflow:hidden;position:relative}
.eq-dots i.on::after{content:"";position:absolute;inset:0;background:var(--eqc,var(--lav));transform-origin:0 50%;animation:eqBar var(--eqt,6s) linear both}
.eq-stage.paused .eq-dots i.on::after{animation:none;transform:none}
@keyframes eqBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}

@media (max-width:700px){
  .eq-row{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:8px;padding-top:14px}
  .eq-row::-webkit-scrollbar{display:none}
  .eq-who{flex:0 0 76px;scroll-snap-align:center}
}

/* Mécanique des têtes (reprise de /outils) */
.t3d svg{display:block;width:100%;height:auto;overflow:visible;animation:eqFloat 4.4s ease-in-out var(--d,0s) infinite}
@keyframes eqFloat{50%{transform:translateY(-2px)}}
.t3d .tm-mouth,.t3d .tm-brow-l,.t3d .tm-brow-r{transition:d .45s cubic-bezier(.3,1.4,.5,1)}
.t3d .look{transition:transform .3s ease-out}
.t3d .tm-eye{transform-box:fill-box;transform-origin:center;animation:eqBlink 4.6s infinite var(--d,0s)}
@keyframes eqBlink{0%,93%,100%{transform:scaleY(1)}96%{transform:scaleY(.08)}}
.t3d[data-mood="ravi"] .tm-eye{animation:none;transform:scaleY(.55)}
.t3d .tm-cheeks{opacity:0;transition:opacity .4s}.t3d .tm-teeth{opacity:0;transition:opacity .3s}
.t3d[data-mood="ravi"] .tm-teeth{opacity:1}
.t3d[data-mood="content"] .tm-cheeks,.t3d[data-mood="ravi"] .tm-cheeks{opacity:.55}
.t3d .tm-sweat,.t3d .tm-flush{opacity:0}
.t3d .tm-spark{transform-box:fill-box;transform-origin:center;animation:eqSpark 2.4s ease-in-out infinite}
@keyframes eqSpark{50%{transform:scale(.7) rotate(25deg);opacity:.75}}
.t3d.hop{animation:eqHop .6s cubic-bezier(.3,1.6,.5,1)}
@keyframes eqHop{0%{translate:0 0}35%{translate:0 -10px}70%{translate:0 1px}100%{translate:0 0}}
.t3d .tm-ear{transform-box:fill-box;transition:transform .45s cubic-bezier(.3,1.4,.5,1)}
.tm-pom .tm-ear,.tm-shiba .tm-ear,.tm-cat .tm-ear,.tm-terrier .tm-ear,.tm-rousse .tm-ear{transform-origin:50% 100%}
.tm-weim .tm-ear{transform-origin:50% 0}
.tm-pet[data-mood="ravi"] .tm-ear-l{transform:rotate(6deg) scale(1.06)}.tm-pet[data-mood="ravi"] .tm-ear-r{transform:rotate(-6deg) scale(1.06)}
.tm-weim[data-mood="ravi"] .tm-ear-l{transform:rotate(14deg)}.tm-weim[data-mood="ravi"] .tm-ear-r{transform:rotate(-14deg)}
.t3d .tm-tail{transform-box:fill-box;transform-origin:0% 100%}
.tm-pet[data-mood="content"] .tm-tail{animation:eqWag .5s ease-in-out infinite alternate}
.tm-pet[data-mood="ravi"] .tm-tail{animation:eqWag .22s ease-in-out infinite alternate}
@keyframes eqWag{from{transform:rotate(-10deg)}to{transform:rotate(12deg)}}
.t3d .tm-speed{opacity:0;transition:opacity .4s}
.tm-weim[data-mood="ravi"] .tm-speed{opacity:.9}
.t3d .tm-fish{transform-box:fill-box;transform-origin:center;animation:eqSwim 3.6s ease-in-out infinite var(--d,0s)}
@keyframes eqSwim{0%,100%{transform:translate(0,0)}25%{transform:translate(-3px,-2px) rotate(-3deg)}50%{transform:translate(2px,1px)}75%{transform:translate(4px,-1px) rotate(2deg)}}
.t3d .tm-air circle{opacity:.25}

/* ===== 07 / Conseil : les têtes à la place des initiales ===== */
.avatar.has-head{overflow:hidden;font-size:0;color:transparent;
  background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--c) 55%,transparent),color-mix(in srgb,var(--c) 18%,transparent) 70%)}
.avatar.has-head .t3d{position:absolute;left:-8%;top:6%;width:116%}
.avatar.has-head .t3d svg{animation:none}
.avatar.has-head .tm-shadow{display:none}
.wz-orbit .avatar.has-head{--s:54px;margin:-27px 0 0 -27px}
.answer .avatar.has-head{--s:44px}
.answer .avatar.has-head.talking .t3d{animation:eqTalk .5s ease-in-out infinite alternate}
@keyframes eqTalk{to{translate:0 -2px}}

/* ===== 05 / Convictions : une démonstration par conviction ===== */
.cv-demo{position:relative;height:150px;margin-bottom:26px;border-radius:18px;overflow:hidden;
  background:linear-gradient(160deg,color-mix(in srgb,var(--c) 10%,transparent),transparent 70%);border:1px solid color-mix(in srgb,var(--c) 18%,var(--glass-line))}
.cv-demo *{box-sizing:border-box}
.cv-demo .cvd-mono{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.04em;color:var(--ink-3)}

/* 01 · un écran, une action principale */
.d-use{display:flex;align-items:center;justify-content:center;gap:18px}
.d-use .cvd-ph{width:92px;height:122px;border-radius:16px;padding:10px 9px;display:flex;flex-direction:column;gap:6px;background:var(--glass-in,rgba(255,255,255,.04));border:1px solid var(--glass-border)}
.d-use .cvd-ph i{display:block;height:7px;border-radius:4px;background:var(--glass-border)}
.d-use .cvd-ph i:nth-child(2){width:70%}.d-use .cvd-ph i:nth-child(3){width:85%}
.d-use .cvd-ph b{margin-top:auto;height:20px;border-radius:7px;background:var(--c);box-shadow:0 0 0 0 var(--c)}
.cv.now .d-use .cvd-ph b{animation:dPulse 1.8s ease-out infinite}
@keyframes dPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--c) 70%,transparent)}100%{box-shadow:0 0 0 12px transparent}}
.d-use .cvd-tl{display:flex;flex-direction:column;gap:9px}
.d-use .cvd-tl span{display:flex;align-items:center;gap:8px;opacity:.35;translate:6px 0;transition:opacity .5s,translate .6s cubic-bezier(.2,.8,.2,1)}
.d-use .cvd-tl span::before{content:"";width:7px;height:7px;border-radius:50%;border:1.5px solid var(--c)}
.cv.seen .d-use .cvd-tl span{opacity:1;translate:0 0}
.cv.seen .d-use .cvd-tl span:nth-child(2){transition-delay:.15s}.cv.seen .d-use .cvd-tl span:nth-child(3){transition-delay:.3s}

/* 02 · l'IA propose, un humain valide */
.d-ia{padding:18px;display:flex;flex-direction:column;gap:10px;justify-content:center}
.d-ia .cvd-sg{position:relative;padding:10px 12px;border-radius:12px;background:var(--glass-in,rgba(255,255,255,.04));border:1px solid var(--glass-border);font-size:13px;line-height:1.4;color:var(--ink-2)}
.d-ia .cvd-sg em{font-style:normal;color:var(--ink)}
.d-ia .cvd-sg .cvd-typed{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;max-width:0}
.cv.seen .d-ia .cvd-sg .cvd-typed{animation:dType 1.6s steps(30,end) .2s forwards}
@keyframes dType{to{max-width:100%}}
.d-ia .cvd-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.d-ia .cvd-ok{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:500;color:var(--ink);
  background:color-mix(in srgb,var(--c) 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 45%,transparent);opacity:0;scale:.85;transition:opacity .4s 1.9s,scale .5s cubic-bezier(.3,1.6,.5,1) 1.9s}
.cv.seen .d-ia .cvd-ok{opacity:1;scale:1}

/* 03 · un socle, des briques, vos logiciels */
.d-build{display:flex;align-items:flex-end;justify-content:center;gap:22px;padding-bottom:22px}
.d-build .cvd-stack{display:flex;flex-direction:column-reverse;gap:5px;width:110px}
.d-build .cvd-stack i{display:block;height:18px;border-radius:6px;background:color-mix(in srgb,var(--c) 30%,transparent);border:1px solid color-mix(in srgb,var(--c) 50%,transparent);
  opacity:0;translate:0 -18px;transition:opacity .4s,translate .6s cubic-bezier(.3,1.5,.5,1)}
.d-build .cvd-stack i:first-child{background:var(--c);opacity:1;translate:0 0}
.d-build .cvd-stack i:nth-child(2){width:80%}.d-build .cvd-stack i:nth-child(3){width:92%;margin-left:4%}.d-build .cvd-stack i:nth-child(4){width:60%;margin-left:20%}
.cv.seen .d-build .cvd-stack i{opacity:1;translate:0 0}
.cv.seen .d-build .cvd-stack i:nth-child(2){transition-delay:.2s}.cv.seen .d-build .cvd-stack i:nth-child(3){transition-delay:.4s}.cv.seen .d-build .cvd-stack i:nth-child(4){transition-delay:.6s}
.d-build .cvd-links{display:flex;flex-direction:column;gap:8px}
.d-build .cvd-links span{position:relative;padding:5px 9px;border-radius:8px;border:1px solid var(--glass-border);background:var(--glass-in,rgba(255,255,255,.04))}
.d-build .cvd-links span::before{content:"";position:absolute;right:100%;top:50%;width:16px;height:1px;background:linear-gradient(90deg,transparent,var(--c));opacity:0;transition:opacity .4s .9s}
.cv.seen .d-build .cvd-links span::before{opacity:1}

@media (max-width:900px){.cv-demo{height:136px}}
@media (prefers-reduced-motion:reduce){
  .t3d svg,.t3d .tm-eye,.t3d .tm-spark,.t3d .tm-fish,.tm-pet .tm-tail,.eq-row.eq-in .eq-who,.cv-demo *{animation:none!important}
  .js .eq-row:not(.eq-in) .eq-who{opacity:1}
  .d-ia .cvd-sg .cvd-typed{max-width:100%}
}

/* ===== Le Conseil, intégré à la section équipe ===== */
.eq-ask{margin-top:clamp(56px,9vh,96px);scroll-margin-top:90px}
.eq-ask-head{display:grid;grid-template-columns:1fr;gap:16px;align-items:end;margin-bottom:32px}
@media (min-width:980px){.eq-ask-head{grid-template-columns:1.05fr 1fr;gap:64px}}
.eq-ask-head .eq-label{display:block;margin-bottom:14px}
.eq-ask-t{font-size:clamp(28px,3.2vw,44px);font-weight:600;letter-spacing:-.04em;line-height:1.05}
.eq-ask-t span{display:block;color:var(--ink-3)}

/* ===== 03 / Technologie : une pile de couches en 3D qui s'assemble au défilement ===== */
.tk-sec{padding:0!important}
.tk-pin{position:relative;height:calc(180 * 1vh / var(--z,1))}
.tk-in{position:sticky;top:0;height:calc(100 * 1vh / var(--z,1));display:flex;align-items:center;overflow:hidden}
.tk-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(32px,5vw,72px);align-items:center;width:100%}
.tk-copy .h2s-title{margin-bottom:22px}
.tk-copy .h2s-p{max-width:50ch}

.tk-steps{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:4px;position:relative}
.tk-steps::before{content:"";position:absolute;left:15px;top:14px;bottom:14px;width:1px;background:var(--glass-border)}
.tk-steps::after{content:"";position:absolute;left:15px;top:14px;width:1px;height:calc((100% - 28px) * var(--tp,0));background:linear-gradient(var(--lav),var(--sky),var(--mint),var(--lime));box-shadow:0 0 10px var(--lav);transition:height .4s cubic-bezier(.2,.8,.2,1)}
.tk-steps li{position:relative;display:flex;gap:18px;align-items:flex-start;padding:10px 12px 10px 0;cursor:pointer;opacity:.45;transition:opacity .4s}
.tk-steps li.on,.tk-steps li:hover{opacity:1}
.tk-n{position:relative;z-index:1;flex-shrink:0;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-mono);font-size:11px;color:var(--ink-2);
  background:var(--bg);box-shadow:inset 0 0 0 1px var(--glass-border);transition:color .3s,box-shadow .3s,background .3s}
.tk-steps li.on .tk-n,.tk-steps li.done .tk-n{color:#0A0A0C;background:var(--c);box-shadow:0 0 18px -2px var(--c)}
.tk-steps b{display:block;font-size:17px;font-weight:600;letter-spacing:-.02em;margin-top:4px}
.tk-steps small{display:block;max-height:0;overflow:hidden;font-size:14.5px;line-height:1.5;color:var(--ink-2);transition:max-height .5s cubic-bezier(.2,.8,.2,1),margin .4s}
.tk-steps li.on small{max-height:70px;margin-top:4px}

.tk-scene{position:relative;height:min(560px,62vh);display:grid;place-items:center;perspective:1800px}
.tk-iso{--s:min(330px,30vw);--gap:62px;position:relative;width:var(--s);height:var(--s);transform-style:preserve-3d;
  transform:translateY(70px) rotateX(calc(57deg + var(--my,0) * 5deg)) rotateZ(calc(-40deg + var(--mx,0) * 8deg))}
.tk-layer{position:absolute;inset:0;transform-style:preserve-3d;
  transform:translateZ(calc((3 - var(--i)) * var(--gap) * (1 + (1 - var(--e,1)) * .9) + var(--lift,0px)));opacity:calc(.2 + var(--e,1) * .8);
  transition:transform .55s cubic-bezier(.2,.9,.25,1)}
.tk-layer.on{--lift:18px}
.tk-layer.above{--lift:120px}
.tk-layer.above .tk-plate{opacity:.55}
.tk-plate{transition:box-shadow .5s,background .5s,opacity .5s}
.tk-plate{position:absolute;inset:0;border-radius:26px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--c) 22%,rgba(20,20,30,.92)),rgba(14,14,22,.94) 70%);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 35%,transparent),inset 0 1px 0 rgba(255,255,255,.12),0 30px 60px -30px rgba(0,0,0,.8);
  transition:box-shadow .5s,background .5s}
.tk-plate::before{content:"";position:absolute;inset:14px;border-radius:16px;background-image:radial-gradient(color-mix(in srgb,var(--c) 40%,transparent) 1px,transparent 1.4px);background-size:18px 18px;opacity:.35;transition:opacity .5s}
.tk-layer.on .tk-plate{background:linear-gradient(135deg,color-mix(in srgb,var(--c) 42%,rgba(20,20,30,.9)),rgba(16,16,26,.92) 75%);
  box-shadow:inset 0 0 0 1.5px var(--c),inset 0 1px 0 rgba(255,255,255,.2),0 0 80px -10px var(--c),0 40px 70px -30px rgba(0,0,0,.8)}
.tk-layer.on .tk-plate::before{opacity:.8}
.tk-plate b{position:relative;font-size:20px;font-weight:600;letter-spacing:-.03em;color:var(--ink);opacity:.55;transition:opacity .4s}
.tk-layer.on .tk-plate b{opacity:1}
.tk-ico{position:relative;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--c);background:color-mix(in srgb,var(--c) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 40%,transparent)}
.tk-ico svg{width:21px;height:21px}
.tk-apps{position:absolute;left:22px;right:22px;top:22px;display:flex;flex-direction:column;gap:9px;transform-style:preserve-3d}
.tk-apps span{display:block;padding:9px 12px;border-radius:11px;font-size:13px;font-weight:600;letter-spacing:-.01em;color:#0A0A0C;background:var(--c);
  transform:translateZ(calc(18px + var(--e,1) * 10px));box-shadow:0 14px 24px -10px color-mix(in srgb,var(--c) 70%,#000)}
.tk-apps span:nth-child(2){margin-left:22px}.tk-apps span:nth-child(3){margin-left:44px}
.tk-foot{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:14px;color:var(--ink-3)}
.tk-foot b{color:var(--ink-2);font-weight:500}

[data-theme="light"] .tk-plate{background:linear-gradient(135deg,color-mix(in srgb,var(--c) 30%,#fff),#fff 70%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 50%,transparent),0 30px 50px -30px rgba(14,16,22,.35)}
[data-theme="light"] .tk-layer.on .tk-plate{background:linear-gradient(135deg,color-mix(in srgb,var(--c) 55%,#fff),#fff 75%);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--c) 70%,#000),0 0 60px -10px var(--c),0 30px 50px -30px rgba(14,16,22,.35)}
[data-theme="light"] .tk-ico{color:color-mix(in srgb,var(--c) 45%,#000)}

@media (max-width:900px){
  .tk-layer.above{--lift:80px}
  .tk-pin{height:auto}.tk-in{position:relative;height:auto;padding:80px 0;overflow:visible}
  .tk-grid{grid-template-columns:1fr}
  .tk-scene{height:470px;order:-1}
  .tk-iso{--s:min(240px,62vw);--gap:44px;translate:0 -40px}
  .tk-plate b{font-size:16px}.tk-plate{padding:16px}
}
@media (prefers-reduced-motion:reduce){.tk-layer,.tk-steps::after,.tk-steps small{transition:none}}

/* ===== Le Conseil replié : une barre sous l'équipe, qui se déplie à la demande ===== */
.eq-ask{margin-top:18px}
.eq-ask-bar{display:flex;align-items:center;gap:clamp(16px,2.4vw,28px);padding:18px 18px 18px 22px;border-radius:24px}
.eq-ask-faces{display:flex;flex-shrink:0;padding-left:8px}
.eq-ask-faces .avatar{--s:40px;margin-left:-10px;outline:3px solid var(--bg);transition:translate .35s cubic-bezier(.2,1.4,.4,1)}
.eq-ask-bar:hover .eq-ask-faces .avatar{translate:0 -3px}
.eq-ask-bar:hover .eq-ask-faces .avatar:nth-child(2n){translate:0 -6px}
.eq-ask-txt{flex:1;min-width:0}
.eq-ask-txt .eq-ask-t{font-size:clamp(19px,1.7vw,23px);letter-spacing:-.03em;line-height:1.2}
.eq-ask-txt p{margin-top:4px;font-size:14.5px;line-height:1.45;color:var(--ink-2)}
.eq-ask-open{flex-shrink:0}
.eq-ask-open .arr{display:inline-block;transition:translate .3s cubic-bezier(.2,.8,.2,1)}
.eq-ask-open:hover .arr{translate:3px 0}

/* La fenêtre du Conseil */
html.eq-modal-on{overflow:hidden}
.eq-modal{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:clamp(12px,3vw,40px);visibility:hidden;pointer-events:none}
.eq-modal.open{visibility:visible;pointer-events:auto}
.eq-modal-bg{position:absolute;inset:0;background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .35s ease}
.eq-modal.open .eq-modal-bg{opacity:1}
.eq-modal-box{position:relative;width:min(1180px,100%);max-height:calc(100dvh - 2 * clamp(12px,3vw,40px));display:flex;flex-direction:column;border-radius:28px;overflow:hidden;
  background:var(--bg-2,#0E0F15);box-shadow:inset 0 0 0 1px var(--glass-border),0 40px 120px -30px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.02);
  opacity:0;transform:translateY(24px) scale(.97);transition:opacity .35s ease,transform .5s cubic-bezier(.2,1,.3,1)}
.eq-modal.open .eq-modal-box{opacity:1;transform:none}
[data-theme="light"] .eq-modal-box{background:#fff;box-shadow:inset 0 0 0 1px rgba(14,16,22,.08),0 40px 100px -30px rgba(14,16,22,.35)}
.eq-modal-head{display:flex;align-items:center;gap:18px;padding:20px 22px 18px 26px;border-bottom:1px solid var(--glass-line)}
.eq-modal-head > div:nth-child(2){flex:1;min-width:0}
.eq-modal-head .eq-label{display:block;margin-bottom:4px}
.eq-modal-head .eq-ask-t{font-size:clamp(19px,1.8vw,24px);letter-spacing:-.03em;line-height:1.15}
.eq-modal-faces{display:flex;flex-shrink:0;padding-left:8px}
.eq-modal-faces .avatar{--s:34px;margin-left:-9px;outline:3px solid var(--bg-2,#0E0F15)}
[data-theme="light"] .eq-modal-faces .avatar{outline-color:#fff}
.eq-modal-x{flex-shrink:0;width:40px;height:40px;border-radius:50%;border:0;font-size:24px;line-height:1;color:var(--ink-2);background:var(--glass-in,rgba(255,255,255,.05));box-shadow:inset 0 0 0 1px var(--glass-border);cursor:pointer;transition:color .2s,background .2s}
.eq-modal-x:hover{color:var(--ink);background:var(--glass-2,rgba(255,255,255,.1))}
.eq-modal-body{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.eq-modal-body .council{margin:0;border-radius:0;background:none;box-shadow:none;border:0}
.eq-modal-body .council::before,.eq-modal-body .council::after{display:none}
@media (max-width:760px){
  .eq-modal{padding:0;place-items:end stretch}
  .eq-modal-box{max-height:94dvh;border-radius:24px 24px 0 0;transform:translateY(40px)}
  .eq-modal-faces{display:none}
  .eq-modal-head{padding:16px 16px 14px 20px}
}
@media (prefers-reduced-motion:reduce){.eq-modal-bg,.eq-modal-box{transition:none}}
@media (max-width:760px){
  .eq-ask-bar{flex-wrap:wrap;padding:18px}
  .eq-ask-txt{flex-basis:calc(100% - 200px)}
  .eq-ask-open{width:100%;justify-content:center}
}


/* ===== 06 / L'équipe : toute la section tient dans un écran et se fixe un court instant ===== */
@media (min-width:901px){
  #entreprise{padding-top:40px!important;padding-bottom:0!important}
  #entreprise .eq-head{grid-template-columns:1.25fr 1fr;gap:48px}
  #entreprise .eq-head .eyebrow{margin-bottom:14px}
  #entreprise .eq-head .h2s-title{font-size:clamp(34px,calc(3.7 * 1vw / var(--z,1)),58px);line-height:1.02}
  #entreprise .eq-head .h2s-p{font-size:16px;line-height:1.55}
  #entreprise .eq-stage{margin-top:clamp(18px,3vh,30px);padding:clamp(18px,2.2vw,28px)}
  #entreprise .eq-row{margin-top:clamp(10px,2vh,22px);min-height:clamp(96px,11vw,138px)}
  #entreprise .eq-who{flex-basis:clamp(60px,8.4vw,108px)}
  #entreprise .eq-detail{margin-top:14px;padding-top:16px;min-height:104px}
  #entreprise .eq-text{font-size:15px}
  #entreprise .eq-foot{margin-top:14px}
}
@media (min-width:901px) and (prefers-reduced-motion:no-preference){
  .eq-hold-pin{position:relative;height:calc(130 * 1vh / var(--z,1))}
  .eq-hold{position:sticky;top:0;height:calc(100 * 1vh / var(--z,1));display:flex;flex-direction:column;justify-content:center;padding-top:58px}
}
.eq-scroll .eq-dots i.on::after{animation:none;transform:none}

/* La barre du Conseil colle à la scène de l'équipe, dans le même écran */
.eq-hold > .eq-ask{margin-top:12px}
/* le bandeau passe devant les cartes de l’éventail, qui descendent jusqu’à lui */
#entreprise .eq-ask{position:relative;z-index:35}
@media (min-width:901px){
  #entreprise .eq-ask-bar{padding:12px 14px 12px 18px;border-radius:20px}
  #entreprise .eq-ask-faces .avatar{--s:34px}
  #entreprise .eq-ask-txt .eq-ask-t{font-size:clamp(17px,1.5vw,20px)}
  #entreprise .eq-ask-txt p{font-size:13.5px;margin-top:2px}
}
/* la barre apparaît avec la scène : pas de décalage d'apparition propre, qui l'éloignait de la scène */
.js #entreprise .eq-ask-bar.reveal{opacity:1;translate:none;scale:none;rotate:none;filter:none}

/* ===== Scène de l'équipe : finition ===== */
#entreprise .eq-stage{position:relative;overflow:hidden;
  background:radial-gradient(70% 90% at var(--gxp,50%) 0%,color-mix(in srgb,var(--eqc,var(--lav)) 13%,transparent),transparent 70%),linear-gradient(180deg,var(--tile-2,#15161d),var(--tile,#101118));
  transition:background .6s}
/* En-tête : compteur à gauche, bascule et flèches à droite */
.eq-top{gap:14px}
.eq-label{display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:.02em;font-size:12.5px}
.eq-label b{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;font-weight:500;color:var(--ink);background:var(--glass-in,rgba(255,255,255,.05));box-shadow:inset 0 0 0 1px var(--glass-border)}
.eq-top .eq-switch{margin-left:auto}
.eq-nav{display:flex;gap:6px}
.eq-nav button{width:32px;height:32px;border-radius:50%;border:0;cursor:pointer;font-size:14px;color:var(--ink-2);background:var(--glass-in,rgba(255,255,255,.05));box-shadow:inset 0 0 0 1px var(--glass-border);transition:color .2s,background .2s,box-shadow .2s}
.eq-nav button:hover{color:var(--ink);background:color-mix(in srgb,var(--eqc,var(--lav)) 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--eqc,var(--lav)) 45%,transparent)}

/* Les visages : un disque de couleur derrière chacun, le choisi s'allume */
.eq-row::after{display:none}
.eq-who{position:relative;gap:6px}
.eq-who::before{content:"";position:absolute;left:50%;top:8%;width:84%;aspect-ratio:1;translate:-50% 0;border-radius:50%;z-index:-1;
  background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--c) 34%,transparent),color-mix(in srgb,var(--c) 6%,transparent) 70%,transparent 72%);
  opacity:.35;scale:.86;transition:opacity .45s,scale .55s cubic-bezier(.2,1.3,.4,1)}
.eq-who:hover::before{opacity:.65;scale:.95}
.eq-who[aria-selected="true"]::before{opacity:1;scale:1.08;box-shadow:0 0 50px -6px color-mix(in srgb,var(--c) 70%,transparent)}
.eq-who .t3d{filter:saturate(.7) brightness(.85);opacity:.85}
.eq-who:hover .t3d{filter:saturate(.9) brightness(.95);opacity:1}
.eq-who[aria-selected="true"] .t3d{filter:none;opacity:1}
.eq-who .nm{padding:3px 10px;border-radius:999px;font-size:11.5px;color:var(--ink-2);transition:background .3s,color .3s}
.eq-who[aria-selected="true"] .nm{color:#0A0A0C;background:var(--c);font-weight:500}
.eq-who .tg{font-size:11px;line-height:1;color:var(--ink-3);opacity:.8}
.eq-who[aria-selected="true"] .tg{color:var(--ink-2);opacity:1}
.eq-row::before{opacity:.45}

/* La fiche : un bandeau teinté à la couleur de la personne */
#entreprise .eq-detail{border-top:0;padding:18px 22px;border-radius:18px;align-items:center;
  background:color-mix(in srgb,var(--eqc,var(--lav)) 8%,rgba(255,255,255,.015));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--eqc,var(--lav)) 22%,transparent);transition:background .5s,box-shadow .5s}
.eq-id{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.eq-name{font-size:clamp(22px,2vw,28px)}
.eq-role{display:inline-block;padding:4px 10px;border-radius:999px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.04em;line-height:1.4;
  color:var(--ink);background:color-mix(in srgb,var(--eqc,var(--lav)) 20%,transparent)}
.eq-quote{padding-left:0;font-size:17px;line-height:1.4}
.eq-quote::before{content:"“";position:static;display:block;width:auto;height:auto;background:none;box-shadow:none;font-size:46px;line-height:.6;margin-bottom:6px;color:var(--eqc,var(--lav));font-family:Georgia,serif}
[data-theme="light"] .eq-role{color:#0E1016}

/* Progression : des segments plus lisibles */
.eq-dots{gap:5px}
.eq-dots i{width:26px;height:4px;border-radius:3px}
.eq-dots i.done{background:color-mix(in srgb,var(--eqc,var(--lav)) 45%,var(--glass-border))}
#entreprise .eq-foot{margin-top:12px}

@media (max-width:700px){
  #entreprise .eq-row{padding:22px 10px 12px;scroll-padding-inline:10px}
  #entreprise .eq-row::before{display:none}
  .eq-who::before{width:72%;top:12%}
  .eq-who[aria-selected="true"]::before{scale:1;box-shadow:none}
  .eq-nav{display:none}
  .eq-who .tg{display:none}
  #entreprise .eq-detail{padding:16px}
}

/* ===== 05 / Nos convictions : trois cartes teintées ===== */
#convictions .cv-head{display:grid;grid-template-columns:1fr;gap:18px;align-items:end}
@media (min-width:900px){#convictions .cv-head{grid-template-columns:1.1fr 1fr;gap:64px}}
#convictions .cv-intro{max-width:46ch;margin:0}
#convictions .conv3{gap:18px;margin-top:clamp(36px,6vh,60px)}
#convictions .cv{display:flex;flex-direction:column;padding:16px 16px 26px;border-radius:26px;
  background:linear-gradient(165deg,color-mix(in srgb,var(--c) 11%,transparent),rgba(255,255,255,.015) 60%);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 16%,var(--glass-line));
  opacity:calc(.4 + .6 * var(--o,1));transition:box-shadow .5s,translate .6s cubic-bezier(.2,.8,.2,1),background .5s}
#convictions .cv::before{left:26px;right:26px;top:0;height:2px;border-radius:2px;background:color-mix(in srgb,var(--c) 18%,transparent)}
#convictions .cv::after{left:26px;top:0;width:calc(var(--sp,1) * (100% - 52px))}
#convictions .cv.now{translate:0 -6px;
  background:linear-gradient(165deg,color-mix(in srgb,var(--c) 18%,transparent),rgba(255,255,255,.02) 65%);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 42%,transparent),0 30px 70px -36px color-mix(in srgb,var(--c) 70%,transparent)}
#convictions .cv-demo{margin:0 0 22px;border:0;border-radius:18px;background:rgba(0,0,0,.28);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
[data-theme="light"] #convictions .cv-demo{background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px rgba(14,16,22,.06)}
#convictions .cv-n{align-self:flex-start;margin:0 10px;padding:4px 10px;border-radius:999px;font-size:11.5px;color:#0A0A0C;background:var(--c)}
#convictions .cv h3{margin:16px 10px 10px;font-size:clamp(22px,1.9vw,26px)}
#convictions .cv p{margin:0 10px;font-size:15.5px;line-height:1.6}
#convictions .cv:not(.now) h3{color:var(--ink)}
@media (max-width:900px){#convictions .cv{opacity:1}}

/* ===== 06 / L'équipe : une table, l'interlocutrice en grand, les autres autour ===== */
.eq-hold-pin:has(.eqt){height:auto!important}
.eq-hold-pin:has(.eqt) .eq-hold{position:static!important;height:auto!important;padding-top:0!important;display:block}
.eqt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px;margin-top:44px}
.eqt-lead{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:28px 28px 26px;border-radius:28px;
  background:radial-gradient(90% 60% at 50% 0%,color-mix(in srgb,var(--c) 38%,transparent),transparent 70%),var(--glass);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 40%,var(--glass-border)),var(--shadow)}
.eqt-k{align-self:flex-start;padding:5px 11px;border-radius:999px;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  background:color-mix(in srgb,var(--c) 30%,transparent);color:color-mix(in srgb,var(--c) var(--tint-mix),var(--tint))}
.eqt-lh{width:min(210px,62%);margin:6px auto 4px}
.eqt-ln{font-size:30px;letter-spacing:-.04em;margin-top:6px}
.eqt-lr{font-family:var(--f-mono);font-size:12px;color:var(--ink-3);margin-top:4px}
.eqt-lx{font-size:15px;line-height:1.6;color:var(--ink-2);margin-top:14px}
.eqt-lq{margin-top:16px;padding:14px 16px;border-radius:16px;font-size:15px;font-weight:500;color:var(--ink);background:color-mix(in srgb,var(--c) 16%,transparent)}
.eqt-lf{margin-top:auto;padding-top:18px;font-size:13px;color:var(--ink-3)}
.eqt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.eqt-c{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:248px;padding:18px 18px 16px;border-radius:24px;text-align:left;overflow:hidden;
  background:linear-gradient(180deg,color-mix(in srgb,var(--c) 22%,transparent),color-mix(in srgb,var(--c) 6%,transparent) 60%),var(--glass);
  box-shadow:inset 0 0 0 1px var(--glass-border);transition:transform .45s cubic-bezier(.2,1.3,.4,1),box-shadow .3s}
.eqt-c:hover,.eqt-c.on{transform:translateY(-4px);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--c) 70%,transparent),0 26px 50px -30px color-mix(in srgb,var(--c) 80%,transparent)}
.eqt-c:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.eqt-h{position:absolute;right:-6px;top:10px;width:118px;transition:transform .45s cubic-bezier(.2,1.3,.4,1)}
.eqt-c.on .eqt-h{transform:translateY(-6px) scale(1.06)}
.eqt-id{display:flex;flex-direction:column;max-width:60%}
.eqt-id b{font-size:20px;letter-spacing:-.03em;line-height:1.15}
.eqt-id small{font-size:12.5px;color:var(--ink-2);line-height:1.35;margin-top:3px}
.eqt-tg{position:absolute;left:18px;bottom:16px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);transition:opacity .25s}
.eqt-q{margin-top:auto;margin-bottom:22px;font-size:14px;font-weight:500;line-height:1.4;color:var(--ink);transition:opacity .25s,transform .3s}
.eqt-x{position:absolute;left:18px;right:18px;bottom:16px;font-size:13.5px;line-height:1.5;color:var(--ink);opacity:0;transform:translateY(10px);transition:opacity .3s,transform .35s;pointer-events:none}
.eqt-c.on .eqt-q,.eqt-c.on .eqt-tg{opacity:0;transform:translateY(-6px)}
.eqt-c.on .eqt-x{opacity:1;transform:none}
.eqt-pets{grid-column:1/-1;display:flex;align-items:center;gap:24px;padding:14px 22px;border-radius:22px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--glass-border)}
.eqt-pk{flex:none;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);max-width:170px;line-height:1.5}
.eqt-pr{flex:1;display:flex;justify-content:space-around;gap:12px;flex-wrap:wrap}
.eqt-p{position:relative;display:grid;grid-template-columns:52px auto;column-gap:10px;align-items:center;outline:0;cursor:default}
.eqt-ph{grid-row:1/3;width:52px}
.eqt-p b{font-size:14px;line-height:1.1}.eqt-p small{font-size:11.5px;color:var(--ink-3)}
.eqt-pt{position:absolute;left:50%;bottom:calc(100% + 10px);width:220px;translate:-50% 6px;padding:10px 12px;border-radius:14px;font-size:12.5px;line-height:1.45;color:var(--ink);
  background:var(--glass-2);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 50%,var(--glass-border)),var(--shadow);opacity:0;pointer-events:none;transition:opacity .25s,translate .3s;z-index:3}
.eqt-p:hover .eqt-pt,.eqt-p:focus-visible .eqt-pt{opacity:1;translate:-50% 0}
.eqt .t3d svg{filter:drop-shadow(0 14px 18px rgba(0,0,0,.18))}
/* entrée */
.eqt:not(.in) .eqt-lead,.eqt:not(.in) .eqt-c,.eqt:not(.in) .eqt-pets{opacity:0;translate:0 26px;pointer-events:none}
.eqt.in .eqt-lead,.eqt.in .eqt-c,.eqt.in .eqt-pets{opacity:1;translate:0 0;transition:opacity .6s,translate .7s cubic-bezier(.2,.9,.2,1),transform .45s cubic-bezier(.2,1.3,.4,1),box-shadow .3s}
.eqt.in .eqt-c{transition-delay:calc(.12s + var(--i) * .06s),calc(.12s + var(--i) * .06s),0s,0s}
.eqt.in .eqt-pets{transition-delay:.5s}
@media (max-width:1100px){.eqt{grid-template-columns:minmax(0,1fr)}.eqt-lead{display:grid;grid-template-columns:180px minmax(0,1fr);column-gap:24px}.eqt-lead>*{grid-column:2}.eqt-lead .eqt-lh{grid-column:1;grid-row:1/8;width:100%;margin:0;align-self:center}}
@media (max-width:760px){.eqt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.eqt-lead{display:flex}.eqt-lead .eqt-lh{width:160px;margin:6px auto}.eqt-pets{flex-direction:column;align-items:flex-start}.eqt-pk{max-width:none}.eqt-pr{justify-content:flex-start}}
@media (max-width:480px){.eqt-grid{grid-template-columns:minmax(0,1fr)}.eqt-c{min-height:200px}}
@media (prefers-reduced-motion:reduce){.eqt *{transition:none!important}}
/* tailles prioritaires : la section impose sinon sa taille à tous les paragraphes */
.eqt .eqt-k{font-size:11px!important}
.eqt .eqt-lr{font-size:12px!important}
.eqt .eqt-lx{font-size:15px!important}
.eqt .eqt-lq{font-size:15px!important}
.eqt .eqt-lf{font-size:13px!important}
.eqt .eqt-id small{font-size:13px!important}
.eqt .eqt-pk{font-size:11px!important}
.eqt .eqt-p b{font-size:14px!important}
.eqt .eqt-p small{font-size:12px!important}
.eqt .eqt-pt{font-size:12.5px!important}
.eqt-h{width:150px;right:-10px;top:8px}
.eqt-c{min-height:270px}
.eqt-id{max-width:52%}
@media (max-width:480px){.eqt-c{min-height:170px}.eqt-h{width:96px;top:6px;right:-4px}.eqt-id{max-width:62%}.eqt-lead .eqt-lh{width:130px}.eqt-ln{font-size:26px}}
/* plus d'air sur les côtés de la section équipe */
#entreprise > .wrap{padding-inline:clamp(24px,5vw,88px);max-width:calc(var(--wrap) + 2 * clamp(24px,5vw,88px))}
@media (max-width:760px){#entreprise > .wrap{padding-inline:20px}}
/* En-tête de l'équipe plus aéré */
#entreprise{padding-top:clamp(90px,12vh,140px)!important}
#entreprise .eq-head{align-items:end;row-gap:28px}
#entreprise .eq-head .eyebrow{margin-bottom:22px!important}
#entreprise .eq-head .h2s-title{line-height:1.08!important;letter-spacing:-.045em}
#entreprise .eq-head .h2s-title span{display:block;margin-top:.14em}
#entreprise .eq-head .h2s-p{line-height:1.7!important;padding-bottom:.35em}
#entreprise .eqt{margin-top:clamp(56px,8vh,88px)}
/* ===== Équipe : titre bloqué en haut, l'équipe arrive dessous au défilement (assets/equipe-pin.js) ===== */
@media (min-width:901px) and (min-height:640px) and (prefers-reduced-motion:no-preference){
  .eqp-on .eq-hold-pin{height:calc(190 * 1vh / var(--z,1))!important}
  .eqp-on .eq-hold-pin .eq-hold{position:sticky!important;top:0;height:calc(100 * 1vh / var(--z,1))!important;display:flex!important;flex-direction:column;justify-content:flex-start;padding-top:calc(11 * 1vh / var(--z,1))!important}
  .eqp-on .eq-head .reveal{opacity:1!important;translate:none!important;filter:none!important;scale:none!important}
  .eqp-on .eqt{margin-top:calc(4 * 1vh / var(--z,1))!important;zoom:var(--eqs,1)}
  .eqp-on .eqt .eqt-lead,.eqp-on .eqt .eqt-c,.eqp-on .eqt .eqt-pets{opacity:var(--k,0)!important;translate:0 calc((1 - var(--k,0)) * 80px)!important;scale:calc(.92 + .08 * var(--k,0));transition:transform .45s cubic-bezier(.2,1.3,.4,1),box-shadow .3s!important}
  .eqp-on #conseil{margin-top:0}
  .eqp-on .eqt .eqt-c.eqp-off{pointer-events:none}
}

/* ===== Équipe moins « carrée » : cartes douces, décalées, chacun avec son compagnon ===== */
.eqt{gap:22px}
.eqt-lead{border-radius:44px!important;box-shadow:0 30px 70px -40px color-mix(in srgb,var(--c) 60%,transparent)!important;
  background:radial-gradient(90% 55% at 50% 0%,color-mix(in srgb,var(--c) 34%,transparent),transparent 72%),linear-gradient(180deg,var(--glass-2),transparent 85%)!important}
.eqt-grid{gap:22px!important;align-items:start}
.eqt-c{border-radius:40px!important;box-shadow:none!important;min-height:300px!important;padding:22px 22px 20px!important;
  background:radial-gradient(120% 80% at 85% 0%,color-mix(in srgb,var(--c) 28%,transparent),transparent 65%),linear-gradient(180deg,color-mix(in srgb,var(--c) 7%,var(--glass)),transparent 95%)!important}
.eqt-c:hover,.eqt-c.on{box-shadow:0 30px 60px -36px color-mix(in srgb,var(--c) 85%,transparent)!important}
.eqt-grid .eqt-c:nth-child(3n+2){margin-top:44px}
.eqt-grid .eqt-c:nth-child(3n+3){margin-top:18px}
.eqt-q{margin-bottom:64px!important}
.eqt-tg{display:none}
/* le compagnon, en bas de la carte de sa personne */
.eqt-pet{position:absolute;left:18px;right:18px;bottom:16px;display:flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:999px;width:max-content;max-width:calc(100% - 36px);
  background:color-mix(in srgb,var(--pc) 16%,var(--glass-2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pc) 35%,transparent);transition:opacity .25s}
.eqt-pph{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--pc) 30%,transparent);overflow:visible}
.eqt-pph .t3d{width:34px}
.eqt-pn{display:flex;flex-direction:column;line-height:1.15;font-size:12px!important;color:var(--ink-2)}
.eqt-pn b{color:var(--ink);font-weight:600}
.eqt .eqt-pn small{font-size:10.5px!important;color:var(--ink-3)}
.eqt-pet .eqt-pt{left:0;translate:0 6px}
.eqt-pet:hover .eqt-pt{opacity:1;translate:0 0}
.eqt-c.on .eqt-pet{opacity:0}
.eqt-x{bottom:20px!important}
@media (max-width:760px){.eqt-grid .eqt-c:nth-child(n){margin-top:0}}
.eqt-pet{padding:6px 16px 6px 6px;gap:10px}
.eqt-pph{width:44px;height:44px}.eqt-pph .t3d{width:42px}
.eqt .eqt-pn{font-size:14px!important;line-height:1.2}
.eqt .eqt-pn small{font-size:12px!important}
.eqt-q{margin-bottom:76px!important}
.eqt-c{min-height:340px!important}
.eqt-h{width:130px!important}
.eqt-q{position:relative;z-index:1}
@media (max-width:480px){.eqt-c{min-height:0!important}.eqt-q{margin-top:120px!important}}

/* ===== Proposition B : capsules-portraits en vague ===== */
.eqt.eqb{display:block}
.eqb-row{display:flex;align-items:flex-end;justify-content:center;gap:clamp(10px,1.4vw,20px);padding-top:90px}
.eqb-c{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;
  height:calc(360px + var(--w,0) * 70px);padding:22px 14px 26px;border-radius:999px 999px 40px 40px;cursor:pointer;color:var(--ink);
  background:linear-gradient(180deg,color-mix(in srgb,var(--c) 34%,transparent) 0%,color-mix(in srgb,var(--c) 10%,transparent) 55%,transparent 100%);
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--c) 45%,transparent);
  transition:transform .55s cubic-bezier(.2,1.3,.4,1),background .4s,box-shadow .4s}
.eqb-c:hover,.eqb-c.on{transform:translateY(-14px);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--c) 70%,transparent),0 40px 60px -40px color-mix(in srgb,var(--c) 90%,transparent)}
.eqb-c:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.eqb-disc{position:relative;width:100%;max-width:150px;aspect-ratio:1;border-radius:50%;display:grid;place-items:end center;overflow:hidden;
  background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--c) 70%,#fff 10%),color-mix(in srgb,var(--c) 35%,transparent) 70%)}
.eqb-h{width:92%;translate:0 8%;transition:transform .5s cubic-bezier(.2,1.3,.4,1)}
.eqb-c.on .eqb-h{transform:scale(1.06)}
.eqb-id{display:flex;flex-direction:column;gap:3px;margin-top:6px}
.eqb-id b{font-size:19px;letter-spacing:-.03em;line-height:1.1}
.eqt .eqb-id small{font-size:12.5px!important;color:var(--ink-2);line-height:1.35}
/* Marion : la capsule centrale, plus large et plus haute */
.eqb-lead{flex:1.9 1 0;height:520px;padding:24px 26px 30px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--c) 48%,transparent),color-mix(in srgb,var(--c) 14%,transparent) 60%,transparent)}
.eqb-lead .eqb-disc{max-width:210px}
.eqb-lead .eqb-id b{font-size:26px}
.eqb-k{font-family:var(--f-mono);font-size:10.5px!important;letter-spacing:.14em;text-transform:uppercase;padding:5px 12px;border-radius:999px;
  background:color-mix(in srgb,var(--c) 35%,transparent);color:color-mix(in srgb,var(--c) var(--tint-mix),var(--tint))}
.eqt .eqb-lx{font-size:14px!important;line-height:1.55;color:var(--ink-2);max-width:32ch}
/* la phrase de chacun, en bulle au survol */
.eqb-say{position:absolute;left:50%;bottom:calc(100% + 6px);width:max-content;max-width:240px;translate:-50% 10px;padding:12px 16px;border-radius:20px 20px 20px 6px;
  font-size:14px!important;font-weight:500;line-height:1.4;text-align:left;color:var(--ink);background:color-mix(in srgb,var(--c) 24%,var(--glass-2));
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 45%,transparent),0 20px 40px -24px rgba(0,0,0,.6);
  opacity:0;pointer-events:none;transition:opacity .3s,translate .4s cubic-bezier(.2,1.3,.4,1);z-index:3}
.eqb-c.on .eqb-say{opacity:1;translate:-50% 0}
.eqb-lead .eqb-say{display:none}
/* le compagnon dépasse au bas de la capsule */
.eqb-pet{position:absolute;left:50%;bottom:-22px;translate:-50% 0;display:flex;align-items:center;gap:6px;padding:4px 12px 4px 4px;border-radius:999px;
  background:color-mix(in srgb,var(--pc) 22%,var(--bg));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pc) 45%,transparent),0 10px 20px -12px rgba(0,0,0,.6)}
.eqb-ph{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--pc) 35%,transparent);overflow:visible}
.eqb-ph .t3d{width:36px}
.eqb-pet em{font-style:normal;font-size:12.5px;font-weight:600;color:var(--ink)}
.eqt .eqb-hint{text-align:center;margin-top:46px;font-family:var(--f-mono);font-size:11px!important;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
/* l'ancienne mise en page décalée ne s'applique pas ici */
.eqb .eqb-c:nth-child(n){margin-top:0}
.eqp-on .eqb .eqb-c{min-height:0!important}
@media (max-width:1100px){.eqb-row{flex-wrap:wrap;padding-top:70px;row-gap:80px}.eqb-c{flex:1 1 28%;height:auto}.eqb-lead{flex-basis:100%;order:-1;height:auto}}
@media (max-width:560px){.eqb-c{flex-basis:44%}.eqb-say{max-width:180px}}
.eqt .eqb-c{overflow:visible!important}
.eqt .eqb-hint{margin:56px 0 30px}
.eqb-row{padding-top:110px}
@media (max-width:1100px){.eqb-row .eqb-lead{flex-basis:100%!important;max-width:520px;margin-inline:auto}}

/* ===== Proposition C : l'équipe en réseau, version « tech » ===== */
.eqt.eqc{display:block}
.eqc-net{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center;padding:26px;border-radius:32px;
  background-image:radial-gradient(circle,color-mix(in srgb,var(--ink) 14%,transparent) 1px,transparent 1.3px);background-size:22px 22px;
  box-shadow:inset 0 0 0 1px var(--glass-line)}
.eqc-net::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(60% 60% at 50% 50%,transparent 40%,var(--bg) 100%);opacity:.85}
.eqc-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}
.eqc-lines .eqc-l{fill:none;stroke:color-mix(in srgb,var(--c) 35%,transparent);stroke-width:1.2}
.eqc-lines .eqc-f{fill:none;stroke:var(--c);stroke-width:1.6;stroke-dasharray:4 14;stroke-linecap:round;opacity:.65;animation:eqcFlow 2.6s linear infinite}
.eqc-lines circle{fill:var(--c);opacity:.9}
@keyframes eqcFlow{to{stroke-dashoffset:-54}}
.eqc-net[data-hot] .eqc-lines g{opacity:.25;transition:opacity .3s}
.eqc-net[data-hot=""] .eqc-lines g{opacity:1}
.eqc-net[data-hot="solene"] g[data-id="solene"],.eqc-net[data-hot="wilfrid"] g[data-id="wilfrid"],.eqc-net[data-hot="emma"] g[data-id="emma"],
.eqc-net[data-hot="batiste"] g[data-id="batiste"],.eqc-net[data-hot="victor"] g[data-id="victor"],.eqc-net[data-hot="paul"] g[data-id="paul"]{opacity:1}
.eqc-net[data-hot] g .eqc-f{animation-duration:1.1s}
.eqc-col{position:relative;z-index:1;display:flex;flex-direction:column;gap:18px}
/* nœud = fenêtre de console */
.eqc-n{display:flex;flex-direction:column;align-items:stretch;gap:0;text-align:left;color:var(--ink);border-radius:16px;overflow:hidden;
  background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 22%,var(--glass-border));transition:box-shadow .3s,transform .4s cubic-bezier(.2,1.3,.4,1)}
.eqc-n:hover,.eqc-n.on{transform:translateY(-3px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 70%,transparent),0 0 0 4px color-mix(in srgb,var(--c) 10%,transparent),0 24px 50px -30px var(--c)}
.eqc-n:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.eqc-bar{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--glass-line);background:color-mix(in srgb,var(--c) 8%,transparent)}
.eqc-bar i{width:8px;height:8px;border-radius:50%;background:var(--glass-border)}
.eqc-bar i:first-child{background:color-mix(in srgb,var(--c) 80%,transparent)}
.eqc-bar code{margin-left:6px;font-family:var(--f-mono);font-size:11px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}
.eqc-on{font-style:normal;font-family:var(--f-mono);font-size:10px;letter-spacing:.06em;color:color-mix(in srgb,var(--mint) 80%,var(--ink));display:flex;align-items:center;gap:5px;flex:none}
.eqc-on::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint);animation:eqcBlink 2s ease-in-out infinite}
@keyframes eqcBlink{50%{opacity:.35}}
.eqc-body{display:flex;align-items:center;gap:12px;padding:12px 14px 4px}
.eqc-h{width:56px;height:56px;flex:none;border-radius:14px;display:grid;place-items:end center;overflow:hidden;background:color-mix(in srgb,var(--c) 30%,transparent)}
.eqc-h .t3d{width:52px;translate:0 4px}
.eqc-id{display:flex;flex-direction:column;min-width:0}
.eqc-id b{font-size:17px;letter-spacing:-.02em;line-height:1.15}
.eqt .eqc-id small{font-size:12px!important;color:var(--ink-2);line-height:1.3}
.eqt .eqc-q{display:block;padding:8px 14px 0;font-family:var(--f-mono);font-size:11.5px!important;line-height:1.5;color:var(--ink-2)}
.eqc-q span{color:var(--c)}
.eqc-pet{display:flex;align-items:center;gap:8px;margin:10px 14px 12px;padding:4px 10px 4px 4px;border-radius:10px;width:max-content;max-width:calc(100% - 28px);
  background:color-mix(in srgb,var(--pc,var(--ink-3)) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pc,var(--ink-3)) 30%,transparent)}
.eqc-ph{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;overflow:visible;background:color-mix(in srgb,var(--pc) 30%,transparent)}
.eqc-ph .t3d{width:26px}
.eqc-pet code{font-family:var(--f-mono);font-size:11px;color:var(--ink-2)}
.eqc-solo{padding-left:10px;opacity:.55}
/* le hub : Marion */
.eqc-hub{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 26px 28px;border-radius:28px;
  background:radial-gradient(80% 60% at 50% 20%,color-mix(in srgb,var(--c) 30%,transparent),transparent 75%),color-mix(in srgb,var(--bg) 85%,transparent);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 55%,transparent),0 0 80px -20px color-mix(in srgb,var(--c) 70%,transparent)}
.eqc-ring{position:absolute;inset:-14px;border-radius:38px;pointer-events:none;border:1px dashed color-mix(in srgb,var(--c) 45%,transparent);animation:eqcPulse 3s ease-in-out infinite}
@keyframes eqcPulse{50%{inset:-22px;opacity:.35}}
.eqc-k{font-family:var(--f-mono);font-size:11px;color:color-mix(in srgb,var(--c) var(--tint-mix),var(--tint))}
.eqc-hh{width:150px;height:150px;margin:12px 0 6px;border-radius:50%;display:grid;place-items:end center;overflow:hidden;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--c) 65%,#fff 8%),color-mix(in srgb,var(--c) 25%,transparent) 72%)}
.eqc-hh .t3d{width:138px;translate:0 8%}
.eqc-hn{font-size:28px;letter-spacing:-.035em}
.eqc-hr{font-family:var(--f-mono);font-size:11.5px;color:var(--ink-3);margin-top:2px}
.eqt .eqc-hx{font-size:14px!important;line-height:1.55;color:var(--ink-2);margin-top:12px;max-width:34ch}
.eqc-hq{margin-top:14px;padding:9px 14px;border-radius:10px;font-family:var(--f-mono);font-size:12px;color:var(--ink);background:color-mix(in srgb,var(--c) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 30%,transparent)}
.eqt .eqc-foot{text-align:center;margin-top:22px}
.eqc-foot code{font-family:var(--f-mono);font-size:11px;color:var(--ink-3)}
/* entrée au défilement : réutilise --k posé par equipe-pin.js */
.eqc .eqc-n,.eqc .eqc-hub{min-height:0!important}
@media (max-width:1000px){.eqc-net{grid-template-columns:1fr;gap:18px;padding:16px}.eqc-hub{order:-1}.eqc-lines{display:none}.eqc-ring{display:none}}
@media (prefers-reduced-motion:reduce){.eqc-lines .eqc-f,.eqc-ring,.eqc-on::before{animation:none}}
.eqt .eqc-n{border-radius:16px!important;padding:0!important;min-height:0!important;margin-top:0!important;
  background:color-mix(in srgb,var(--bg) 82%,transparent)!important}
.eqt .eqc-n:hover,.eqt .eqc-n.on{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 70%,transparent),0 0 0 4px color-mix(in srgb,var(--c) 10%,transparent),0 24px 50px -30px var(--c)!important}
.eqc-lines .eqc-l{stroke:color-mix(in srgb,var(--c) 55%,transparent);stroke-width:1.4}
.eqc-lines .eqc-f{stroke-width:2.2;opacity:.9}
.eqc-lines circle{r:4}
.eqc-col{gap:22px}
.eqc-net{gap:clamp(56px,7vw,110px)}
[data-theme="light"] .eqc-lines .eqc-l{stroke:color-mix(in srgb,var(--c) 90%,#000 10%)}[data-theme="light"] .eqc-lines .eqc-f{stroke:color-mix(in srgb,var(--c) 70%,#000 30%)}

/* ===== Proposition D : simple et efficace ===== */
.eqt.eqd{display:block}
.eqd-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(12px,1.6vw,28px);align-items:start;padding-top:20px}
.eqt .eqd-p{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:0!important;min-height:0!important;margin-top:0!important;
  background:none!important;box-shadow:none!important;border-radius:0!important;color:var(--ink);overflow:visible!important}
.eqd-av{position:relative;width:100%;max-width:150px;aspect-ratio:1;margin-bottom:14px}
.eqd-h{position:absolute;inset:0;border-radius:50%;overflow:hidden;display:grid;place-items:end center;
  background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--c) 70%,#fff 10%),color-mix(in srgb,var(--c) 30%,transparent) 75%);
  transition:transform .5s cubic-bezier(.2,1.3,.4,1),box-shadow .4s}
.eqd-h .t3d{width:92%;translate:0 8%}
.eqd-p:hover .eqd-h,.eqd-p.on .eqd-h{transform:translateY(-6px);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 40%,transparent),0 24px 40px -20px var(--c)}
.eqd-pet{position:absolute;right:-2%;bottom:-2%;width:38%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;overflow:visible;
  background:color-mix(in srgb,var(--pc) 45%,var(--bg));box-shadow:0 0 0 4px var(--bg)}
.eqd-pet .t3d{width:88%}
.eqd-k{font-family:var(--f-mono);font-size:10px!important;letter-spacing:.12em;text-transform:uppercase;padding:3px 9px;border-radius:999px;margin-bottom:4px;
  background:color-mix(in srgb,var(--c) 30%,transparent);color:color-mix(in srgb,var(--c) var(--tint-mix),var(--tint))}
.eqt .eqd-n{font-size:19px;letter-spacing:-.03em;line-height:1.15}
.eqt .eqd-r{font-size:12.5px!important;line-height:1.35;color:var(--ink-2);max-width:16ch}
.eqt .eqd-q{margin-top:10px;font-size:13px!important;line-height:1.4;color:var(--ink);max-width:18ch;opacity:0;translate:0 -6px;transition:opacity .3s,translate .35s}
.eqd-p:hover .eqd-q,.eqd-p.on .eqd-q,.eqd-lead .eqd-q{opacity:1;translate:0 0}
.eqd-lead .eqd-av{max-width:170px}
.eqd .eqd-p.eqt-c{opacity:var(--k,1)}
@media (max-width:1000px){.eqd-row{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:40px}}
@media (max-width:560px){.eqd-row{grid-template-columns:repeat(2,minmax(0,1fr))}.eqd .eqd-q{opacity:1;translate:none}}
.eqd-row{margin-bottom:clamp(56px,8vh,90px)}

/* ===== Fenêtre « Que dirait l'équipe de votre projet ? » : trois étapes claires, bouton toujours visible ===== */
.eq-modal-box{width:min(1120px,100%)}
.eq-modal-head{padding:22px 26px 20px 28px;background:radial-gradient(70% 140% at 0% 0%,color-mix(in srgb,var(--lav) 22%,transparent),transparent 70%)}
.eq-modal-head .eq-ask-t{font-size:clamp(22px,2.2vw,28px)!important}
.eq-modal-faces .avatar{--s:40px}
.eq-modal-body{display:flex;flex-direction:column;min-height:0}
.eq-modal-body .council-in{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:0;height:min(640px,calc(100dvh - 190px))}
.eq-modal-body .council-ask{padding:26px 30px 0;gap:26px;overflow:auto;scrollbar-width:thin;counter-reset:st}
.eq-modal-body .council-ask > div:not(.council-go){display:flex;flex-direction:column;gap:12px}
/* étapes numérotées */
.eq-modal-body .council-ask .label{counter-increment:st;display:flex;align-items:center;gap:10px;margin:0;font-family:var(--f);font-size:15px!important;font-weight:600;letter-spacing:-.01em;text-transform:none;color:var(--ink)}
.eq-modal-body .council-ask .label::before{content:counter(st);width:24px;height:24px;flex:none;border-radius:50%;display:grid;place-items:center;font-family:var(--f-mono);font-size:11.5px;font-weight:500;color:var(--accent-ink);background:var(--accent)}
.eq-modal-body .field textarea{min-height:110px;font-size:15px;line-height:1.55}
/* exemples : une rangée de puces */
.eq-modal-body .examples{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:8px;margin-top:-6px}
.eq-modal-body .examples::before{content:"Ou partez d’un exemple :";width:100%;font-size:12.5px;color:var(--ink-3)}
.eq-modal-body .examples button{border-radius:999px;padding:7px 13px;font-size:12.5px}
.eq-modal-body .examples button:hover{color:var(--ink);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}
/* qui répond : trois colonnes compactes */
.eq-modal-body .voices{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px}
.eq-modal-body .voice{padding:8px 10px;gap:9px;border-radius:14px}
.eq-modal-body .voice .avatar{--s:32px}
.eq-modal-body .voice b{font-size:13.5px}
.eq-modal-body .voice small{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.eq-modal-body .voice > span:last-child{min-width:0}
.eq-modal-body .voice.all{grid-column:1/-1;justify-content:center;font-weight:600}
/* le bouton reste en bas de la colonne */
.eq-modal-body .council-go{position:sticky;bottom:0;z-index:2;margin:auto -30px 0;padding:16px 30px 18px;flex-direction:column;align-items:stretch;gap:10px;
  background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--bg) 92%,transparent) 28%);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.eq-modal-body .council-go .btn{width:100%;justify-content:center;padding:15px 20px;font-size:15.5px}
.eq-modal-body .council-go + .fineprint,.eq-modal-body .fineprint{font-size:11.5px!important;line-height:1.5;color:var(--ink-3);padding-bottom:20px}
/* colonne des réponses : un fond plus vivant tant qu'elle attend */
.eq-modal-body .council-out{background:radial-gradient(70% 55% at 50% 45%,color-mix(in srgb,var(--lav) 14%,transparent),transparent 75%),color-mix(in srgb,var(--bg) 40%,transparent)}
[data-theme="light"] .eq-modal-body .council-go{background:linear-gradient(180deg,transparent,rgba(255,255,255,.95) 28%)}
@media (max-width:900px){
  .eq-modal-body .council-in{grid-template-columns:1fr;height:auto}
  .eq-modal-body .council-ask{padding:20px 18px 0;overflow:visible}
  .eq-modal-body .council-go{margin:0 -18px;padding:14px 18px 16px}
  .eq-modal-body .voices{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
.eq-modal-body .field textarea{padding-bottom:52px!important}
.eq-modal-body .field textarea{min-height:150px!important;height:150px}

/* ===== communs aux propositions E, F, G ===== */
.eqe .eqt-c,.eqf .eqt-c,.eqg .eqt-c{min-height:0!important;margin-top:0!important;padding:0;box-shadow:none;background:none;border-radius:0;overflow:visible;transform:none}
.eqe,.eqf,.eqg{display:block!important}

/* ===== E : liste éditoriale ===== */
.eqe-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--glass-line)}
.eqt .eqe-r{display:grid!important;grid-template-columns:44px 64px minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.6fr) 120px;align-items:center;gap:22px;padding:14px 8px!important;border-bottom:1px solid var(--glass-line);cursor:default;outline:0;transition:background .3s}
.eqe-r:hover,.eqe-r.on,.eqe-r:focus-visible{background:linear-gradient(90deg,color-mix(in srgb,var(--c) 16%,transparent),transparent 80%)!important}
.eqe-n{font-family:var(--f-mono);font-size:12px;color:var(--ink-3)}
.eqe-h{width:64px;height:64px;border-radius:50%;display:grid;place-items:end center;overflow:hidden;background:color-mix(in srgb,var(--c) 40%,transparent);transition:transform .45s cubic-bezier(.2,1.4,.4,1)}
.eqe-h .t3d{width:60px;translate:0 6%}
.eqe-r.on .eqe-h{transform:scale(1.15) rotate(-4deg)}
.eqe-name{font-size:clamp(24px,2.4vw,36px);font-weight:600;letter-spacing:-.04em;line-height:1.05;transition:translate .4s cubic-bezier(.2,1.2,.4,1),color .3s}
.eqe-name em{display:block;margin-top:6px;font-style:normal;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--c) var(--tint-mix),var(--tint))}
.eqe-r.on .eqe-name{translate:8px 0;color:color-mix(in srgb,var(--c) 55%,var(--ink))}
.eqt .eqe-role{font-size:13.5px!important;color:var(--ink-2)}
.eqt .eqe-q{font-size:14px!important;line-height:1.45;color:var(--ink);opacity:.35;transition:opacity .3s}
.eqe-r.on .eqe-q,.eqe-lead .eqe-q{opacity:1}
.eqe-pet{display:flex;align-items:center;gap:8px;justify-self:end;font-size:12.5px;color:var(--ink-3)}
.eqe-ph{width:34px;height:34px;display:grid;place-items:center}.eqe-ph .t3d{width:34px}
@media (max-width:900px){.eqt .eqe-r{grid-template-columns:52px minmax(0,1fr) auto;gap:6px 14px}.eqe-n{display:none}.eqe-h{width:52px;height:52px;grid-row:span 3}.eqe-q{grid-column:2/-1;opacity:1}.eqe-role{grid-column:2}.eqe-pet{grid-row:1;grid-column:3}}

/* ===== F : bento ===== */
.eqf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(150px,auto);gap:14px}
.eqt .eqf-t{position:relative;display:flex!important;flex-direction:column;gap:6px;padding:20px!important;border-radius:26px!important;overflow:hidden!important;outline:0;
  background:linear-gradient(160deg,color-mix(in srgb,var(--c) 26%,transparent),color-mix(in srgb,var(--c) 6%,transparent))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 25%,transparent)!important;transition:transform .4s cubic-bezier(.2,1.3,.4,1),box-shadow .3s}
.eqf-t:hover,.eqf-t.on{transform:translateY(-4px)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 60%,transparent),0 26px 50px -30px var(--c)!important}
.eqf-marion{grid-column:span 2;grid-row:span 2}
.eqf-solene{grid-row:span 2}.eqf-victor{grid-column:span 2}
.eqf-h{position:absolute;right:-6px;bottom:-10px;width:118px;transition:transform .45s cubic-bezier(.2,1.3,.4,1)}
.eqf-marion .eqf-h{width:230px;right:10px;bottom:-14px}
.eqf-solene .eqf-h{width:150px}
.eqf-t.on .eqf-h{transform:translateY(-8px) rotate(-3deg)}
.eqf-id b{display:block;font-size:20px;letter-spacing:-.03em}.eqf-marion .eqf-id b{font-size:34px}
.eqt .eqf-id small{font-size:12.5px!important;color:var(--ink-2)}
.eqf-k{align-self:flex-start;font-family:var(--f-mono);font-size:10.5px!important;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--c) 35%,transparent);margin-bottom:8px}
.eqt .eqf-x{max-width:28ch;font-size:14px!important;line-height:1.55;color:var(--ink-2)}
.eqt .eqf-q{max-width:62%;margin-top:auto;font-size:13px!important;line-height:1.4;color:var(--ink);opacity:0;translate:0 6px;transition:opacity .3s,translate .3s}
.eqf-t.on .eqf-q,.eqf-marion .eqf-q{opacity:1;translate:0 0}
.eqf-pet{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--pc) 40%,var(--bg))}
.eqf-pet .t3d{width:38px}
.eqt .eqf-pets{grid-column:span 2;--c:var(--sky);flex-direction:row!important;align-items:center;gap:12px}
.eqf-pets b{font-size:18px}.eqt .eqf-pets small{font-size:12.5px!important;color:var(--ink-2);margin-right:auto}
.eqf-pr{display:flex;gap:4px}.eqf-pr > span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--pc) 35%,var(--bg))}.eqf-pr .t3d{width:42px}
@media (max-width:1000px){.eqf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.eqf-victor,.eqf-pets{grid-column:span 2}}
@media (max-width:560px){.eqf-grid{grid-template-columns:1fr}.eqf-t{grid-column:auto!important;grid-row:auto!important;min-height:170px!important}}

/* ===== G : polaroïds en éventail ===== */
.eqg-fan{display:flex;justify-content:center;align-items:flex-start;padding:30px 0 40px}
.eqt .eqg-p{position:relative;flex:none;width:clamp(150px,13vw,190px);margin:0 -14px!important;padding:12px 12px 16px!important;border-radius:6px!important;background:#F6F4EF!important;color:#17171C;outline:0;cursor:default;
  box-shadow:0 18px 40px -18px rgba(0,0,0,.55),0 2px 4px rgba(0,0,0,.15)!important;z-index:var(--zi);transform:translateY(var(--y)) rotate(var(--r))!important;transition:transform .5s cubic-bezier(.2,1.3,.4,1),margin .5s cubic-bezier(.2,1,.3,1)}
.eqg-fan:hover .eqg-p{margin:0 4px!important}
.eqt .eqg-p:hover,.eqt .eqg-p.on{transform:translateY(-22px) rotate(0) scale(1.08)!important;z-index:20}
.eqg-ph{position:relative;display:block;aspect-ratio:1;border-radius:2px;overflow:hidden;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--c) 75%,#fff 10%),color-mix(in srgb,var(--c) 55%,#000 5%))}
.eqg-h{position:absolute;inset:auto 0 -4% 0;display:grid;place-items:end center}.eqg-h .t3d{width:90%}
.eqg-pet{position:absolute;right:4px;bottom:4px;width:38%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.65);backdrop-filter:blur(4px)}.eqg-pet .t3d{width:90%}
.eqg-cap{display:flex;flex-direction:column;align-items:center;margin-top:10px;font-family:"Caveat","Segoe Print","Bradley Hand",cursive}
.eqg-cap b{font-size:22px;font-weight:600;line-height:1}
.eqt .eqg-cap small{font-family:var(--f);font-size:11px!important;color:#6B6B76;margin-top:4px;text-align:center}
.eqg-lead{width:clamp(180px,15vw,220px)!important}
.eqg-lead .eqg-cap b::after{content:" ★";color:#C9A400}
.eqt .eqg-q{position:absolute;left:50%;top:calc(100% + 14px);width:220px;translate:-50% -6px;font-size:13px!important;line-height:1.4;text-align:center;color:var(--ink);opacity:0;transition:opacity .3s,translate .3s;pointer-events:none}
.eqg-p.on .eqg-q{opacity:1;translate:-50% 0}
.eqt .eqg-hint{text-align:center;margin-top:44px;font-family:var(--f-mono);font-size:11px!important;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
@media (max-width:900px){.eqg-fan{flex-wrap:wrap;gap:26px}.eqt .eqg-p{margin:0!important;transform:rotate(var(--r))!important}.eqg-q{display:none}}
/* corrections E, F, G */
.eqt .eqe-r{border-radius:0!important;background:none!important;box-shadow:none!important;min-height:0!important}
.eqt .eqe-r:hover,.eqt .eqe-r.on{background:linear-gradient(90deg,color-mix(in srgb,var(--c) 16%,transparent),transparent 80%)!important}
.eqt .eqf-pets{grid-column:1/-1!important}
.eqt .eqg-ph{width:100%!important;height:auto!important}
.eqt .eqg-p{display:block!important;align-items:initial!important}
.eqg-cap{width:100%}

/* ===== H : l'éventail en badges d'accès (version tech des polaroïds) ===== */
.eqt .eqh-b{padding:10px 10px 12px!important;border-radius:16px!important;color:var(--ink);
  background:linear-gradient(165deg,color-mix(in srgb,var(--c) 14%,#16171E),#0D0E13 70%)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 35%,rgba(255,255,255,.08)),0 24px 50px -22px rgba(0,0,0,.8)!important;overflow:hidden!important}
.eqh-b::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;
  background:linear-gradient(115deg,transparent 30%,rgba(155,232,212,.18) 42%,rgba(187,168,248,.22) 50%,rgba(226,243,142,.16) 58%,transparent 70%);background-size:250% 100%;animation:eqhHolo 3s linear infinite}
.eqh-b.on::after{opacity:1}
@keyframes eqhHolo{from{background-position:120% 0}to{background-position:-120% 0}}
.eqh-top{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-family:var(--f-mono)}
.eqh-hole{width:22px;height:5px;border-radius:3px;background:rgba(255,255,255,.12);box-shadow:inset 0 1px 2px rgba(0,0,0,.6)}
.eqh-top code{font-size:10px;color:var(--ink-3);letter-spacing:.06em}
.eqh-top em{margin-left:auto;font-style:normal;font-size:9px;letter-spacing:.12em;padding:2px 6px;border-radius:5px;color:color-mix(in srgb,var(--mint) 85%,#fff);background:color-mix(in srgb,var(--mint) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mint) 35%,transparent)}
.eqg-lead .eqh-top em{color:color-mix(in srgb,var(--c) 80%,#fff);background:color-mix(in srgb,var(--c) 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 45%,transparent)}
.eqt .eqh-ph{border-radius:10px!important;background:
  linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px) 0 0/14px 14px,linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px) 0 0/14px 14px,
  radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--c) 75%,#fff 5%),color-mix(in srgb,var(--c) 30%,#0D0E13) 80%)!important}
.eqh-ph::before,.eqh-ph::after{content:"";position:absolute;width:12px;height:12px;border:1.5px solid rgba(255,255,255,.55);z-index:2}
.eqh-ph::before{top:6px;left:6px;border-right:0;border-bottom:0}.eqh-ph::after{bottom:6px;right:6px;border-left:0;border-top:0}
.eqh-scan{position:absolute;left:0;right:0;top:0;height:30%;z-index:2;pointer-events:none;opacity:0;
  background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--c) 55%,transparent) 85%,#fff 100%);mix-blend-mode:screen}
.eqh-b.on .eqh-scan{opacity:.8;animation:eqhScan 1.4s ease-in-out infinite}
@keyframes eqhScan{from{transform:translateY(-100%)}to{transform:translateY(340%)}}
.eqh-b .eqg-pet{background:rgba(13,14,19,.65)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 50%,transparent)}
.eqh-cap{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-top:10px;padding:0 2px}
.eqh-cap b{font-size:19px;letter-spacing:-.03em;line-height:1.1}
.eqh-cap code{font-family:var(--f-mono);font-size:10px;letter-spacing:.08em;color:color-mix(in srgb,var(--c) 75%,#fff)}
.eqh-bar{display:flex;gap:2px;height:16px;margin:10px 2px 0;opacity:.45}
.eqh-bar i{display:block;height:100%;background:var(--ink)}
.eqh-b .eqg-q{color:var(--ink)}
.eqh-dot{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint);vertical-align:1px;animation:eqcBlink 2s ease-in-out infinite}
[data-theme="light"] .eqt .eqh-b{background:linear-gradient(165deg,color-mix(in srgb,var(--c) 28%,#fff),#fff 70%)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 50%,rgba(0,0,0,.08)),0 24px 50px -26px rgba(40,30,80,.35)!important}
[data-theme="light"] .eqh-hole{background:rgba(0,0,0,.1)}
[data-theme="light"] .eqh-cap code{color:color-mix(in srgb,var(--c) 45%,#000)}
@media (prefers-reduced-motion:reduce){.eqh-b::after,.eqh-scan,.eqh-dot{animation:none}}
.eqt .eqh-b{overflow:visible!important}
[data-theme="light"] .eqt .eqh-ph{background:
  linear-gradient(rgba(0,0,0,.06) 1px,transparent 1px) 0 0/14px 14px,linear-gradient(90deg,rgba(0,0,0,.06) 1px,transparent 1px) 0 0/14px 14px,
  radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--c) 70%,#fff 25%),color-mix(in srgb,var(--c) 75%,#fff 5%) 85%)!important}
[data-theme="light"] .eqh-top em{color:color-mix(in srgb,var(--mint) 40%,#0E5F4F);background:color-mix(in srgb,var(--mint) 35%,transparent)}
[data-theme="light"] .eqg-lead .eqh-top em{color:color-mix(in srgb,var(--c) 45%,#2A1A6E)}
[data-theme="light"] .eqh-b .eqg-pet{background:rgba(255,255,255,.7)!important}
/* phrase au survol : bulle opaque à la largeur du badge, au-dessus des voisins */
.eqt .eqg-p.on{z-index:30!important}
.eqt .eqg-q{top:calc(100% + 10px)!important;width:calc(100% + 24px)!important;max-width:240px;padding:10px 12px;border-radius:12px;font-size:12.5px!important;line-height:1.4!important;
  background:color-mix(in srgb,var(--c) 18%,#14151B);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 45%,transparent),0 16px 30px -14px rgba(0,0,0,.7);z-index:5}
[data-theme="light"] .eqt .eqg-q{background:color-mix(in srgb,var(--c) 22%,#fff);color:#17171C}
.eqt .eqg-p:not(.eqh-b) .eqg-q{background:#F6F4EF;color:#17171C}
/* l'éventail tient toujours dans la largeur */
@media (min-width:901px){
  .eqt .eqg-fan .eqg-p{width:min(190px,calc((100vw / var(--z,1) - 2 * var(--side,24px) + 6 * 18px) / 8.4))!important;margin:0 -9px!important}
  .eqt .eqg-fan .eqg-lead{width:min(220px,calc((100vw / var(--z,1) - 2 * var(--side,24px) + 6 * 18px) / 7.4))!important}
  .eqg-fan:hover .eqg-p{margin:0 2px!important}
}
.eqh-top code{white-space:nowrap}@media (max-width:1200px){.eqh-hole{display:none}.eqh-top em{font-size:8px;padding:2px 4px}}
/* badges : tous pareils, compagnon en bas à droite de la carte */
.eqt .eqh-b .eqh-pet{position:absolute!important;right:10px!important;bottom:10px!important;left:auto!important;top:auto!important;width:46px!important;height:46px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;
  background:color-mix(in srgb,var(--c) 30%,#0D0E13)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 55%,transparent),0 6px 14px -6px rgba(0,0,0,.6)!important}
.eqh-pet .t3d{width:42px}
[data-theme="light"] .eqt .eqh-b .eqh-pet{background:color-mix(in srgb,var(--c) 40%,#fff)!important}
.eqh-bar{max-width:calc(100% - 56px)}
/* Technologie : la ligne passe sous les pastilles (pastilles opaques, au-dessus du trait) */
.tk-steps::before,.tk-steps::after{z-index:0}
.tk-steps li{z-index:1;opacity:1!important}
.tk-steps li > div{opacity:.45;transition:opacity .4s}
.tk-steps li.on > div,.tk-steps li:hover > div{opacity:1}
.tk-steps li:not(.on):not(.done) .tk-n{color:color-mix(in srgb,var(--ink-2) 55%,var(--bg));background:var(--bg)}

/* ===== Carte de présentation au survol d'un badge ===== */
.eqh-fan{position:relative}
.eqh-fan .eqg-q{display:none!important}
.eqh-pop{position:absolute;z-index:40;width:360px;padding:18px 18px 16px;border-radius:22px;color:var(--ink);pointer-events:auto;
  background:radial-gradient(120% 70% at 50% 0%,color-mix(in srgb,var(--c) 22%,transparent),transparent 70%),color-mix(in srgb,var(--bg) 88%,#1C1C26);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 40%,var(--glass-border)),0 30px 60px -24px rgba(0,0,0,.75);
  opacity:0;visibility:hidden;translate:0 8px;transition:opacity .25s,translate .3s cubic-bezier(.2,1,.3,1),visibility 0s .25s,left .25s cubic-bezier(.2,1,.3,1)}
.eqh-pop.on{opacity:1;visibility:visible;translate:0 0;transition:opacity .25s,translate .3s cubic-bezier(.2,1,.3,1),visibility 0s,left .25s cubic-bezier(.2,1,.3,1)}
.eqh-pop::before{content:"";position:absolute;top:-7px;left:calc(var(--ax,50%) - 7px);width:14px;height:14px;rotate:45deg;background:inherit;box-shadow:-1px -1px 0 color-mix(in srgb,var(--c) 40%,var(--glass-border));border-radius:3px 0 0 0}
.eqp-h{display:flex;align-items:center;gap:12px}
.eqp-av{width:56px;height:56px;flex:none;border-radius:16px;display:grid;place-items:end center;overflow:hidden;background:color-mix(in srgb,var(--c) 55%,transparent)}
.eqp-av .t3d{width:52px;translate:0 6%}
.eqp-h b{display:block;font-size:18px;letter-spacing:-.02em}
.eqt .eqp-h small{display:block;font-size:12.5px!important;color:var(--ink-2);line-height:1.35}
.eqt .eqp-x{margin-top:12px;font-size:13.5px!important;line-height:1.55;color:var(--ink-2)}
.eqt .eqp-q{margin-top:10px;padding:9px 12px;border-radius:12px;font-size:13.5px!important;font-weight:500;background:color-mix(in srgb,var(--c) 16%,transparent);color:var(--ink)}
.eqp-pet{display:flex;align-items:center;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid var(--glass-line)}
.eqp-ph{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--pc) 40%,transparent)}.eqp-ph .t3d{width:34px}
.eqt .eqp-pet b{font-size:13px}.eqt .eqp-pet small{display:block;font-size:12px!important;color:var(--ink-3);line-height:1.4}
[data-theme="light"] .eqh-pop{background:radial-gradient(120% 70% at 50% 0%,color-mix(in srgb,var(--c) 30%,transparent),transparent 70%),rgba(255,255,255,.95)}

/* ===== Fenêtre de présentation d'une personne (clic sur un badge) ===== */
.eqh-pop{display:none!important}
.eqh-b{cursor:pointer!important}
html.eqm-lock{overflow:hidden}
.eqm{position:fixed;inset:0;z-index:320;display:grid;place-items:center;padding:24px}
.eqm[hidden]{display:none}
.eqm-bg{position:absolute;inset:0;background:color-mix(in srgb,var(--bg) 70%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;transition:opacity .3s}
.eqm.in .eqm-bg{opacity:1}
.eqm-box{position:relative;width:min(460px,100%);max-height:calc(100dvh - 48px);overflow:auto;border-radius:30px;padding:0 0 26px;color:var(--ink);
  background:color-mix(in srgb,var(--bg) 90%,#1C1C26);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 40%,var(--glass-border)),0 40px 100px -30px rgba(0,0,0,.8);
  opacity:0;translate:0 24px;scale:.96;transition:opacity .3s,translate .45s cubic-bezier(.2,1,.3,1),scale .45s cubic-bezier(.2,1,.3,1)}
.eqm.in .eqm-box{opacity:1;translate:0 0;scale:1}
.eqm-hero{height:190px;display:grid;place-items:end center;overflow:hidden;border-radius:30px 30px 0 0;
  background:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0/16px 16px,linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px) 0 0/16px 16px,
  radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--c) 80%,#fff 8%),color-mix(in srgb,var(--c) 35%,var(--bg)) 85%)}
.eqm-av{width:170px;translate:0 8%}.eqm-av .t3d{width:100%}
.eqm-c > *:not(.eqm-hero){margin-inline:28px}
.eqm-k{margin-top:20px;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--c) var(--tint-mix),var(--tint))}
.eqm-n{font-size:28px;letter-spacing:-.035em;margin-top:6px;line-height:1.1}
.eqm-r{margin-top:4px;font-size:14px;color:var(--ink-2)}
.eqm-x2{margin-top:16px;font-size:15px;line-height:1.6;color:var(--ink-2)}
.eqm-q{margin-top:16px;padding:12px 16px;border-radius:14px;font-size:15px;font-weight:500;background:color-mix(in srgb,var(--c) 16%,transparent)}
.eqm-pet{display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--glass-line)}
.eqm-ph{width:52px;height:52px;flex:none;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--pc) 40%,transparent)}.eqm-ph .t3d{width:48px}
.eqm-pet b{display:block;font-size:15px}.eqm-pet small{display:block;font-size:12.5px;color:var(--ink-3)}.eqm-pet em{display:block;font-style:normal;font-size:13px;color:var(--ink-2);margin-top:2px}
.eqm-x{position:absolute;top:14px;right:14px;z-index:2;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:22px;line-height:1;color:#fff;background:rgba(10,10,16,.35);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.eqm-nav{position:absolute;top:150px;z-index:2;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:16px;color:#fff;background:rgba(10,10,16,.35);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);transition:background .2s}
.eqm-nav:hover,.eqm-x:hover{background:rgba(10,10,16,.6)}
.eqm-prev{left:14px}.eqm-next{right:14px}
[data-theme="light"] .eqm-box{background:#fff}
@media (max-width:600px){.eqm{padding:0;place-items:end stretch}.eqm-box{border-radius:26px 26px 0 0;width:100%}}

/* ===== Badges : rien au survol, tout au clic ===== */
.eqh-fan:hover .eqg-p{margin:0 -9px!important}
.eqt .eqh-b:hover{transform:translateY(var(--y)) rotate(var(--r))!important}
.eqt .eqh-b:active{scale:.97}
.eqh-b:focus-visible{outline:2px solid var(--accent);outline-offset:4px}

/* ===== Fenêtre du Conseil : plus lisible, plus ludique ===== */
.eq-modal-body .council-in{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
/* qui répond : cartes lisibles, 2 colonnes, rôle complet */
.eq-modal-body .voices{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
.eq-modal-body .voice{position:relative;padding:10px 12px!important;gap:12px!important;border-radius:16px!important;transition:transform .25s,box-shadow .25s,background .25s}
.eq-modal-body .voice .avatar{--s:42px!important}
.eq-modal-body .voice b{font-size:15px!important}
.eq-modal-body .voice small{white-space:normal!important;overflow:visible!important;font-size:12.5px!important;line-height:1.3}
.eq-modal-body .voice:hover{transform:translateY(-2px)}
.eq-modal-body .voice[aria-pressed="true"]{background:color-mix(in srgb,var(--c) 16%,transparent)!important;box-shadow:inset 0 0 0 1.5px var(--c)!important}
.eq-modal-body .voice[aria-pressed="true"]::after{content:"✓";position:absolute;top:8px;right:10px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:#0A0A10;background:var(--c)}
.eq-modal-body .voice.all{padding:12px!important;border-style:dashed!important}
/* le ton : trois grosses pastilles avec picto */
.eq-modal-body .tone{gap:8px;padding:0;background:none;border:0}
.eq-modal-body .tone button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px!important;border-radius:16px!important;font-size:13.5px!important;background:var(--glass-in);box-shadow:inset 0 0 0 1px var(--glass-line);transition:transform .25s,box-shadow .25s}
.eq-modal-body .tone button i{font-style:normal;font-size:24px;line-height:1;transition:transform .35s cubic-bezier(.2,1.6,.4,1)}
.eq-modal-body .tone button i svg{width:1em;height:1em;display:block}
.eq-modal-body .tone button[aria-pressed="true"] i{color:var(--accent)}
.eq-modal-body .tone button:hover i{transform:scale(1.2) rotate(-8deg)}
.eq-modal-body .tone button[aria-pressed="true"]{color:var(--ink)!important;background:color-mix(in srgb,var(--accent) 16%,transparent)!important;box-shadow:inset 0 0 0 1.5px var(--accent)}
/* bouton de lancement */
.eq-modal-body .council-go .btn{font-size:16px!important;padding:16px 20px!important}
.eq-modal-body .council-go .btn:disabled{opacity:.5}
/* mode discussion */
.eq-back{display:none;margin-top:8px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:500;color:var(--ink-2);background:var(--glass-in);box-shadow:inset 0 0 0 1px var(--glass-border)}
.eq-back:hover{color:var(--ink)}
.eq-modal-box.talk .eq-back{display:inline-flex}
.eq-recap{display:none}
.eq-modal-box.talk .council-in{grid-template-columns:1fr!important;height:min(680px,calc(100dvh - 190px))}
.eq-modal-box.talk .council-ask{display:none!important}
.eq-modal-box.talk .council-in{display:flex!important;flex-direction:column}
.eq-modal-box.talk .eq-recap{display:block;padding:18px 28px 16px;border-bottom:1px solid var(--glass-line);background:color-mix(in srgb,var(--lav) 8%,transparent)}
.eq-rk{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.eq-recap p{margin-top:6px;font-size:15px;line-height:1.5;color:var(--ink);font-style:italic}
.eq-rw{display:block;margin-top:6px;font-size:12.5px;color:var(--ink-3)}
.eq-modal-box.talk .council-out{flex:1;contain:none!important;padding:24px 28px!important}
.eq-modal-box.talk .council-out .answer{max-width:760px;margin-inline:auto;width:100%}
.eq-modal-body .council-out .answer p,.eq-modal-body .council-out .answer .txt{font-size:15.5px;line-height:1.65}
.eqm-petw{margin-top:18px;padding-top:16px;border-top:1px solid var(--glass-line)}
.eqm-petw .eqm-pet{margin-top:10px;padding-top:0;border-top:0}
.eqm-pk{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--c) var(--tint-mix),var(--tint))}
.eqm-pn{margin-top:12px;font-size:12.5px;line-height:1.5;color:var(--ink-3)}
.eqm-pn a{color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}

/* ===== Fenêtre de présentation : animations ===== */
@media (prefers-reduced-motion:no-preference){
  .eqm-hero{position:relative;background-size:16px 16px,16px 16px,100% 100%;animation:eqmGrid 14s linear infinite}
  @keyframes eqmGrid{to{background-position:0 160px,160px 0,0 0}}
  .eqm-hero::before{content:"";position:absolute;left:50%;top:55%;width:240px;aspect-ratio:1;border-radius:50%;translate:-50% -50%;pointer-events:none;
    background:radial-gradient(circle,color-mix(in srgb,#fff 45%,var(--c)) 0,transparent 65%);opacity:.5;animation:eqmGlow 3.2s ease-in-out infinite}
  @keyframes eqmGlow{50%{opacity:.85;scale:1.15}}
  .eqm-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0,rgba(255,255,255,.22) 50%,transparent 52%);background-size:100% 220%;animation:eqmScan 3.6s ease-in-out infinite;mix-blend-mode:soft-light}
  @keyframes eqmScan{0%{background-position:0 120%}60%,100%{background-position:0 -120%}}
  .eqm-av{position:relative;z-index:1}
  .eqm-c.anim .eqm-av{animation:eqmPop .7s cubic-bezier(.2,1.5,.4,1) both}
  @keyframes eqmPop{from{opacity:0;translate:0 40%;scale:.7}}
  .eqm-c.anim[data-dir="1"] .eqm-av{animation-name:eqmFromR}.eqm-c.anim[data-dir="-1"] .eqm-av{animation-name:eqmFromL}
  @keyframes eqmFromR{from{opacity:0;translate:60px 8%;rotate:8deg}}
  @keyframes eqmFromL{from{opacity:0;translate:-60px 8%;rotate:-8deg}}
  .eqm-c.anim > *:not(.eqm-hero){animation:eqmUp .55s cubic-bezier(.2,1,.3,1) both}
  .eqm-c.anim > .eqm-k{animation-delay:.12s}.eqm-c.anim > .eqm-n{animation-delay:.18s}.eqm-c.anim > .eqm-r{animation-delay:.24s}
  .eqm-c.anim > .eqm-x2{animation-delay:.32s}.eqm-c.anim > .eqm-q{animation-delay:.42s}.eqm-c.anim > .eqm-petw{animation-delay:.55s}
  @keyframes eqmUp{from{opacity:0;translate:0 14px;filter:blur(4px)}}
  .eqm-c.anim .eqm-q{position:relative;overflow:hidden}
  .eqm-c.anim .eqm-q::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);background-size:250% 100%;animation:eqmShine 1.2s .9s ease-out both}
  @keyframes eqmShine{from{background-position:130% 0}to{background-position:-130% 0}}
  .eqm-ph{transition:transform .4s cubic-bezier(.2,1.5,.4,1)}
  .eqm-pet:hover .eqm-ph{transform:rotate(-8deg) scale(1.12)}
  .eqm-nav{transition:background .2s,transform .25s cubic-bezier(.2,1.5,.4,1)}
  .eqm-nav:hover{transform:scale(1.12)}.eqm-prev:active{transform:translateX(-3px)}.eqm-next:active{transform:translateX(3px)}
  .eqm-x{transition:background .2s,transform .3s cubic-bezier(.2,1.5,.4,1)}.eqm-x:hover{transform:rotate(90deg)}
  .eqm-box{transition:opacity .3s,translate .5s cubic-bezier(.2,1.3,.3,1),scale .5s cubic-bezier(.2,1.3,.3,1),box-shadow .5s}
  .eqm.in .eqm-box{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 45%,var(--glass-border)),0 40px 100px -30px rgba(0,0,0,.8),0 0 80px -30px var(--c)}
}

/* ===== Conseil : parcours guidé, une question à la fois ===== */
.eq-modal-box.wiz{width:min(760px,100%)!important}
.eq-modal-box.wiz .eq-modal-faces{display:flex}
.eq-modal-box.wiz:not(.talk) .council-in{display:block!important;height:auto!important;max-height:calc(100dvh - 200px)}
.eq-modal-box.wiz:not(.talk) .council-out{display:none!important}
.eq-modal-box.wiz .council-ask{border:0!important;padding:26px 36px 0!important;gap:20px!important;max-height:calc(100dvh - 200px);overflow:auto}
.eq-modal-box.wiz .council-ask > [data-st]{display:none!important}
.eq-modal-box.wiz .council-ask[data-step="0"] > [data-st="0"],.eq-modal-box.wiz .council-ask[data-step="1"] > [data-st="1"],.eq-modal-box.wiz .council-ask[data-step="2"] > [data-st="2"]{display:flex!important}
.eq-modal-box.wiz .council-ask .label{display:none!important}
.eq-modal-box.wiz .council-go{display:none!important}
.eq-modal-box.wiz .fineprint{order:99}
/* progression */
.eqw-prog{display:flex;gap:8px;margin-bottom:22px}
.eqw-prog button{flex:1;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;font-size:13px;font-weight:500;color:var(--ink-3);background:var(--glass-in);box-shadow:inset 0 0 0 1px var(--glass-line);transition:background .3s,color .3s,box-shadow .3s}
.eqw-prog button i{width:22px;height:22px;flex:none;border-radius:50%;display:grid;place-items:center;font-style:normal;font-family:var(--f-mono);font-size:11px;background:var(--glass-2);color:var(--ink-2)}
.eqw-prog button.on{color:var(--ink);background:color-mix(in srgb,var(--accent) 14%,transparent);box-shadow:inset 0 0 0 1.5px var(--accent)}
.eqw-prog button.on i,.eqw-prog button.done i{background:var(--accent);color:var(--accent-ink)}
.eqw-prog button.done{color:var(--ink-2)}
.eqw-prog button.done i{font-size:0}.eqw-prog button.done i::before{content:"✓";font-size:12px}
.eqw-prog button:disabled{opacity:.5;cursor:default}
.eqw-t{font-size:clamp(26px,3vw,34px)!important;letter-spacing:-.035em;line-height:1.1}
.eqw-d{margin-top:8px;font-size:15.5px;line-height:1.55;color:var(--ink-2)}
/* étape 1 */
.eq-modal-box.wiz .field textarea{min-height:170px!important;font-size:17px!important;line-height:1.55}
.eq-modal-box.wiz .examples::before{font-size:13.5px!important}
.eq-modal-box.wiz .examples button{font-size:14px!important;padding:9px 15px!important}
/* étape 2 : grandes cartes à cocher */
.eq-modal-box.wiz .voices{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.eq-modal-box.wiz .voice{flex-direction:column!important;align-items:center!important;text-align:center;padding:16px 10px 14px!important;gap:8px!important}
.eq-modal-box.wiz .voice .avatar{--s:64px!important}
.eq-modal-box.wiz .voice b{font-size:16px!important}
.eq-modal-box.wiz .voice small{font-size:12.5px!important}
.eq-modal-box.wiz .voice.all{grid-column:1/-1;flex-direction:row!important;justify-content:center}
/* étape 3 : trois grandes cartes */
.eq-modal-box.wiz .tone{display:grid!important;grid-template-columns:repeat(3,1fr);gap:12px!important}
.eq-modal-box.wiz .tone button{padding:26px 10px!important;font-size:16px!important;font-weight:600!important}
.eq-modal-box.wiz .tone button i{font-size:40px!important}
/* navigation */
.eqw-hint{font-size:13.5px;color:var(--ink-3);min-height:20px}
.eqw-nav{position:sticky;bottom:0;display:flex;justify-content:space-between;gap:12px;margin:0 -36px;padding:16px 36px 22px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--bg) 95%,transparent) 30%)}
.eqw-nav .btn{padding:14px 26px!important;font-size:15.5px!important}
.eqw-nav .eqw-next:disabled,.eqw-nav [data-go]:disabled{opacity:.4;cursor:not-allowed}
.eqw-nav [data-go]{flex:1;max-width:340px;justify-content:center}
[data-theme="light"] .eqw-nav{background:linear-gradient(180deg,transparent,rgba(255,255,255,.96) 30%)}
/* transition entre étapes */
@media (prefers-reduced-motion:no-preference){
  .council-ask.anim > .eqw-head .eqw-t,.council-ask.anim > .eqw-head .eqw-d,.council-ask.anim > [data-st]{animation:eqwIn .45s cubic-bezier(.2,1,.3,1) both}
  .council-ask.anim > .eqw-head .eqw-d{animation-delay:.05s}.council-ask.anim > [data-st]{animation-delay:.1s}
  .council-ask.anim .voice{animation:eqwPop .45s cubic-bezier(.2,1.4,.4,1) both}
  .council-ask.anim .voice:nth-child(2){animation-delay:.04s}.council-ask.anim .voice:nth-child(3){animation-delay:.08s}.council-ask.anim .voice:nth-child(4){animation-delay:.12s}.council-ask.anim .voice:nth-child(5){animation-delay:.16s}.council-ask.anim .voice:nth-child(6){animation-delay:.2s}.council-ask.anim .voice:nth-child(7){animation-delay:.24s}.council-ask.anim .voice:nth-child(8){animation-delay:.28s}
}
@keyframes eqwIn{from{opacity:0;translate:0 12px}}
@keyframes eqwPop{from{opacity:0;scale:.9}}
@media (max-width:640px){.eq-modal-box.wiz .council-ask{padding:20px 18px 0!important}.eqw-nav{margin:0 -18px;padding:14px 18px 18px}.eq-modal-box.wiz .voices{grid-template-columns:repeat(2,minmax(0,1fr))!important}.eqw-prog span{display:none}.eqw-prog button{justify-content:center}}
.eqw-nav{flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important}
.eqw-nav [hidden]{display:none!important}
.eqw-nav .btn{width:auto!important;flex:none!important;margin:0!important}
.eqw-nav .eqw-next,.eqw-nav [data-go]{margin-left:auto!important;min-width:220px;justify-content:center}
.eq-modal-box.wiz{width:min(840px,100%)!important}
.eq-modal-box.wiz .eq-modal-faces .avatar{--s:34px}
.eq-modal-box.wiz .voices{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.eq-modal-box.wiz .voice{padding:12px 8px 10px!important;gap:6px!important}
.eq-modal-box.wiz .voice .avatar{--s:52px!important}
.eq-modal-box.wiz .voice small{font-size:11.5px!important}
@media (max-width:640px){.eq-modal-box.wiz .voices{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* mode discussion : en-tête réduit, les réponses gardent la place */
.eq-modal-box.talk .eq-modal-head{padding:12px 18px 12px 22px;gap:14px;transition:padding .3s}
.eq-modal-box.talk .eq-modal-faces .avatar{--s:26px;margin-left:-7px;outline-width:2px}
.eq-modal-box.talk .eq-modal-head .eq-label{display:none}
.eq-modal-box.talk .eq-modal-head > div:nth-child(2){display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.eq-modal-box.talk .eq-modal-head .eq-ask-t{font-size:17px!important;letter-spacing:-.02em}
.eq-modal-box.talk .eq-back{margin-top:0;padding:4px 10px;font-size:12.5px}
.eq-modal-box.talk .eq-modal-x{width:32px;height:32px;font-size:20px}
.eq-modal-box.talk .eq-recap{padding:12px 28px 10px}
.eq-modal-box.talk .eq-recap p{margin-top:4px;font-size:14px}
.eq-modal-box.talk .eq-rw{margin-top:4px}
/* compagnons en bulle de verre (badges et fenêtre) */
.eqt .eqh-b .eqh-pet,.eqm-ph,.eqp-ph{background:linear-gradient(150deg,rgba(255,255,255,.28),rgba(255,255,255,.06) 55%,color-mix(in srgb,var(--pc,var(--c)) 22%,transparent))!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.6);backdrop-filter:blur(10px) saturate(1.6);position:relative;overflow:hidden;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.55),inset 0 -6px 12px -6px color-mix(in srgb,var(--pc,var(--c)) 60%,transparent),inset 0 0 0 1px rgba(255,255,255,.28),0 10px 22px -10px rgba(0,0,0,.55)!important}
.eqt .eqh-b .eqh-pet::after,.eqm-ph::after{content:"";position:absolute;left:16%;top:8%;width:42%;height:22%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.6),transparent);pointer-events:none}

/* Joues roses discrètes pour tout le monde, en permanence (un peu plus marquées quand l'avatar sourit) */
.t3d .tm-cheeks{opacity:.5!important}
.t3d[data-mood="content"] .tm-cheeks,.t3d[data-mood="ravi"] .tm-cheeks{opacity:.7!important}
/* fenêtre « Que dirait l'équipe » plus haute : presque toute la hauteur de l'écran, surtout pendant les réponses */
@media (min-width:761px){
  .eq-modal{padding:14px clamp(12px,3vw,40px)!important}
  .eq-modal-box{max-height:calc(100dvh - 28px)!important}
  .eq-modal-box.talk{height:calc(100dvh - 28px)!important}
}