/* Accueil (refonte 2026-10-13). Thème noir et blanc, sections .W/.D/.G, carte Agent Fahria. */
/* Maquettes d'accueil (4 modèles noir et blanc). Pages d'essai, non publiées. */
.mq .hx{background:#fff;margin:0 calc(var(--pad) * -1);padding:0 0 clamp(48px,6vw,96px)}
.mq .hx>section:not(.final){margin:0;padding:clamp(88px,10vw,150px) var(--pad)}
.mq .hx .final{margin:clamp(48px,6vw,96px) var(--pad) 0}
.mq .D{--bg:#0b0c0e;--fg:#fff;--fg2:rgba(255,255,255,.64);--fg3:rgba(255,255,255,.45);--ln:rgba(255,255,255,.18);--card:#16171a;background:var(--bg);color:var(--fg)}
.mq .W{--bg:#fff;--fg:#111;--fg2:#5d5d5a;--fg3:#9a9a96;--ln:rgba(0,0,0,.12);--card:#f4f4f2;background:var(--bg);color:var(--fg)}
.mq .G{--bg:#f4f4f2;--fg:#111;--fg2:#5d5d5a;--fg3:#9a9a96;--ln:rgba(0,0,0,.12);--card:#fff;background:var(--bg);color:var(--fg)}
.mq .hx-lab{color:var(--fg3)}
.mq .hx-big,.mq .hx-h2,.mq .hx-row b,.mq .hx-pj b,.mq .hx-steps b{color:var(--fg)}
.mq .hx-big span,.mq .hx-h2 span{color:var(--fg3)}
.mq .hx-facts div,.mq .hx-steps li{border-top-color:var(--ln)}
.mq .hx-facts span{color:var(--fg2)}
.mq .hx-facts b span{color:inherit}
.mq .hx-link{color:var(--fg);border-bottom-color:var(--ln)}
.mq .hx-link:hover{border-bottom-color:var(--fg)}
.mq .hx-n{color:var(--fg3)}
.mq .hx-rows,.mq .hx-row{border-color:var(--ln)}
.mq .hx-row p,.mq .hx-pj p,.mq .hx-steps p{color:var(--fg2)}
.mq .hx-go{color:var(--fg3)}
.mq .hx-pj-img{background:var(--card)}
.mq .faq .badge{color:var(--fg3)}
.mq .faq .h2{color:var(--fg)}
.mq .faq .h2 .grey{color:var(--fg3)}
.mq .faq-l{border-top-color:var(--fg2)}
.mq .faq-l li{border-bottom-color:var(--ln)}
.mq .faq-q{color:var(--fg)}
.mq .faq-q i{color:var(--fg3)}
.mq .faq-a p{color:var(--fg2)}
.mq .hx .faq{padding-top:clamp(88px,10vw,150px)}

/* Modèle 2, éditorial blanc : très grand texte, projets en grand format */
.m2 #agence .hx-big{font-size:clamp(32px,4.4vw,66px);max-width:1200px}
.m2 .hx-pjs{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}
.m2 .hx-pj-img{aspect-ratio:16/10}
.m2 .hx-pj b{font-size:26px}

/* Modèle 3, contrasté : agence en deux colonnes, expertises en cartes */
@media (min-width:981px){
  .m3 #agence{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);column-gap:clamp(48px,6vw,96px);align-items:end}
  .m3 #agence .hx-lab{grid-column:1/-1}
  .m3 #agence .hx-facts{grid-template-columns:1fr;margin-top:0;gap:24px}
}
.m3 .hx-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border:0}
.m3 .hx-row{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:28px;border:0;border-radius:3px;background:var(--card);min-height:240px}
.m3 .hx-row .hx-go{margin-top:auto;justify-self:auto}
.m3 .hx-row:hover{padding-left:28px;background:#111;color:#fff}
.m3 .hx-row:hover b{color:#fff}
.m3 .hx-row:hover p{color:rgba(255,255,255,.7)}

/* Modèle 4, bandes : chiffres dans une bande noire, grandes étapes */
.m4 #agence .hx-facts{background:#0b0c0e;margin:clamp(56px,7vw,96px) calc(var(--pad) * -1) 0;padding:clamp(40px,5vw,64px) var(--pad);gap:32px}
.m4 #agence .hx-facts div{border-top-color:rgba(255,255,255,.22)}
.m4 #agence .hx-facts b{color:#fff}
.m4 #agence .hx-facts span{color:rgba(255,255,255,.62)}
.m4 #agence .hx-facts b span{color:#fff}
.m4 #agence{padding-bottom:0!important}
.m4 .hx-steps .hx-n{font-family:"Geist","Inter Tight",sans-serif;font-size:clamp(44px,4.4vw,64px);font-weight:300;letter-spacing:-.04em;line-height:1;color:var(--fg)}
.m4 .hx-steps li{border-top:0;padding-top:0}
.m4 .hx-pjs .hx-pj-img{aspect-ratio:3/4}

@media (max-width:980px){.m3 .hx-rows{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.m2 .hx-pjs,.m3 .hx-rows{grid-template-columns:1fr}.m3 .hx-row{min-height:0}}


/* Témoignages dans les modèles */
.mq #temoignages .tvs{margin-top:0}

/* Nouveau pied de page */
.fx{padding-top:clamp(72px,9vw,128px);padding-bottom:28px;font-family:"Geist","Inter Tight",sans-serif}
.fx-top{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;padding-bottom:clamp(56px,7vw,96px);border-bottom:1px solid var(--ln)}
.fx-h{margin:0;font-size:clamp(28px,3.2vw,48px);font-weight:300;letter-spacing:-.025em;line-height:1.1;max-width:720px;color:var(--fg)}
.fx-h span{color:var(--fg3)}
.fx-top .hp-cta{margin-top:0}
.fx-g{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));gap:32px;padding-top:clamp(48px,6vw,72px)}
.fx-brand .logo{color:var(--fg)}
.fx.D .fx-brand .logo .mark rect{fill:#fff}
.fx.D .fx-brand .logo .mark path{fill:#111}
.fx-brand p{margin:16px 0 0;font-size:14px;line-height:1.55;color:var(--fg2);max-width:300px}
.fx-mail{display:inline-block;margin-top:18px;font-size:14px;color:var(--fg);border-bottom:1px solid var(--ln);padding-bottom:3px}
.fx-t{margin:0 0 16px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--fg3)}
.fx ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:14px}
.fx ul a{color:var(--fg);transition:opacity .2s}
.fx ul a:hover{opacity:.6}
.fx .soc{display:inline-flex;align-items:center;gap:8px}
.fx .soc svg{width:15px;height:15px}
.fx-mark{margin-top:clamp(56px,7vw,96px);color:var(--fg);opacity:.08}
.fx.W .fx-mark{opacity:1}
.fx-b{margin-top:clamp(32px,4vw,48px);padding-top:20px;border-top:1px solid var(--ln);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:12.5px;color:var(--fg2)}
.fx-legal{display:flex;gap:20px}
.fx-legal a{color:var(--fg2)}
.fx-legal a:hover{color:var(--fg)}
.fx .langs{gap:16px}
.fx .langs a{color:var(--fg3)}
.fx .langs a[aria-current]{color:var(--fg);box-shadow:inset 0 -1px 0 var(--fg)}
@media (max-width:980px){.fx-g{grid-template-columns:repeat(2,minmax(0,1fr))}.fx-brand{grid-column:1/-1}}
@media (max-width:560px){.fx-g{grid-template-columns:1fr 1fr;gap:28px 20px}.fx-b{flex-direction:column;align-items:flex-start}}
.mq .hx-agent{--fg:#fff;--fg2:rgba(255,255,255,.78);--fg3:rgba(255,255,255,.5);--ln:rgba(255,255,255,.22);color:#fff}

/* Carte Agent Fahria avec la vidéo de Sandra et Didier à droite */
.mq .hx-agent{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:clamp(32px,5vw,80px);align-items:center}
.mq .hx-agent-alt{grid-column:1/-1}
.hx-vid{position:relative;margin:0;width:clamp(220px,20vw,300px);aspect-ratio:9/16;border-radius:3px;overflow:hidden;background:#000;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.hx-vid video{width:100%;height:100%;object-fit:cover;display:block}
.hx-vid-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#111;display:grid;place-items:center;cursor:pointer;transition:transform .2s,background .2s}
.hx-vid-play svg{width:24px;height:24px;margin-left:3px}
.hx-vid-play:hover{transform:translate(-50%,-50%) scale(1.06);background:#fff}
.hx-vid figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 16px 14px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.75));display:flex;flex-direction:column;gap:2px;color:#fff;pointer-events:none}
.hx-vid figcaption b{font-size:15px;font-weight:500}
.hx-vid figcaption span{font-size:12.5px;color:rgba(255,255,255,.75)}
.hx-vid.on .hx-vid-play,.hx-vid.on figcaption{display:none}
@media (max-width:760px){.mq .hx-agent{grid-template-columns:1fr;row-gap:36px}.hx-vid{width:min(100%,300px)}}

/* Réalisations plus compactes, 3 projets et la case bleue +150 */
.mq .hx-pjs{gap:16px}
.mq .hx-pj-img{aspect-ratio:4/3}
.mq .hx-pj b{font-size:18px}
.mq .hx-pj p{font-size:13.5px}
.hx-more-in{aspect-ratio:4/3;border-radius:3px;background:#2C63FF;color:#fff;padding:clamp(20px,2vw,28px);display:flex;flex-direction:column;justify-content:space-between;transition:background .25s}
.hx-more:hover .hx-more-in{background:#1d4fe0}
.hx-more-in b{font-size:clamp(48px,5vw,76px);font-weight:300;letter-spacing:-.04em;line-height:1;color:#fff!important}
.hx-more-in>span{font-size:14px;line-height:1.5;color:rgba(255,255,255,.85);max-width:220px}
.hx-more-in em{font-style:normal;font-size:14px;font-weight:500;color:#fff}
@media (max-width:640px){.hx-more-in{aspect-ratio:auto;min-height:220px}}
.mq .hx-pj .hx-more-in b{font-size:clamp(56px,5.6vw,88px);font-weight:300;letter-spacing:-.045em}
.mq .hx-pj p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Expertises en menu déroulant */
.hx-ai{border-bottom:1px solid var(--ln)}
.mq .hx-ai .hx-row{width:100%;background:none;border:0;border-bottom:0;font:inherit;color:inherit;text-align:left;cursor:pointer}
.mq .hx-rows[data-hxacc] .hx-row:hover{padding-left:12px}
.hx-ai .hx-go{position:relative;width:16px;height:16px}
.hx-ai .hx-go::before,.hx-ai .hx-go::after{content:"";position:absolute;left:0;top:50%;width:16px;height:1.5px;background:currentColor;transition:transform .3s}
.hx-ai .hx-go::after{transform:rotate(90deg)}
.hx-ai.open .hx-go::after{transform:rotate(0)}
.hx-ai.open .hx-go{color:var(--cta)}
.hx-ap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.2,.7,.2,1)}
.hx-ai.open .hx-ap{grid-template-rows:1fr}
.hx-ap>div{overflow:hidden}
.hx-ap-in{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1.3fr) 40px;gap:24px;padding:0 0 32px}
.hx-ap-in>p{grid-column:2;margin:0;font-size:15px;line-height:1.6;color:var(--fg2)}
.hx-ap-in ul{grid-column:3;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;font-size:14.5px;color:var(--fg)}
.hx-ap-in li{display:flex;gap:10px;align-items:baseline}
.hx-ap-in li::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--cta);transform:translateY(-2px)}
.hx-ap-go{grid-column:3;justify-self:start;font-size:14px;font-weight:500;color:var(--cta);margin-top:6px}
.hx-ap-go:hover{text-decoration:underline;text-underline-offset:3px}
@media (max-width:980px){.hx-ap-in{grid-template-columns:48px minmax(0,1fr)}.hx-ap-in>p,.hx-ap-in ul,.hx-ap-go{grid-column:2}}
@media (max-width:640px){.hx-ap-in ul{grid-template-columns:1fr}}
.mq .hx-rows[data-hxacc] .hx-ai.open .hx-row:hover{padding-left:0}

/* 5 propositions pour la section Agent Fahria. Page d'essai, non publiée. */
.ag-page{padding-bottom:120px}
.ag-wrap{padding:clamp(72px,8vw,120px) var(--pad)!important}
.ag-lab{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:32px;padding-bottom:16px;border-bottom:1px dashed var(--ln);font-size:13px;color:var(--fg2)}
.ag-lab b{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cta)}
.ag-lab span{font-size:16px;color:var(--fg)}
.ag-lab em{font-style:normal}
.ag-wrap h2{margin:0;font-size:clamp(30px,3.2vw,48px);font-weight:300;letter-spacing:-.03em;line-height:1.08;color:var(--fg)}
.ag-wrap h2 span{color:var(--fg3)}
.ag-wrap p{margin:0;font-size:15.5px;line-height:1.6;color:var(--fg2)}
.ag-btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.ag-btns .hp-cta{margin-top:0;height:52px}
.ag-btn2{display:inline-flex;align-items:center;height:52px;padding:0 22px;border-radius:3px;font-size:15px;font-weight:500;background:rgba(127,127,127,.14);color:var(--fg);transition:background .2s}
.ag-btn2:hover{background:rgba(127,127,127,.24)}
.ag-proof{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--fg2)}
.ag-proof b{color:var(--fg);font-weight:500}
.ag-av{display:inline-flex;flex:none}
.ag-av img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--bg);margin-left:-10px;background:#ddd}
.ag-av img:first-child{margin-left:0}
.hx-tag{color:var(--fg)}
.hx-tag .w3orb{width:30px;height:30px}

/* 1. Votre équipe vous attend */
.v1{position:relative;overflow:hidden;border-radius:3px;background:radial-gradient(120% 140% at 0% 0%,#1d2340 0%,#101116 45%,#0b0c0e 100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:48px;padding:clamp(40px,5vw,80px) 0 0 clamp(28px,5vw,80px);--fg:#fff;--fg2:rgba(255,255,255,.66);--fg3:rgba(255,255,255,.45);--bg:#0f1015;color:#fff}
.v1-tx{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding-bottom:clamp(40px,5vw,80px);align-self:center}
.v1-app{position:relative;align-self:end;min-height:460px}
.v1-win{position:absolute;left:0;right:-40px;bottom:0;top:0;border-radius:3px 0 0 0;background:#14151a;border:1px solid rgba(255,255,255,.08);border-right:0;border-bottom:0;padding:28px 220px 28px 28px;display:flex;flex-direction:column;gap:22px}
.v1-h{font-size:20px!important;line-height:1.35!important;color:#fff!important;max-width:380px}
.v1-h span{color:rgba(255,255,255,.45)}
.v1-mini{display:flex;align-items:center;gap:10px;font-size:12.5px;color:rgba(255,255,255,.6)}
.v1-mini .ag-av img{width:26px;height:26px;margin-left:-8px;border-color:#14151a}
.v1-tiles{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v1-tiles div{background:rgba(255,255,255,.05);border-radius:3px;padding:16px;display:flex;flex-direction:column;gap:6px}
.v1-tiles b{font-size:24px;font-weight:300;letter-spacing:-.02em}
.v1-tiles span{font-size:12px;color:rgba(255,255,255,.55)}
.v1-vid{position:absolute;right:24px;top:24px;width:190px}





@media (max-width:980px){.v1,.v1{padding-right:clamp(28px,5vw,80px)}.v1-app{min-height:520px}.v1-win{right:-28px;padding-right:28px;padding-bottom:300px}.v1-vid{top:auto;bottom:20px;right:20px;width:150px}}
@media (max-width:560px){.ag-proof{align-items:flex-start;flex-direction:column}}
.ag-av i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;margin-left:-10px;border:2px solid var(--bg);background:var(--cta);color:#fff;font-style:normal;font-size:12px;font-weight:600}
.v1-mini .ag-av i{width:26px;height:26px;margin-left:-8px;font-size:10px;border-color:#14151a}
.ag-av img{object-position:center 35%}
@media (max-width:980px){}
/* Proposition 1 : les cases ne passent plus sous la vidéo */
.v1-win{padding-right:290px}
@media (max-width:980px){.v1-win{padding-right:28px}}
@media (max-width:980px){.v1{grid-template-columns:1fr;padding-right:clamp(28px,5vw,80px)}.v1-app{min-height:520px}.v1-win{right:-28px;padding-right:28px;padding-bottom:300px}.v1-vid{top:auto;bottom:20px;right:20px;width:150px}}
@media (max-width:560px){.ag-proof{align-items:flex-start;flex-direction:column}}
/* Textes des réalisations : 2 lignes pleines, alignées des deux côtés (écrans larges) */
.mq .hx-pj p{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important}
@media (min-width:900px){.mq .hx-pj p.l2{text-align:justify;text-align-last:justify;hyphens:none}}

/* Comment on travaille : 3 étapes puis les 2 formules */
.hx-steps3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hx-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:clamp(40px,5vw,64px)}
.hx-path{border:1px solid var(--ln);border-radius:3px;padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;align-items:flex-start;gap:14px;background:var(--bg)}
.hx-path-a{background:#0b0c0e;border-color:#0b0c0e;color:#fff;--fg:#fff;--fg2:rgba(255,255,255,.66);--fg3:rgba(255,255,255,.5)}
.hx-path-k{margin:0;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--fg3)}
.hx-path b{font-size:clamp(24px,2.2vw,32px);font-weight:300;letter-spacing:-.025em;color:var(--fg)}
.hx-path>p:not(.hx-path-k){margin:0;font-size:15px;line-height:1.55;color:var(--fg2);max-width:420px}
.hx-path ul{list-style:none;margin:8px 0 12px;padding:0;display:grid;gap:10px;font-size:14.5px;color:var(--fg)}
.hx-path li{display:flex;gap:12px;align-items:baseline}
.hx-path li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--cta);transform:translateY(-2px)}
.hx-path .hp-cta{margin-top:auto}
.hx-path-go{margin-top:auto;display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 24px;border:1px solid var(--fg);border-radius:3px;font-size:15px;font-weight:500;color:var(--fg);transition:background .2s,color .2s}
.hx-path-go:hover{background:var(--fg);color:var(--bg)}
@media (max-width:860px){.hx-steps3,.hx-paths{grid-template-columns:1fr}}

/* Point bleu devant chaque intitulé de section */
.hx-lab,.badge,.section-label{display:inline-flex!important;align-items:center;gap:10px!important}
.hx-lab::before,.badge::before,.section-label::before{content:""!important;display:inline-block!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#2C63FF!important;animation:none!important;flex:none}

/* ===== Page Agent Fahria, alignée sur l'accueil ===== */
.prog .head-c{text-align:left;align-items:flex-start}
.prog .head-c .sub{margin-left:0}
.prog main>.sec{position:relative}
.prog #technologie,.prog #formules,.prog #faq{background:#f4f4f2;box-shadow:0 0 0 100vmax #f4f4f2;clip-path:inset(0 -100vmax)}
.prog .prog-proof{--bg:#fff}
.prog .prog-proof .v1{margin-top:0}
.prog .prog-proof.ag-wrap{padding-left:0!important;padding-right:0!important}

.hx-b-orb{display:inline-flex;align-items:center;gap:14px}
.hx-orb-b{width:34px!important;height:34px!important;border-radius:50%;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.45),rgba(255,255,255,0) 34%),#2C63FF!important;box-shadow:0 4px 14px rgba(44,99,255,.45)!important;display:grid;place-items:center;flex:none}
.hx-orb-b svg{width:17px;height:17px}
/* Espace réduit entre la carte Agent Fahria et la FAQ (même fond) */
.mq .hx>#offres{padding-bottom:clamp(32px,4vw,56px)!important}
.mq .hx>#faq{padding-top:clamp(32px,4vw,56px)!important}

/* ----- Page Agent Fahria, retouches 2026-10-13 ----- */
/* Schéma : centré dans sa case, points bleus en bas */
.prog .pyr{justify-content:center!important;gap:clamp(16px,2vw,28px)}
.prog .pyr .tree{margin:auto 0}
.prog .pyr-base{margin-top:auto!important}
.prog .n4 i{background:#2C63FF!important;box-shadow:0 0 0 3px rgba(44,99,255,.15)!important}
/* Méthode : titre en bleu, cube du haut bleu */
.prog .mn-h{color:#2C63FF!important}
.prog .mn-h span{color:#fff!important}
.prog .mn-top{filter:drop-shadow(0 0 30px rgba(44,99,255,.55))!important}
.prog .mn-top polygon{stroke:rgba(160,190,255,.9)!important}
/* Atlas : fond fixe */
.prog #exemples img.bgv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
/* Forfaits : cartes plus nettes */
.prog .plans{gap:16px}
.prog .plan{border-radius:3px;border-color:rgba(0,0,0,.1);padding:clamp(26px,2.8vw,40px);box-shadow:0 1px 0 rgba(0,0,0,.02)}
.prog .plan.dark{background:radial-gradient(120% 90% at 0% 0%,#1d2340 0%,#101116 55%,#0b0c0e 100%);border-color:#0b0c0e;box-shadow:0 30px 60px -30px rgba(11,12,14,.6)}
.prog .plan.dark::before{display:none}
.prog .plan h3{font-weight:300;letter-spacing:-.035em;font-size:clamp(30px,2.8vw,40px)}
.prog .plan .quote{font-size:15.5px}
.prog .ideal-row{display:flex;flex-wrap:wrap;gap:8px}
.prog .plan .ideal{display:inline-flex;align-items:center;gap:8px;background:rgba(0,0,0,.05)!important;border:0!important;color:#5d5d5a!important;border-radius:999px!important;padding:7px 14px!important;font-size:12.5px!important;font-weight:500!important}
.prog .plan .ideal svg,.prog .plan .ideal-eyes>*:not(:last-child){display:none}
.prog .plan.dark .ideal{background:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.75)!important}
.prog .plan .pop{background:#2C63FF!important;color:#fff!important;border-radius:999px!important;padding:7px 14px!important;font-size:12.5px!important;font-weight:600!important;border:0!important}
.prog .plan .lv2>div{border-radius:3px!important}
.prog .plan .bars i.on{background:#2C63FF!important}
.prog .plan.dark .bars i.on{background:#6f97ff!important}
.prog .plan .btn{width:100%;justify-content:center}
.prog .plan .eyes{display:none!important}
.prog .plan .ideal-eyes{box-shadow:none!important;outline:0!important}
.prog .n4 i,.prog .pyr.go .tn.n4 i{animation:none!important;opacity:1!important}
/* Point bleu en haut à droite de la vidéo, comme un capteur */
.hx-vid::after{content:"";position:absolute;top:14px;right:14px;width:12px;height:12px;border-radius:50%;background:#2C63FF;box-shadow:0 0 0 3px rgba(255,255,255,.85),0 0 14px rgba(44,99,255,.8);z-index:2;pointer-events:none}

/* ===== Page Projets ===== */
.projp .pr-feat{padding-top:clamp(32px,4vw,56px)}
.projp .pr-feat{--bg:#fff;--fg:#111;--fg2:#5d5d5a;--fg3:#9a9a96;--ln:rgba(0,0,0,.12);--card:#f4f4f2}
.projp .pr-stats{margin:0 calc(var(--pad) * -1);padding:clamp(64px,8vw,112px) var(--pad);background:#0b0c0e;color:#fff;--fg3:rgba(255,255,255,.5)}
.projp .pr-st{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:8px}
.projp .pr-st div{border-top:1px solid rgba(255,255,255,.22);padding-top:20px;display:flex;flex-direction:column;gap:10px}
.projp .pr-st b{font-size:clamp(34px,3.6vw,54px);font-weight:300;letter-spacing:-.035em;line-height:1;color:#fff}
.projp .pr-st span{font-size:14px;line-height:1.5;color:rgba(255,255,255,.62)}
.projp .pr-all{--fg:#111;--fg2:#5d5d5a;--fg3:#9a9a96;--ln:rgba(0,0,0,.12)}
.projp .pr-list{border-top:1px solid var(--ln)}
.projp .pr-row{display:grid;grid-template-columns:88px minmax(0,1.4fr) minmax(0,1fr) 150px 24px;align-items:center;gap:24px;padding:16px 0;border-bottom:1px solid var(--ln);transition:padding .25s,background .25s}
.projp .pr-img{width:88px;aspect-ratio:16/10;border-radius:3px;overflow:hidden;background:#f4f4f2}
.projp .pr-img img{width:100%;height:100%;object-fit:cover}
.projp .pr-row b{font-size:clamp(18px,1.6vw,22px);font-weight:400;letter-spacing:-.015em}
.projp .pr-cat{font-size:14px;color:var(--fg2)}
.projp .pr-yr{font-family:var(--mono);font-size:12px;color:var(--fg3)}
.projp .pr-by{justify-self:start;font-size:12px;font-weight:500;color:#2C63FF;background:rgba(44,99,255,.08);border-radius:999px;padding:5px 11px}
.projp .pr-go{justify-self:end;color:var(--fg3);transition:transform .25s,color .25s}
.projp .pr-row:hover{padding-left:12px}
.projp .pr-row:hover .pr-go{color:#2C63FF;transform:translateX(4px)}
@media (max-width:860px){.projp .pr-st{grid-template-columns:repeat(2,minmax(0,1fr))}.projp .pr-row{grid-template-columns:72px minmax(0,1fr) 24px;gap:6px 16px}.projp .pr-img{width:72px;grid-row:span 2}.projp .pr-cat{grid-column:2}.projp .pr-yr,.projp .pr-by{display:none}.projp .pr-go{grid-row:1/3;grid-column:3}}
@media (max-width:560px){.projp .pr-st{grid-template-columns:1fr}}
.projp .pr-feat{padding-bottom:clamp(64px,8vw,112px)}
/* Phrase de l agence : toute la largeur, jusqu au bord de la colonne « 4 pays » */
.mq #agence .hx-big{max-width:none}
.projp .pr-by{display:inline-flex;align-items:center;gap:7px;padding:4px 11px 4px 4px}
.projp .pr-orb{width:20px;height:20px;border-radius:50%;background:#2C63FF;display:grid;place-items:center;flex:none}
.projp .pr-orb svg{width:11px;height:11px}
.projp .pr-plus{display:flex;align-items:center;gap:clamp(20px,3vw,48px);flex-wrap:wrap;margin-top:24px;padding:28px 32px;border-radius:3px;background:#2C63FF;color:#fff;transition:background .25s}
.projp .pr-plus:hover{background:#1d4fe0}
.projp .pr-plus b{font-size:clamp(44px,4.4vw,68px);font-weight:300;letter-spacing:-.045em;line-height:1}
.projp .pr-plus span{flex:1;min-width:240px;font-size:15px;line-height:1.55;color:rgba(255,255,255,.85)}
.projp .pr-plus em{font-style:normal;font-weight:500;font-size:15px}

/* Réalisations en mosaïque */
.mo{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:280px 280px;gap:16px}
.mo-c{position:relative;overflow:hidden;border-radius:3px;isolation:isolate;color:#fff;display:block}
.mo-c.big{grid-row:span 2}
.mo-c img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.mo-c:hover img{transform:scale(1.04)}
.mo-c::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.74))}
.mo-c.fa::before{content:"";position:absolute;top:16px;right:16px;z-index:2;width:22px;height:22px;border-radius:50%;background:#2C63FF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg stroke='%23fff' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='M5.94 8.5l12.12 7'/%3E%3Cpath d='M5.94 15.5l12.12-7'/%3E%3C/g%3E%3C/svg%3E") no-repeat center/12px;box-shadow:0 0 0 1px rgba(255,255,255,.35)}
.mo-ov{position:absolute;left:22px;right:22px;bottom:20px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.mo-ov b{font-size:22px;font-weight:400;letter-spacing:-.015em}
.mo-ov p{margin:0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.8);max-width:520px}
.mo-chip{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:500;letter-spacing:.02em}
.mo-chip::before{content:"";width:5px;height:5px;border-radius:50%;background:#6f97ff}
.mo-more{margin-top:16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;background:#2C63FF;color:#fff;border-radius:3px;padding:26px 32px;transition:background .25s}
.mo-more:hover{background:#1d4fe0}
.mo-more b{font-size:clamp(46px,4.6vw,76px);font-weight:300;letter-spacing:-.045em;line-height:1}
.mo-more span{font-size:14.5px;color:rgba(255,255,255,.85);max-width:320px}
.mo-more em{font-style:normal;font-weight:500;font-size:14px}
@media (max-width:860px){.mo{grid-template-columns:1fr;grid-template-rows:none}.mo-c{min-height:300px}.mo-c.big{grid-row:auto;min-height:380px}}
/* Mosaïque en carré : Atlas en grand, deux projets en haut à droite, +150 dessous */
.mo.mo-sq{grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:300px 220px}
.mo.mo-sq .mo-more.mo-in{margin-top:0;grid-column:2/4}
.mo.mo-sq .mo-more.mo-in span{max-width:240px}
@media (max-width:860px){.mo.mo-sq{grid-template-columns:1fr;grid-template-rows:none}.mo.mo-sq .mo-more.mo-in{grid-column:auto}}
.hx-vid::after{width:22px!important;height:22px!important;top:14px!important;right:14px!important;background:#2C63FF url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cg stroke=%27%23fff%27 stroke-width=%271.8%27 stroke-linecap=%27round%27%3E%3Cpath d=%27M12 5v14%27/%3E%3Cpath d=%27M5.94 8.5l12.12 7%27/%3E%3Cpath d=%27M5.94 15.5l12.12-7%27/%3E%3C/g%3E%3C/svg%3E") no-repeat center/12px!important;box-shadow:0 0 0 1px rgba(255,255,255,.35)!important}
/* Mobile : sections moins espacées */
@media (max-width:760px){
  .mq .hx>section:not(.final),.mq .hx .faq{padding-top:72px!important;padding-bottom:0!important}
  .mq .hx{padding-bottom:72px}
  .hx-facts{margin-top:40px}
  .mq .hx-row{grid-template-columns:36px minmax(0,1fr) 24px!important;gap:4px 12px!important}
  .hx-ap-in{grid-template-columns:36px minmax(0,1fr)!important;gap:12px!important}
  .v1{border-radius:3px}
  .mo-c.big{min-height:420px}
  .mo-more{padding:22px}
}

/* ===== Page Agent Fahria : technologie, arbre épuré ===== */
.prog .t-orb{width:24px;height:24px;border-radius:50%;background:#2C63FF;display:inline-grid;place-items:center;flex:none}
.prog .t-orb svg{width:12px;height:12px}
.prog .pers{width:40px;height:40px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;flex:none}
.prog .pers svg{width:20px;height:20px}
.prog .t-pts{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--ln)}
.prog .t-pts li{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid var(--ln)}
.prog .t-pts .n{font-family:var(--mono);font-size:12px;color:#2C63FF;padding-top:4px}
.prog .t-pts b{font-size:17px;font-weight:500}
.prog .t-pts p{margin:4px 0 0;font-size:14.5px;color:var(--fg2);line-height:1.5}
.prog .t-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.prog .t-ctas .hp-cta{margin-top:0;height:52px}
.prog .ag-btn2{display:inline-flex;align-items:center;height:52px;padding:0 22px;border-radius:3px;font-size:15px;font-weight:500;background:rgba(127,127,127,.14);color:var(--fg)}
.prog .t1{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(40px,5vw,80px);align-items:center}
.prog .t1-tree{border-radius:20px;background:radial-gradient(120% 120% at 0% 0%,#1d2340,#101116 50%,#0b0c0e);color:#fff;padding:40px 32px 0;display:flex;flex-direction:column;align-items:center;overflow:hidden}
.prog .t1-n{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500}
.prog .t1-n.top{border:1px solid rgba(255,255,255,.25)}
.prog .t1-n .ic{opacity:.6}
.prog .t1-n.exp{background:#fff;color:#111;padding:6px 18px 6px 6px}
.prog .t1-n.exp b{display:block;font-size:14px}
.prog .t1-n.exp small{font-size:11.5px;color:#6f6f6f}
.prog .t1-n.exp .pers{background:#111;color:#fff}
.prog .t1-v{width:1px;height:28px;background:rgba(255,255,255,.3)}
.prog .t1-ag{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;border-top:1px solid rgba(255,255,255,.3);padding-top:24px}
.prog .t1-col{display:flex;flex-direction:column;align-items:center;gap:14px}
.prog .t1-n.ag{background:rgba(44,99,255,.16);border:1px solid rgba(111,151,255,.45);padding:6px 14px 6px 6px}
.prog .t1-sub{display:flex;flex-direction:column;gap:6px;width:100%}
.prog .t1-sub span{display:flex;align-items:center;gap:8px;justify-content:center;font-size:12.5px;color:rgba(255,255,255,.7);background:rgba(255,255,255,.05);border-radius:8px;padding:8px}
.prog .t1-sub span::before{content:"";width:6px;height:6px;border-radius:50%;background:#6f97ff}
.prog .t1-foot{margin:28px -32px 0;align-self:stretch;padding:14px;text-align:center;font-family:var(--mono);font-size:11.5px;color:rgba(255,255,255,.6);border-top:1px solid rgba(255,255,255,.1)}
.prog .t1{align-items:stretch!important}
.prog .t1-tree{height:100%;justify-content:space-between;padding-top:32px}
.prog .t1-foot{margin-top:auto!important}
.prog .t1-tree>.t1-ag{margin-bottom:24px}
.prog .t1-tree>.t1-n.top{margin-top:auto}
.prog .t1-tree>.t1-ag{margin-bottom:auto!important;padding-bottom:8px}
.prog .t1-v{height:34px}
.prog .t1-sub span{padding:10px 8px}
.prog #technologie .t1-tree{border-radius:3px}
.prog #technologie .t1-n{border-radius:3px}
.prog #technologie .t1-sub span{border-radius:3px}
@media (max-width:980px){.prog .t1{grid-template-columns:1fr}}
.prog .tech1{--fg:#111;--fg2:#5d5d5a;--fg3:#9a9a96;--ln:rgba(0,0,0,.12);--bg:#f4f4f2}
.prog .tech1 .hx-h2{color:#111}.prog .tech1 .hx-h2 span{color:#9a9a96}.prog .tech1 .hx-lab{color:#8a8a87}
.prog .tech1 .t-pts b{color:#111}
.prog #technologie{padding-top:clamp(72px,8vw,120px)!important;padding-bottom:clamp(72px,8vw,120px)!important}
.prog #technologie .t-ctas,.prog #technologie .t1{margin-bottom:0}.prog #technologie{padding-bottom:calc(clamp(72px,8vw,120px) + 5px)!important}
.prog #temoignages{padding-bottom:clamp(72px,8vw,120px)!important}
/* Mobile : titre du haut centré verticalement avec son texte */
@media (max-width:760px){
  .hero.hpx{justify-content:center!important;padding-top:120px!important}
  .hero.hpx .hp-bot{margin-top:44px!important}
}
/* Mobile : carte Agent Fahria empilée, la vidéo ne recouvre plus les cases */
@media (max-width:760px){
  .v1{grid-template-columns:1fr;gap:32px;padding:40px 20px 20px}
  .v1-tx{padding-bottom:0}
  .v1-app{min-height:0;display:flex;flex-direction:column;align-items:center;gap:20px;align-self:stretch}
  .v1-win{position:static;width:100%;padding:22px!important;border:1px solid rgba(255,255,255,.08);border-radius:3px;gap:18px}
  .v1-h{font-size:18px!important}
  .v1-tiles{margin-top:4px}
  .v1-tiles div{padding:14px}
  .v1-tiles b{font-size:21px}
  .v1-vid{position:relative;top:auto;right:auto;bottom:auto;width:min(100%,280px)}
}
/* Mobile : l'arbre de la technologie tient dans l'écran */
@media (max-width:560px){
  .prog .t1-tree{padding:28px 14px 0}
  .prog .t1-ag{gap:8px}
  .prog .t1-col{gap:10px;min-width:0}
  .prog .t1-n.ag{width:100%;justify-content:center;gap:6px;padding:6px 6px;font-size:12px}
  .prog .t1-n.ag .t-orb{width:18px;height:18px}
  .prog .t1-n.ag .t-orb svg{width:10px;height:10px}
  .prog .t1-sub span{font-size:11.5px;padding:9px 4px;gap:6px}
  .prog .t1-sub span::before{width:5px;height:5px;flex:none}
  .prog .t1-n.exp b{font-size:13px}
  .prog .t1-foot{margin-left:-14px;margin-right:-14px;font-size:10.5px}
}
@media (max-width:560px){.hero.hpx .hp-h1 br{display:none}}
/* Mobile : pastille By Agent Fahria sous la catégorie, sur une ligne */
@media (max-width:860px){.projp .pr-by{grid-column:2;justify-self:start;white-space:nowrap;font-size:11px;padding:3px 9px 3px 3px;margin-top:4px}.projp .pr-img{grid-row:span 3;align-self:start}.projp .pr-orb{width:16px;height:16px}.projp .pr-orb svg{width:9px;height:9px}}