/* Layout : fond noir à points doux, zones en grille douce éclairée d'orange par moments.
   Un fil orange part du hero, serpente d'une section à l'autre, fait le tour de chaque numéro
   de chapitre (qui s'allume comme un soleil) et finit en spirale dans l'appel final. */
:root{
  --bg:#FFFFFF; --panel:#F6F2ED; --panel-2:#F4F0EB;
  --glass:rgba(30,22,14,.035); --glass-2:rgba(30,22,14,.065);
  --line:rgba(30,22,14,.08); --line-2:rgba(30,22,14,.15);
  --ink:#15120F; --ink-2:#ADA49A; --ink-3:#7A7168;
  --or:#F36C16; --or-2:#C2410C; --or-3:#C2410C; --or-ink:#F7F3EE; --or-soft:rgba(243,108,22,.14); --or-glow:rgba(243,108,22,.45);
  --dot:rgba(30,22,14,.09); --grid:rgba(30,22,14,.07);
  --r:22px; --r-l:30px;
  --fd:"Cabinet Grotesk","Bricolage Grotesque",system-ui,sans-serif;
  --fb:"Satoshi","DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ease:cubic-bezier(.22,.8,.2,1);
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--fb);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,var(--dot) 1px,transparent 1.7px);background-size:26px 26px}
img{max-width:100%;display:block}
a{color:inherit}
p{margin:0}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--or);outline-offset:3px;border-radius:8px}
.page{position:relative;overflow-x:hidden;overflow-x:clip}
.w{position:relative;z-index:2;max-width:1312px;margin:0 auto;padding-left:max(clamp(20px,4.5vw,56px),env(safe-area-inset-left,0px));padding-right:max(clamp(20px,4.5vw,56px),env(safe-area-inset-right,0px))}
section{position:relative}

.h1{font:800 clamp(46px,7.2vw,108px)/.97 var(--fd);letter-spacing:-.035em;margin:0;text-wrap:balance}
.h2{font:800 clamp(38px,5vw,74px)/1.02 var(--fd);letter-spacing:-.03em;margin:0;text-wrap:balance}
.lead{font-size:clamp(17.5px,1.4vw,20px);line-height:1.6;color:var(--ink-2);max-width:58ch}
.mod{font-family:var(--fd);font-weight:800;letter-spacing:-.03em}
.mod i{font-style:normal;color:var(--or)}
.lab{display:inline-flex;align-items:center;gap:8px;font:600 14px/1 var(--fb);color:var(--or-2)}
.lab::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--or);box-shadow:0 0 0 4px var(--or-soft)}
.ico{width:24px;height:24px;flex:none}

/* zones grillagées éclairées */
.zone{background:var(--bg);overflow:hidden;overflow:clip;isolation:isolate}
.zone::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);
  background-size:72px 72px;background-position:center top;
  -webkit-mask-image:radial-gradient(ellipse 58% 52% at var(--lx,50%) var(--ly,42%),#FFFFFF 0%,rgba(0,0,0,.45) 48%,transparent 78%);
          mask-image:radial-gradient(ellipse 58% 52% at var(--lx,50%) var(--ly,42%),#FFFFFF 0%,rgba(0,0,0,.45) 48%,transparent 78%)}
.zone::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 34% 30% at var(--lx,50%) var(--ly,42%),rgba(243,108,22,.28),rgba(243,108,22,.08) 48%,transparent 76%)}
.spot{position:absolute;z-index:-1;width:min(460px,70vw);aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(243,108,22,.8) 0%,rgba(243,108,22,.22) 40%,transparent 68%);filter:blur(26px);animation:breathe 9s ease-in-out infinite}
.spot.br{right:-170px;bottom:24px}
.spot.bl{left:-190px;bottom:24px;animation-delay:-3s}
.spot.tr{right:-190px;top:24px;opacity:.5;animation-delay:-5s}
@keyframes breathe{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}}

/* boutons */
.btn{display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:0 10px 0 26px;border:0;border-radius:999px;background:var(--or);color:var(--or-ink);font:700 15.5px/1 var(--fb);text-decoration:none;cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 16px 44px -14px var(--or-glow);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.btn:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 22px 56px -14px rgba(243,108,22,.75)}
.btn .arr{width:38px;height:38px;border-radius:50%;background:rgba(23,10,2,.14);display:grid;place-items:center;transition:transform .35s var(--ease)}
.btn:hover .arr{transform:translateX(3px)}
.btn .arr .ico{width:18px;height:18px}
.btn.ghost{background:var(--glass);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2);padding:0 26px}
.btn.ghost:hover{background:var(--glass-2)}
.btn.sm{min-height:44px;font-size:14.5px;padding:0 6px 0 18px;gap:10px}
.btn.sm .arr{width:32px;height:32px}

/* en-tête */
.hd{position:fixed;left:0;right:0;top:calc(env(safe-area-inset-top,0px) + 12px);z-index:60;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px));pointer-events:none}
.hd-in{pointer-events:auto;max-width:1220px;margin:0 auto;display:flex;align-items:center;gap:20px;height:64px;padding:0 9px 0 24px;border-radius:999px;background:rgba(255,255,255,.5);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:inset 0 0 0 1px var(--line);transition:background .4s}
.hd.scrolled .hd-in{background:rgba(255,255,255,.84)}
.logo{font:800 27px/1 var(--fd);letter-spacing:-.04em;text-decoration:none;color:var(--ink)}
.logo i{font-style:normal;color:var(--or)}
.nav{display:flex;gap:4px;margin:0 auto}
.nav a{font-size:14.5px;font-weight:500;color:var(--ink-2);text-decoration:none;padding:9px 14px;border-radius:999px;transition:background .25s,color .25s}
.nav a:hover{color:var(--ink);background:var(--glass-2)}
.hd-r{display:flex;align-items:center;gap:6px}
.hd-r .lnk{font-size:14.5px;font-weight:500;color:var(--ink-2);text-decoration:none;padding:9px 14px}
@media (max-width:960px){.nav,.hd-r .lnk{display:none}.hd-r{margin-left:auto}}
@media (max-width:420px){.hd-in{padding-left:18px}.hd-r .btn .t-long{display:none}}
@media (min-width:421px){.hd-r .btn .t-short{display:none}}

/* hero */
.hero{padding-block:clamp(150px,17vw,210px) 0;text-align:center}
.hero .w{display:grid;justify-items:center;gap:30px}
.pill-e{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 12px;border-radius:999px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line-2);font-size:13.5px;font-weight:500;color:var(--ink-2)}
.pill-e i{width:8px;height:8px;border-radius:50%;background:var(--or);animation:ping 2.4s infinite}
@media (max-width:480px){.pe-x{display:none}}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(243,108,22,.6)}70%{box-shadow:0 0 0 10px rgba(243,108,22,0)}100%{box-shadow:0 0 0 0 rgba(243,108,22,0)}}
.hero .h1{max-width:13.5em}
.rot{display:inline-grid;vertical-align:bottom;transition:width .6s var(--ease);text-align:left;white-space:nowrap}
.rot > span{grid-area:1/1;justify-self:start;color:var(--or);transition:transform .7s var(--ease),opacity .5s,filter .6s}
.rot > span:not(.on){opacity:0;transform:translateY(55%);filter:blur(8px)}
.rot > span.out{opacity:0;transform:translateY(-55%);filter:blur(8px)}
.hero .lead{text-align:center}
.ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.trustb{width:100%;display:grid;justify-items:center;gap:14px;margin-top:clamp(20px,3vw,36px)}
.trust{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;color:var(--ink-2);font-size:15px;font-weight:500}
.stars{display:inline-flex;gap:3px}
.stars .ico{width:17px;height:17px;color:var(--or)}
.logos{width:100%;overflow:hidden;padding-block:10px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.logos-t{display:flex;gap:64px;width:max-content;align-items:center;animation:mq 50s linear infinite}
@keyframes mq{to{transform:translateX(-50%)}}
.lg{height:48px;display:flex;align-items:center}
.lg img{height:40px;width:auto;max-width:150px;object-fit:contain;filter:brightness(0) invert(1) opacity(.62)}
.lg .nm{display:none;font:700 19px/1 var(--fd);color:var(--ink-3);white-space:nowrap;letter-spacing:-.02em}
.lg.miss img{display:none}.lg.miss .nm{display:block}
.source{position:relative;width:14px;height:14px;margin:clamp(40px,6vw,70px) auto 0;border-radius:50%;background:var(--or);box-shadow:0 0 0 6px var(--or-soft),0 0 30px 6px rgba(243,108,22,.55)}
.source::after{content:"";position:absolute;inset:-14px;border-radius:50%;border:1px solid rgba(243,108,22,.4);animation:ripple 3s var(--ease) infinite}
@keyframes ripple{from{transform:scale(.4);opacity:1}to{transform:scale(2.2);opacity:0}}
.hero-end{height:clamp(40px,5vw,60px)}

/* fil */
#flow{position:absolute;left:0;top:0;z-index:1;pointer-events:none;overflow:visible}
#flow .route{fill:none;stroke:rgba(30,22,14,.1);stroke-width:1.5;stroke-dasharray:2 9;stroke-linecap:round}
#flow .water{fill:none;stroke:url(#fg);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(243,108,22,.8))}
#flow .strand{fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
#flow .s1{stroke:#F36C16;filter:drop-shadow(0 0 5px rgba(243,108,22,.8))}
#flow .s2{stroke:#C2410C;opacity:.85}
#flow .rung{stroke-width:1.6;stroke-linecap:round;opacity:0;transition:opacity .4s}
#flow .rung.on{opacity:.75}
#flow .drop{fill:#C2410C;filter:drop-shadow(0 0 10px rgba(243,108,22,1))}

/* chapitres */
.ch{padding-block:clamp(230px,24vw,320px) clamp(30px,4vw,60px)}
.chh{position:relative;display:grid;justify-items:center;text-align:center;gap:20px;margin-bottom:clamp(56px,7vw,100px)}
.numw{position:relative;display:grid;place-items:center;width:clamp(150px,14vw,200px);aspect-ratio:1;margin-bottom:40px}
.sun{position:absolute;left:50%;top:50%;width:min(820px,96vw);aspect-ratio:1;border-radius:50%;pointer-events:none;z-index:-1;
  background:radial-gradient(circle,rgba(255,170,110,.55) 0%,rgba(243,108,22,.32) 14%,rgba(243,108,22,.12) 34%,rgba(243,108,22,.04) 52%,transparent 68%);
  transform:translate(-50%,-50%) scale(.4);opacity:0;transition:opacity 1.4s var(--ease),transform 1.8s var(--ease)}
.ch.lit .sun{opacity:1;transform:translate(-50%,-50%) scale(1)}
.numw::before{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px dashed rgba(194,65,12,.0);transition:border-color 1s;animation:spin 40s linear infinite}
.ch.lit .numw::before{border-color:rgba(194,65,12,.35)}
@keyframes spin{to{transform:rotate(360deg)}}
.chn{position:relative;font:800 clamp(92px,9vw,140px)/1 var(--fd);letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.4px rgba(30,22,14,.24);user-select:none;transition:-webkit-text-stroke-color .8s}
.chn::after{content:attr(data-n);position:absolute;inset:0;background:linear-gradient(180deg,#15120F,#C2410C 45%,#F36C16 80%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:0;opacity:0;transition:opacity 1s var(--ease);filter:drop-shadow(0 0 24px rgba(243,108,22,.6))}
.ch.lit .chn{-webkit-text-stroke-color:transparent}
.ch.lit .chn::after{opacity:1}
.chh .h2{max-width:14em}
.chh .lead{text-align:center}

/* 01 chiffres */
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.stat{position:relative;border-radius:var(--r-l);padding:clamp(28px,3vw,40px);background:linear-gradient(180deg,rgba(30,22,14,.05),rgba(30,22,14,.015));box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:14px;text-decoration:none;color:inherit;overflow:hidden;transition:transform .5s var(--ease),box-shadow .4s;min-width:0}
.stat:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1px rgba(243,108,22,.5),0 40px 80px -40px rgba(243,108,22,.5)}
.stat .who{display:flex;align-items:center;gap:12px;font-weight:600;font-size:16px}
.stat .who .lgw{height:32px;display:flex;align-items:center}
.stat .who img{height:30px;width:auto;max-width:110px;object-fit:contain;filter:brightness(0) invert(1) opacity(.75)}
.stat .who .lgw.miss{display:none}
.stat .n{font:800 clamp(64px,7vw,108px)/.9 var(--fd);letter-spacing:-.05em;white-space:nowrap}
.stat .n i{font-style:normal;color:var(--or)}
.stat p{font-size:17px;color:var(--ink-2);max-width:34ch}
.stat .more{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:15px;margin-top:6px}
.stat .more span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--glass-2);transition:background .3s,transform .4s var(--ease)}
.stat:hover .more span{background:var(--or);color:var(--or-ink);transform:rotate(-45deg)}
.stat .more .ico{width:16px;height:16px}
@media (max-width:760px){.stats{grid-template-columns:minmax(0,1fr)}}

/* 02 comment ça marche */
.howto{display:grid;gap:clamp(120px,15vw,220px)}
.how{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,7vw,120px);align-items:center}
.how:nth-child(even) .how-v{order:-1}
.how-t{display:grid;gap:22px;min-width:0}
.stepn{display:inline-flex;align-items:center;gap:12px;font-weight:600;font-size:15px;color:var(--ink-2)}
.stepn b{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--or);color:var(--or-ink);font:800 17px/1 var(--fd);box-shadow:0 0 30px -4px rgba(243,108,22,.8)}
.how h3{font:800 clamp(44px,5vw,72px)/.98 var(--fd);letter-spacing:-.035em;margin:0}
.plain{font:500 clamp(21px,1.9vw,27px)/1.4 var(--fb);color:var(--ink);letter-spacing:-.01em}
.plain em{font-style:normal;color:var(--or-2)}
.today{padding:18px 20px;border-radius:18px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:4px;font-size:16px;color:var(--ink-2);line-height:1.5}
.today b{font-size:13px;font-weight:700;color:var(--ink-3)}
.does{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.does li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;font-size:17px;line-height:1.5}
.does .ico{width:22px;height:22px;color:var(--or);margin-top:2px}
.tool{font-size:15px;color:var(--ink-3)}
.tool .mod{font-size:19px;color:var(--ink)}
.how-v{min-width:0}
@media (max-width:900px){.how{grid-template-columns:minmax(0,1fr)}.how:nth-child(even) .how-v{order:0}}
.card{border-radius:var(--r-l);padding:clamp(22px,2.6vw,32px);background:linear-gradient(180deg,#F4F0EB,#F6F2ED);box-shadow:inset 0 0 0 1px var(--line-2),0 40px 90px -40px rgba(0,0,0,.9),0 0 90px -30px rgba(243,108,22,.28);display:grid;gap:18px}
.ex{font-size:12.5px;font-weight:600;color:var(--ink-3)}
.search{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:999px;background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--line-2);font-size:16px}
.search .ico{width:20px;height:20px;color:var(--ink-2)}
.answer{border-radius:20px;padding:18px;background:var(--glass);display:grid;gap:10px}
.answer > span{font-size:14px;color:var(--ink-2)}
.res-r{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:var(--glass);font-weight:600}
.res-r i{font-style:normal;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:800 14px/1 var(--fd);background:var(--glass-2);color:var(--ink-2)}
.res-r.you{background:linear-gradient(90deg,rgba(243,108,22,.24),rgba(243,108,22,.06));box-shadow:inset 0 0 0 1.5px var(--or)}
.res-r.you i{background:var(--or);color:var(--or-ink)}
.res-r.you em{margin-left:auto;font-style:normal;font-size:12.5px;font-weight:700;padding:6px 10px;border-radius:999px;background:var(--or);color:var(--or-ink)}
.res-r:not(.you){color:var(--ink-3)}
.brands{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.brands > span:first-child{font-size:13px;color:var(--ink-3);margin-right:4px}
.brand{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--line);font-size:13.5px;font-weight:600;white-space:nowrap}
.brand .mono{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(30,22,14,.1);font-size:11.5px;font-weight:800;color:var(--ink)}
.brand img{width:24px;height:24px;object-fit:contain;border-radius:6px}
.ads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ad{border-radius:20px;padding:16px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:12px;min-width:0}
.ad .ad-img{aspect-ratio:4/3;border-radius:14px;background:radial-gradient(circle at 30% 30%,rgba(243,108,22,.5),transparent 60%),linear-gradient(135deg,#231B14,#141110);display:grid;align-content:end;padding:12px;font:700 15px/1.25 var(--fd);letter-spacing:-.01em}
.ad.lose .ad-img{background:linear-gradient(135deg,#1C1916,#121010);color:var(--ink-3)}
.ad small{font-size:12.5px;font-weight:700;color:var(--ink-3)}
.ad .meterh{height:8px;border-radius:99px;background:var(--glass-2);overflow:hidden}
.ad .meterh i{display:block;height:100%;border-radius:99px;background:var(--or)}
.ad.lose .meterh i{background:var(--ink-3)}
.ad .kpi{display:flex;justify-content:space-between;align-items:baseline;font-weight:700}
.ad .kpi b{font:800 26px/1 var(--fd)}
.ad .tag{justify-self:start;font-size:12px;font-weight:700;padding:6px 10px;border-radius:999px;background:var(--or);color:var(--or-ink)}
.ad.lose .tag{background:var(--glass-2);color:var(--ink-3)}
.phone{border-radius:34px;padding:16px;background:#F7F3EE;box-shadow:inset 0 0 0 1px var(--line-2);display:grid;gap:10px;max-width:400px;justify-self:center;width:100%}
.ntf{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border-radius:20px;background:var(--glass-2)}
.ntf .av{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--glass-2);font:800 15px/1 var(--fd)}
.ntf.hot{background:linear-gradient(90deg,rgba(243,108,22,.28),rgba(243,108,22,.08));box-shadow:inset 0 0 0 1px rgba(243,108,22,.6)}
.ntf.hot .av{background:var(--or);color:var(--or-ink)}
.ntf p{font-size:14.5px;line-height:1.35}
.ntf p small{display:block;font-size:12px;font-weight:700;color:var(--ink-3)}
.ntf.hot p small{color:var(--or-3)}
.ntf time{font-size:12px;color:var(--ink-3)}
.pipe{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:8px;padding:6px 4px 0}
.pipe span{font-size:13.5px;font-weight:700;padding:9px 13px;border-radius:999px;background:var(--glass-2)}
.pipe span:last-child{background:var(--or);color:var(--or-ink)}
.pipe i{height:2px;background:repeating-linear-gradient(90deg,var(--or) 0 6px,transparent 6px 11px);animation:flowh 1.2s linear infinite}
@keyframes flowh{to{background-position:11px 0}}

/* 03 différence */
.diffv{position:relative;margin-inline:auto;max-width:1100px}
.dv{display:none}
:root[data-v="a"] .dv-a,:root[data-v="b"] .dv-b,:root[data-v="c"] .dv-c{display:block}
.dv svg{width:100%;height:auto;display:block;overflow:visible}
.dv-c .v-m{display:none}
@media (max-width:700px){.dv-c .v-d{display:none}.dv-c .v-m{display:block;max-width:380px;margin:0 auto}}
.orb{fill:none;stroke:rgba(30,22,14,.12);stroke-width:1.5;stroke-dasharray:3 7}
.pl-lab{font-family:var(--fd);font-weight:700;font-size:28px;fill:var(--ink)}
.pl-sub{font-family:var(--fb);font-weight:500;font-size:18px;fill:var(--ink-3)}
.sun-t{font-family:var(--fd);font-weight:800;font-size:36px;letter-spacing:-1px;fill:var(--or-ink)}
.align-ln{stroke:url(#alg);stroke-width:3;opacity:0;transition:opacity .6s}
@media (max-width:700px){.pl-lab{display:none}.sun-t{font-size:44px}}
#dna{width:100%;height:400px;display:block}
.dna-leg{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:10px}
.dna-leg span{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink-2)}
.dna-leg i{width:18px;height:4px;border-radius:4px}
.bm-base{fill:none;stroke:rgba(30,22,14,.12);stroke-width:2}
.bm-flow{fill:none;stroke:var(--or);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:3 15;animation:bmf 1.3s linear infinite;filter:drop-shadow(0 0 5px rgba(243,108,22,.9))}
.bm-main{stroke-width:4.5;stroke-dasharray:6 14}
@keyframes bmf{to{stroke-dashoffset:-18}}
.bm-src{font-family:var(--fd);font-weight:700;font-size:24px;fill:var(--ink)}
.bm-node{fill:#F5F1EC;stroke:rgba(30,22,14,.18);stroke-width:1.5}
.bm-mod{font-family:var(--fd);font-weight:800;font-size:26px;fill:var(--ink);letter-spacing:-.5px}
.bm-cat{font-family:var(--fb);font-weight:600;font-size:15px;fill:var(--ink-3)}
.bm-end{font-family:var(--fd);font-weight:800;font-size:22px;fill:var(--or-2)}
.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(36px,5vw,60px)}
.pillar{border-radius:var(--r-l);padding:28px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:10px;align-content:start;min-width:0}
.pillar .dt{width:14px;height:14px;border-radius:50%}
.pillar b{font:800 26px/1.1 var(--fd);letter-spacing:-.02em}
.pillar p{color:var(--ink-2);font-size:16px}
@media (max-width:820px){.pillars{grid-template-columns:minmax(0,1fr)}}
.diff-out{margin-top:clamp(36px,5vw,56px);display:grid;justify-items:center;text-align:center;gap:16px}
.diff-out p{font:700 clamp(22px,2.2vw,30px)/1.3 var(--fd);letter-spacing:-.015em;max-width:30em;text-wrap:balance}
.diff-out .tools{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.diff-out .tools span{padding:10px 16px;border-radius:999px;background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--line);font-size:14.5px;color:var(--ink-2)}
.diff-out .tools .mod{font-size:18px;color:var(--ink)}

/* citation */
.quote{padding-block:clamp(170px,18vw,250px) clamp(60px,8vw,110px);text-align:center}
.quote::before{content:"";position:absolute;left:50%;top:55%;width:min(900px,100vw);height:600px;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(243,108,22,.16),transparent 65%);pointer-events:none}
.quote .w{display:grid;justify-items:center;gap:34px}
.qmark{font:800 160px/0.6 var(--fd);color:var(--or);height:60px;text-shadow:0 0 40px rgba(243,108,22,.6)}
.qtext{font:700 clamp(30px,3.8vw,56px)/1.15 var(--fd);letter-spacing:-.025em;max-width:22em;margin:0;text-wrap:balance}
.qtext.play span{animation:wordin 1s var(--ease) both;animation-delay:calc(var(--i) * 45ms)}
@keyframes wordin{from{opacity:.12;filter:blur(6px)}to{opacity:1;filter:none}}
.qtext em{font-style:normal;color:var(--or-2)}
.qby{display:flex;align-items:center;gap:16px;text-align:left}
.duo{display:flex}
.duo .ph{width:52px;height:52px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px var(--bg),0 0 0 4px rgba(243,108,22,.6);background:var(--panel-2);position:relative;display:grid;place-items:center;font:700 14px/1 var(--fb)}
.duo .ph + .ph{margin-left:-12px}
.duo .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.duo .ph.miss img{display:none}
.qby b{display:block;font-weight:600}
.qby span{color:var(--ink-2);font-size:14.5px}

/* études de cas */
.ctrls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:-40px;margin-bottom:28px}
.cnt{font:700 15px/1 var(--fd);color:var(--ink-2);font-variant-numeric:tabular-nums;min-width:60px;text-align:center}
.cnt b{color:var(--ink);font-size:22px}
.rb{width:54px;height:54px;border-radius:50%;border:0;background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--line-2);display:grid;place-items:center;cursor:pointer;transition:background .3s,transform .3s var(--ease)}
.rb:hover{background:var(--or);color:var(--or-ink);transform:scale(1.06)}
.rb .ico{width:20px;height:20px}
.rb.prev .ico{transform:scaleX(-1)}
.car{position:relative;z-index:2;display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-block:10px 30px;
  padding-left:max(clamp(20px,4.5vw,56px),calc((100% - 1312px)/2 + 56px),env(safe-area-inset-left,0px));padding-right:max(clamp(20px,4.5vw,56px),env(safe-area-inset-right,0px));
  scroll-padding-left:max(clamp(20px,4.5vw,56px),calc((100% - 1312px)/2 + 56px));cursor:grab}
.car::-webkit-scrollbar{display:none}
.car.drag{cursor:grabbing;scroll-snap-type:none}
.case{flex:0 0 clamp(290px,36vw,470px);scroll-snap-align:start;border-radius:var(--r-l);overflow:hidden;background:linear-gradient(180deg,#F4F0EB,#F7F3EE);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;color:inherit;display:grid;grid-template-rows:auto 1fr;transition:transform .6s var(--ease),box-shadow .5s;user-select:none;-webkit-user-drag:none}
.case:hover{transform:translateY(-8px);box-shadow:inset 0 0 0 1px rgba(243,108,22,.5),0 40px 80px -40px rgba(243,108,22,.5)}
.case .media{position:relative;aspect-ratio:16/10;overflow:hidden;background:radial-gradient(circle at 70% 30%,rgba(243,108,22,.35),transparent 60%),linear-gradient(var(--grid) 1px,transparent 1px) 0 0/36px 36px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0/36px 36px,#120F0C}
.case .media img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 1s var(--ease);pointer-events:none}
.case:hover .media img{transform:scale(1.05)}
.case .media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(14,12,10,.9))}
.case .media .fb{position:absolute;inset:0;display:none;place-items:center;font:800 clamp(30px,3vw,42px)/1 var(--fd);letter-spacing:-.03em;color:rgba(255,244,232,.85)}
.case .media.miss img{display:none}.case .media.miss .fb{display:grid}
.case .sec{position:absolute;left:16px;top:16px;z-index:2;padding:8px 13px;border-radius:999px;background:rgba(14,12,10,.6);backdrop-filter:blur(10px);font-size:12.5px;font-weight:600;box-shadow:inset 0 0 0 1px var(--line-2)}
.case-b{padding:24px 26px 26px;display:grid;gap:10px;align-content:start}
.case-b .n{font:800 clamp(48px,4.6vw,68px)/.95 var(--fd);letter-spacing:-.045em;white-space:nowrap}
.case-b .n i{font-style:normal;color:var(--or)}
.case-b .who{font-weight:600}
.case-b p{color:var(--ink-2);font-size:15.5px;line-height:1.5}
.go{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:16px;border-top:1px solid var(--line);font-weight:600;font-size:15px}
.go span:last-child{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--glass-2);transition:background .3s,transform .4s var(--ease)}
.case:hover .go span:last-child{background:var(--or);color:var(--or-ink);transform:rotate(-45deg)}
.go .ico{width:18px;height:18px}
.case.all{background:linear-gradient(160deg,rgba(243,108,22,.2),rgba(243,108,22,.03) 70%);box-shadow:inset 0 0 0 1px rgba(243,108,22,.4);grid-template-rows:1fr}
.case.all .case-b{align-content:space-between;padding:30px}
.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;font-size:12.5px;font-weight:600;background:var(--glass-2);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap}
.tags{display:flex;flex-wrap:wrap;gap:8px}
.prog{height:3px;border-radius:99px;background:var(--line);overflow:hidden;margin-top:6px}
.prog i{display:block;height:100%;width:var(--p,20%);background:var(--or);border-radius:99px;transition:width .4s var(--ease)}

/* avis */
.bigstars{display:flex;gap:8px;justify-content:center;margin-top:-30px;margin-bottom:clamp(36px,5vw,56px)}
.bigstars .ico{width:clamp(30px,3.4vw,42px);height:clamp(30px,3.4vw,42px);color:var(--or);filter:drop-shadow(0 0 14px rgba(243,108,22,.55))}
.bigstars.play .ico,.rv.play .stars .ico{animation:starin .8s var(--ease) both;animation-delay:calc(var(--i) * 110ms)}
@keyframes starin{0%{transform:scale(.3) rotate(-30deg);opacity:.15}60%{transform:scale(1.25) rotate(6deg);opacity:1}100%{transform:none;opacity:1}}
.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.rv{position:relative;border-radius:var(--r-l);padding:30px;display:grid;gap:18px;align-content:start;overflow:hidden;background:linear-gradient(180deg,rgba(30,22,14,.055),rgba(30,22,14,.018));box-shadow:inset 0 0 0 1px var(--line);transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--ease),box-shadow .4s;min-width:0}
.rv::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;background:radial-gradient(240px circle at var(--x,50%) var(--y,0%),rgba(255,148,80,.95),transparent 65%);-webkit-mask:linear-gradient(#FFFFFF 0 0) content-box,linear-gradient(#FFFFFF 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s}
.rv::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(360px circle at var(--x,50%) var(--y,0%),rgba(243,108,22,.1),transparent 60%);opacity:0;transition:opacity .35s}
.rv:hover::before,.rv:hover::after{opacity:1}
.rv > *{position:relative;z-index:1}
.rv .top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.rv blockquote{margin:0;font-size:17px;line-height:1.55}
.rv.big{grid-column:span 3;grid-row:span 2;background:radial-gradient(120% 80% at 0% 0%,rgba(243,108,22,.2),transparent 55%),linear-gradient(180deg,rgba(30,22,14,.06),rgba(30,22,14,.02));box-shadow:inset 0 0 0 1px rgba(243,108,22,.35);align-content:space-between}
.rv.big blockquote{font:700 clamp(26px,2.6vw,38px)/1.18 var(--fd);letter-spacing:-.02em}
.rv.big blockquote::before{content:"«\00a0";color:var(--or)}
.rv.big blockquote::after{content:"\00a0»";color:var(--or)}
.rv.sm{grid-column:span 3}
.res{display:inline-flex;align-items:baseline;gap:10px;padding:12px 18px;border-radius:18px;background:var(--or-soft);box-shadow:inset 0 0 0 1px rgba(243,108,22,.4);justify-self:start}
.res b{font:800 34px/1 var(--fd);letter-spacing:-.04em;color:var(--or-2)}
.res span{font-size:14px;color:var(--ink-2)}
.by{display:flex;align-items:center;gap:14px}
.by .av{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font:700 13px/1 var(--fb);background:linear-gradient(135deg,#2A221B,#F5F1EC);box-shadow:inset 0 0 0 1px var(--line-2),0 0 0 3px rgba(243,108,22,.25)}
.by b{display:block;font-weight:600;font-size:15.5px}
.by span{font-size:14px;color:var(--ink-2)}
.rv.cta{background:linear-gradient(160deg,#F36C16,#C9520C);color:var(--or-ink);box-shadow:0 30px 80px -40px rgba(243,108,22,.8);align-content:space-between}
.rv.cta h3{font:800 clamp(26px,2.4vw,34px)/1.05 var(--fd);letter-spacing:-.03em;margin:0}
.rv.cta p{color:rgba(23,10,2,.75)}
.rv.cta .btn{background:var(--or-ink);color:var(--ink);box-shadow:none;justify-self:start}
.rv.cta .btn .arr{background:rgba(30,22,14,.12)}
.rv.cta::before{display:none}
@media (max-width:980px){.rv.big,.rv.sm{grid-column:span 6;grid-row:auto}}
.ribbon{margin-top:clamp(36px,5vw,60px);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.ribbon-t{display:flex;width:max-content;gap:14px;animation:mq 40s linear infinite}
.ribbon:hover .ribbon-t{animation-play-state:paused}
.rib{display:inline-flex;align-items:center;gap:12px;padding:14px 22px;border-radius:999px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap;font:600 16px/1 var(--fd);letter-spacing:-.01em}
.rib .stars .ico{width:14px;height:14px}

/* méthode */
.rules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.rule{border-radius:var(--r-l);padding:26px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:14px;align-content:start;min-width:0}
.ib{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.rule b{font:700 20px/1.15 var(--fd);letter-spacing:-.015em}
.rule p{font-size:15px;color:var(--ink-2);line-height:1.5}
@media (max-width:1060px){.rules{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.rules{grid-template-columns:minmax(0,1fr)}}
.team{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.mate{border-radius:var(--r-l);padding:12px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:22px;align-items:end}
.mate .pic{position:relative;aspect-ratio:4/5;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 50% 30%,rgba(243,108,22,.35),transparent 65%),#F4F0EB;display:grid;place-items:center;font:800 48px/1 var(--fd);color:rgba(30,22,14,.8)}
.mate .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .6s,transform 1s var(--ease)}
.mate:hover .pic img{filter:none;transform:scale(1.03)}
.mate .pic.miss img{display:none}
.mate-b{display:grid;gap:10px;padding:10px 14px 16px 0}
.mate-b small{font-size:13.5px;font-weight:600;color:var(--or-2)}
.mate-b b{font:800 clamp(28px,2.6vw,36px)/1 var(--fd);letter-spacing:-.03em}
.mate-b p{font-size:15px;color:var(--ink-2);line-height:1.5}
@media (max-width:860px){.team{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){.mate{grid-template-columns:minmax(0,1fr)}.mate .pic{aspect-ratio:4/3}.mate-b{padding:4px 8px 12px}}

/* arrivée */
.final{padding-block:clamp(220px,22vw,300px) clamp(110px,12vw,170px);text-align:center}
.final .w{display:grid;justify-items:center;gap:28px}
.pool{position:relative;width:18px;height:18px;border-radius:50%;background:var(--or);box-shadow:0 0 0 8px var(--or-soft),0 0 60px 16px rgba(243,108,22,.6);margin-bottom:30px;transition:box-shadow 1.2s var(--ease)}
.final.lit .pool{box-shadow:0 0 0 12px var(--or-soft),0 0 140px 60px rgba(243,108,22,.55)}
.pool i{position:absolute;inset:-20px;border-radius:50%;border:1px solid rgba(243,108,22,.45);animation:ripple 3.6s var(--ease) infinite}
.pool i:nth-child(2){animation-delay:1.2s}.pool i:nth-child(3){animation-delay:2.4s}
.final .h2{max-width:15em}
.final .small{font-size:14.5px;color:var(--ink-2)}

/* pied de page */
.ft{position:relative;z-index:2;border-top:1px solid var(--line);background:var(--bg);padding-block:56px calc(110px + env(safe-area-inset-bottom,0px))}
.ft-g{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:36px}
.ft-g > *{min-width:0}
.ft h4{font:600 13.5px/1 var(--fb);color:var(--ink-3);margin:0 0 16px}
.ft .logo{font-size:30px;padding:0}
.ft a{display:block;text-decoration:none;color:var(--ink-2);font-size:15px;padding:5px 0;transition:color .2s}
.ft a:hover{color:var(--ink)}
.ft p{color:var(--ink-2);font-size:15px;max-width:38ch;margin-top:16px}
.ft address{font-style:normal;color:var(--ink-2);font-size:15px;line-height:1.8}
.ft address span{color:var(--ink-3)}
.mail{user-select:all;color:var(--ink)!important}
.legal{margin-top:44px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-3);line-height:1.7;display:grid;gap:6px}
@media (max-width:860px){.ft-g{grid-template-columns:repeat(2,minmax(0,1fr))}.ft-g > :first-child{grid-column:1/-1}}

/* bouton flottant */
.fab{position:fixed;z-index:70;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));display:inline-flex;align-items:center;gap:12px;min-height:58px;padding:0 8px 0 22px;border:0;border-radius:999px;cursor:pointer;background:rgba(20,17,14,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--ink);font:700 15px/1 var(--fb);
  box-shadow:inset 0 0 0 1px rgba(243,108,22,.45),0 20px 50px -18px rgba(0,0,0,.9),0 0 40px -10px rgba(243,108,22,.5);transform:translateY(160%);transition:transform .6s var(--ease)}
.fab.on{transform:none}
.fab .dt{width:9px;height:9px;border-radius:50%;background:var(--or);animation:ping 2.4s infinite}
.fab .arr{width:42px;height:42px;border-radius:50%;background:var(--or);color:var(--or-ink);display:grid;place-items:center}
.fab .arr .ico{width:18px;height:18px}
.fab small{display:block;font-size:12px;font-weight:500;color:var(--ink-2);margin-top:3px}
.fab .tx{text-align:left}
@media (max-width:560px){.fab small{display:none}.fab{min-height:52px;padding-left:16px}.fab .arr{width:38px;height:38px}}

/* sélecteur de proposition (maquette) */
.vbar{position:fixed;z-index:75;left:max(18px,env(safe-area-inset-left,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:4px;padding:5px;border-radius:999px;background:rgba(245,240,234,.94);color:#F4F0EB;box-shadow:0 18px 40px -16px rgba(0,0,0,.7)}
.vbar > span{font-size:12.5px;font-weight:700;padding:0 8px 0 10px;color:#5B5249}
.vbar button{border:0;background:none;color:#5B5249;font-size:13.5px;font-weight:700;min-height:38px;padding:0 13px;border-radius:999px;cursor:pointer}
.vbar button[aria-pressed="true"]{background:#F4F0EB;color:#15120F}
.vbar button i{font-style:normal;font-weight:500;opacity:.7;margin-left:4px}
@media (max-width:760px){.vbar{left:50%;transform:translateX(-50%);bottom:auto;top:calc(env(safe-area-inset-top,0px) + 86px)}.vbar > span,.vbar button i{display:none}}

/* modale candidature */
.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top,0px)) max(18px,env(safe-area-inset-right,0px)) max(18px,env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px));background:rgba(6,5,4,.7);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);clip-path:circle(0px at var(--ox,50%) var(--oy,50%));transition:clip-path .8s var(--ease)}
.modal.open{clip-path:circle(160vmax at var(--ox,50%) var(--oy,50%))}
.m-panel{position:relative;isolation:isolate;overflow:hidden;overflow:clip;width:min(1120px,100%);max-height:min(760px,100%);border-radius:34px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);background:#F7F3EE;box-shadow:inset 0 0 0 1px var(--line-2),0 60px 140px -40px rgba(0,0,0,.9)}
.m-panel::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 72% 0%,#FFFFFF,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 72% 0%,#FFFFFF,transparent 75%)}
.m-panel::after{content:"";position:absolute;z-index:-1;right:-120px;top:-160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(243,108,22,.45),transparent 65%);filter:blur(20px);pointer-events:none}
.m-x{position:absolute;right:16px;top:16px;z-index:3;width:46px;height:46px;border-radius:50%;border:0;background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--line-2);display:grid;place-items:center;cursor:pointer;transition:background .3s,transform .4s var(--ease)}
.m-x:hover{background:var(--or);color:var(--or-ink);transform:rotate(90deg)}
.m-x .ico{width:18px;height:18px}
.dossier{margin:14px;border-radius:24px;padding:26px;display:grid;gap:20px;align-content:start;background:linear-gradient(180deg,rgba(30,22,14,.05),rgba(30,22,14,.015));box-shadow:inset 0 0 0 1px var(--line);overflow-y:auto;overflow-x:clip}
.dossier .t{font:800 26px/1.05 var(--fd);letter-spacing:-.025em;margin:0}
.drows{display:grid;gap:6px}
.drow{display:grid;grid-template-columns:28px 112px minmax(0,1fr);gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--glass);font-size:14.5px}
.drow i{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line-2);display:grid;place-items:center;transition:background .4s}
.drow.on i{background:var(--or);box-shadow:none}
.drow.on i::after{content:"";width:5px;height:9px;border:solid var(--or-ink);border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.drow span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.5px;font-weight:600;color:var(--ink-3)}
.drow b{font-weight:600;overflow-wrap:anywhere}
.drow:not(.on) b{font-weight:400;color:var(--ink-3)}
.path{display:grid;gap:10px}
.path > span{font-size:12.5px;font-weight:600;color:var(--ink-3)}
.path-r{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.pstep{border-radius:16px;padding:12px;display:grid;gap:4px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);transition:background .5s,box-shadow .5s;min-width:0}
.pstep span{font-size:11.5px;font-weight:600;color:var(--ink-3)}
.pstep b{font:800 18px/1 var(--fd);letter-spacing:-.03em}
.pstep b i{font-style:normal;color:var(--or)}
.pstep.lit{background:var(--or-soft);box-shadow:inset 0 0 0 1px rgba(243,108,22,.55)}
.pstep.first span{color:var(--or-2)}
.goal{font-size:14.5px;color:var(--ink-2);min-height:1.5em}
.goal em{font-style:normal;color:var(--or-2);font-weight:600}
.qpane{padding:clamp(24px,3.4vw,46px);display:grid;gap:22px;align-content:start;overflow:auto;min-height:0}
.qtop{display:flex;align-items:center;gap:16px;padding-right:56px}
.qcount{font:800 15px/1 var(--fd);color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}
.qcount b{font-size:24px;color:var(--ink)}
.segs{display:flex;gap:5px;flex:1;min-width:80px}
.segs i{flex:1;height:5px;border-radius:99px;background:var(--line-2);transition:background .4s}
.segs i.on{background:rgba(243,108,22,.5)}.segs i.cur{background:var(--or);box-shadow:0 0 12px rgba(243,108,22,.8)}
.back{border:0;background:none;color:var(--ink-2);font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;gap:6px;align-items:center;padding:8px 0;justify-self:start}
.back:disabled{opacity:.3;cursor:default}
.back .ico{width:16px;height:16px;transform:scaleX(-1)}
.qt{font:800 clamp(28px,3vw,42px)/1.04 var(--fd);letter-spacing:-.03em;margin:0;text-wrap:balance}
.qs-sub{color:var(--ink-2);font-size:15.5px;margin-top:-10px}
.opts{display:grid;gap:8px}
.opt{display:grid;grid-template-columns:42px minmax(0,1fr) auto 26px;gap:14px;align-items:center;width:100%;text-align:left;min-height:66px;padding:11px 14px 11px 12px;border:0;border-radius:18px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);font-size:16px;font-weight:500;line-height:1.3;cursor:pointer;transition:background .25s,box-shadow .25s,transform .35s var(--ease)}
.opt:hover{background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--line-2);transform:translateX(4px)}
.opt .oi{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--glass-2)}
.opt .oi .ico{width:20px;height:20px}
.opt small{display:block;font-size:12.5px;font-weight:600;color:var(--ink-3);margin-top:2px}
.opt kbd{font:600 12px/1 var(--fb);color:var(--ink-3);width:26px;height:26px;border-radius:8px;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--line-2)}
.opt .ck{width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line-2);display:grid;place-items:center}
.opt[aria-checked="true"]{background:linear-gradient(90deg,rgba(243,108,22,.2),rgba(243,108,22,.06));box-shadow:inset 0 0 0 1.5px var(--or),0 10px 40px -16px rgba(243,108,22,.7)}
.opt[aria-checked="true"] .oi{background:var(--or);color:var(--or-ink)}
.opt[aria-checked="true"] .oi .ico circle{fill:var(--or-ink)!important}
.opt[aria-checked="true"] .ck{background:var(--or);box-shadow:none}
.opt[aria-checked="true"] .ck::after{content:"";width:6px;height:11px;border:solid var(--or-ink);border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.opt[aria-checked="true"] kbd{color:var(--or-2);box-shadow:inset 0 0 0 1px rgba(243,108,22,.6)}
.meter{display:flex;gap:3px;align-items:flex-end;height:20px}
.meter i{width:5px;border-radius:3px;background:var(--line-2)}
.meter i:nth-child(1){height:6px}.meter i:nth-child(2){height:11px}.meter i:nth-child(3){height:16px}.meter i:nth-child(4){height:20px}
.meter i.f{background:var(--ink)}
.opt[aria-checked="true"] .meter i.f{background:var(--or-ink)}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fld{display:grid;gap:7px;min-width:0}
.fld label{font-size:13px;font-weight:600;color:var(--ink-2)}
.fld input{width:100%;min-height:56px;padding:0 18px;border:0;border-radius:16px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink);font:400 16px/1 var(--fb)}
.fld input:focus{outline:none;background:var(--glass-2);box-shadow:inset 0 0 0 1.5px var(--or),0 0 0 5px var(--or-soft)}
.fld .err,.cerr{font-size:13px;color:var(--or-2)}
.fld.bad input{box-shadow:inset 0 0 0 1.5px var(--or)}
.consent{grid-column:1/-1;display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--ink-2);line-height:1.45;cursor:pointer}
.consent input{width:20px;height:20px;margin-top:1px;accent-color:#F36C16;flex:none}
.cerr{grid-column:1/-1}
.qact{grid-column:1/-1;display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:4px}
.hint{font-size:12.5px;color:var(--ink-3)}
.hint kbd{font:inherit;padding:2px 7px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--line-2)}
.anim-in{animation:qin .55s var(--ease) both}
@keyframes qin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.done{display:grid;gap:18px;align-content:start}
.verdict{justify-self:start;display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;font-size:13.5px;font-weight:700;background:var(--or-soft);color:var(--or-2);box-shadow:inset 0 0 0 1px rgba(243,108,22,.5)}
.verdict.no{background:var(--glass-2);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.verdict .ico{width:18px;height:18px}
.done p{color:var(--ink-2);max-width:52ch}
.nexts{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.nexts li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);font-size:15.5px}
.nexts li span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--or-soft);color:var(--or-2);font:800 14px/1 var(--fd)}
@media (max-width:620px){.fields{grid-template-columns:minmax(0,1fr)}.opt kbd,.hint{display:none}.opt{grid-template-columns:42px minmax(0,1fr) 24px}}
@media (max-width:900px){
  .modal{padding:0}
  .m-panel{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);border-radius:0;height:100%;max-height:none}
  .dossier{margin:12px 12px 0;padding:16px 18px;gap:12px;padding-top:calc(16px + env(safe-area-inset-top,0px))}
  .dossier .t,.drows,.dossier > .lab{display:none}
  .pstep{padding:8px 10px}.pstep b{font-size:15px}
  .qtop{padding-right:0}
  .m-x{top:calc(14px + env(safe-area-inset-top,0px));right:14px;width:40px;height:40px}
  .qpane{padding:22px 18px calc(30px + env(safe-area-inset-bottom,0px))}
}
.pre{transform:translateY(34px)}
.rv-in{transition:transform 1s var(--ease)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
  .pre{transform:none}
}

.kpi2{font-size:12.5px;font-weight:700;color:var(--ink-3)}

/* v6 : le fil va de planète en planète (les numéros), chaque bloc s'éclaire quand il passe devant le lecteur */
.ch{padding-block:clamp(270px,26vw,350px) 0}
.chh{margin-bottom:clamp(64px,8vw,120px)}
.numw{margin-bottom:12px}
.numw::after{content:"";position:absolute;inset:-40%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,206,160,.75),rgba(243,108,22,.25) 35%,transparent 62%);opacity:0;transform:scale(.3)}
.stop.lit .numw::after,.stop.lit .qflare::after{animation:flare 1.5s var(--ease) both}
@keyframes flare{0%{opacity:0;transform:scale(.3)}25%{opacity:1}100%{opacity:0;transform:scale(1.7)}}
.ch.lit .sun,.stop.lit .sun{opacity:1;transform:translate(-50%,-50%) scale(1)}
.stop.lit .chn{-webkit-text-stroke-color:transparent}
.stop.lit .chn::after{opacity:1}
.stop.lit .numw::before{border-color:rgba(194,65,12,.35)}
.relay{position:relative;width:14px;height:14px;margin:clamp(90px,10vw,140px) auto 0;border-radius:50%;background:rgba(243,108,22,.35);box-shadow:0 0 0 6px rgba(243,108,22,.06);transition:background .6s,box-shadow .6s}
.relay.on{background:var(--or);box-shadow:0 0 0 6px var(--or-soft),0 0 30px 6px rgba(243,108,22,.55)}
.relay.on::after{content:"";position:absolute;inset:-14px;border-radius:50%;border:1px solid rgba(243,108,22,.4);animation:ripple 3s var(--ease) infinite}
.hero .relay{margin-top:clamp(40px,6vw,70px)}
#flow .seg{fill:none;stroke:url(#fg);stroke-width:2.5;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(243,108,22,.8))}
#flow .segr{fill:none;stroke:rgba(30,22,14,.1);stroke-width:1.5;stroke-dasharray:2 9;stroke-linecap:round}

/* lumière derrière le bloc qui passe devant le lecteur */
.spot-it{position:relative;transition:opacity .8s var(--ease),transform 1s var(--ease)}
.spot-it::before{content:"";position:absolute;left:50%;top:50%;width:min(1240px,130%);height:150%;transform:translate(-50%,-50%) scale(.75);pointer-events:none;z-index:-1;
  background:radial-gradient(ellipse 50% 50% at center,rgba(243,108,22,.26),rgba(243,108,22,.08) 45%,transparent 72%);opacity:0;transition:opacity 1.1s var(--ease),transform 1.4s var(--ease)}
.spot-it.on::before{opacity:1;transform:translate(-50%,-50%) scale(1)}
.js .spot-it.dim{opacity:.4;transform:scale(.975)}

/* logos des technologies */
.brand{gap:9px;padding:8px 14px 8px 11px;font-size:14px}
.brand img{width:18px;height:18px;filter:brightness(0) invert(1);opacity:.92;border-radius:0}
.brand.nologo{padding-left:14px}
.brands.big .brand{padding:10px 16px 10px 13px;font-size:15px}
.brands.big .brand img{width:20px;height:20px}

/* 01 résultats */
.slides{display:grid;gap:clamp(40px,6vw,90px)}
.ss{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(36px,6vw,100px);align-items:center;min-height:min(80vh,760px)}
.ss:nth-child(even) .ss-m{order:2}
.ss-m{position:relative;border-radius:28px;overflow:hidden;aspect-ratio:16/10;background:radial-gradient(circle at 70% 30%,rgba(243,108,22,.35),transparent 60%),linear-gradient(var(--grid) 1px,transparent 1px) 0 0/36px 36px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0/36px 36px,#F5F1EC;box-shadow:inset 0 0 0 1px var(--line-2),0 50px 100px -50px rgba(0,0,0,.9)}
.ss-m img.shot{width:100%;height:100%;object-fit:cover;object-position:top}
.ss-m .fb{position:absolute;inset:0;display:none;place-items:center;font:800 clamp(34px,3.4vw,52px)/1 var(--fd);letter-spacing:-.03em;color:rgba(30,22,14,.85)}
.ss-m.miss img.shot{display:none}.ss-m.miss .fb{display:grid}
.ss-m .badge{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:16px;background:rgba(14,12,10,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:13.5px;font-weight:600;box-shadow:inset 0 0 0 1px var(--line-2)}
.ss-m .badge img{height:24px;width:auto;max-width:110px;filter:brightness(0) invert(1)}
.ss-m .badge.miss img{display:none}
.ss-d{display:grid;gap:18px;min-width:0}
.ss-d .who{font-size:15px;font-weight:600;color:var(--ink-2)}
.ss-d .who b{color:var(--ink)}
.ss-d .n{font:800 clamp(80px,9.5vw,160px)/.86 var(--fd);letter-spacing:-.055em;white-space:nowrap}
.ss-d .n i{font-style:normal;color:var(--or)}
.ss-d .n small{font-size:.38em;letter-spacing:-.03em;margin-left:.1em}
.ss-d p.big{font:500 clamp(19px,1.7vw,24px)/1.4 var(--fb);max-width:30ch}
.kpis{display:flex;flex-wrap:wrap;gap:8px}
.kpi{display:inline-flex;align-items:baseline;gap:8px;padding:10px 14px;border-radius:14px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);font-size:14px;color:var(--ink-2)}
.kpi b{font:800 20px/1 var(--fd);color:var(--ink);letter-spacing:-.02em}
.link{display:inline-flex;align-items:center;gap:12px;font-weight:600;font-size:15.5px;text-decoration:none;justify-self:start}
.link span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--glass-2);transition:background .3s,transform .4s var(--ease)}
.link:hover span{background:var(--or);color:var(--or-ink);transform:rotate(-45deg)}
.link .ico{width:18px;height:18px}
@media (max-width:900px){.ss{grid-template-columns:minmax(0,1fr);min-height:0}.ss:nth-child(even) .ss-m{order:0}}

/* 02 étapes */
.howto{gap:clamp(60px,8vw,120px)}
.how{min-height:min(86vh,820px)}
.proof{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;background:var(--or-soft);box-shadow:inset 0 0 0 1px rgba(243,108,22,.35);font-size:15px;line-height:1.4}
.proof b{font:800 20px/1 var(--fd);color:var(--or-2);white-space:nowrap}
.search{flex-wrap:wrap;row-gap:4px;font-size:17px;border-radius:24px;padding:16px 20px}
.qw{font-weight:600}
.qin{border:0;background:transparent;color:var(--or-2);font:600 17px/1.3 var(--fb);padding:2px 0;border-bottom:1.5px dashed rgba(255,148,80,.6);min-width:3ch;outline:none}
.qin::placeholder{color:var(--ink-3);font-weight:500}
.qin:focus{border-bottom-color:var(--or)}
.answer .lead-a{font-size:14.5px;color:var(--ink-2)}
.answer .lead-a b{color:var(--ink)}
.res-r.you em{white-space:nowrap}
.res-r small{font-size:12.5px;color:var(--ink-3);font-weight:500;margin-left:6px}

/* avis : liens vers l'étude de cas */
.rv .tocase{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--or-2);text-decoration:none;justify-self:start}
.rv .tocase .ico{width:15px;height:15px}
.rv.sm2{grid-column:span 2}
@media (max-width:980px){.rv.sm2{grid-column:span 6}}

/* citation comme planète */
.qflare{position:relative;display:grid;place-items:center}
.qflare::after{content:"";position:absolute;width:300px;height:300px;left:50%;top:50%;margin:-150px 0 0 -150px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,206,160,.7),rgba(243,108,22,.25) 35%,transparent 62%);opacity:0}
.quote{padding-block:clamp(270px,26vw,350px) 0}
.quote .sun{width:min(900px,100vw)}
.quote::before{display:none}
.qmark{transition:color 1s,text-shadow 1s;color:rgba(243,108,22,.35);text-shadow:none}
.quote.lit .qmark{color:var(--or);text-shadow:0 0 40px rgba(243,108,22,.6)}

/* cas : grille de cartes plus riches */
.case-b .kpis{margin-top:4px}
.case-b .kpi{padding:7px 11px;font-size:12.5px}
.case-b .kpi b{font-size:15px}
.case .n small{font-size:.42em;margin-left:.08em}

.final{padding-block:clamp(270px,26vw,350px) clamp(110px,12vw,170px)}

/* v7 : logos plus grands */
.logos{padding-block:18px}
.logos-t{gap:84px}
.lg{height:72px}
.lg img{height:56px;max-width:200px;filter:brightness(0) invert(1) opacity(.78)}
.lg .nm{font-size:24px;color:var(--ink-2)}

/* bande des meilleurs résultats, sur une ligne */
.band{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-radius:32px;background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;isolation:isolate}
.bi{position:relative;display:grid;gap:10px;align-content:start;padding:clamp(22px,2.4vw,34px) clamp(16px,1.6vw,24px);text-decoration:none;color:inherit;min-width:0;transition:opacity .6s var(--ease)}
.bi + .bi{box-shadow:inset 1px 0 0 var(--line)}
.bi::before{content:"";position:absolute;inset:-40% -30%;z-index:-1;background:radial-gradient(ellipse 50% 45% at 50% 55%,rgba(243,108,22,.42),rgba(243,108,22,.1) 45%,transparent 72%);opacity:0;transform:scale(.7);transition:opacity .9s var(--ease),transform 1.1s var(--ease);pointer-events:none}
.bi.on::before{opacity:1;transform:none}
.band.live .bi:not(.on){opacity:.55}
.bi .bn{font:800 clamp(34px,3.6vw,58px)/.95 var(--fd);letter-spacing:-.05em;white-space:nowrap}
.bi .bn i{font-style:normal;color:var(--or)}
.bi .bn small{font-size:.5em;letter-spacing:-.02em}
.bi .bl{font-size:14px;line-height:1.4;color:var(--ink-2)}
.bi .bc{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--ink);margin-top:auto}
.bi .bc .ico{width:14px;height:14px;color:var(--or);transition:transform .4s var(--ease)}
.bi:hover .bc .ico{transform:translateX(3px)}
.band-f{display:flex;justify-content:center;margin-top:28px}
@media (max-width:1060px){
  .band{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .band::-webkit-scrollbar{display:none}
  .bi{flex:0 0 min(240px,62vw);scroll-snap-align:start}
}

/* mur des autres études */
.wall{margin-top:clamp(40px,5vw,64px);display:grid;gap:18px;justify-items:center;text-align:center}
.wall > span{font-size:14.5px;font-weight:600;color:var(--ink-2)}
.wall-g{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:1100px}
.wc{display:inline-flex;align-items:baseline;gap:8px;padding:11px 16px;border-radius:999px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);font-weight:600;font-size:15px;text-decoration:none;color:var(--ink);transition:background .3s,box-shadow .3s}
.wc small{font-size:12.5px;font-weight:500;color:var(--ink-3)}
.wc:hover{background:var(--glass-2);box-shadow:inset 0 0 0 1px rgba(243,108,22,.45)}

/* menus déroulants : secteurs et régions */
.nav{align-items:center}
.dd{position:relative}
.dd-b{display:inline-flex;align-items:center;gap:6px;border:0;background:none;font-size:14.5px;font-weight:500;color:var(--ink-2);padding:9px 14px;border-radius:999px;cursor:pointer;transition:background .25s,color .25s}
.dd-b:hover,.dd.open .dd-b{color:var(--ink);background:var(--glass-2)}
.dd-b svg{width:12px;height:12px;transition:transform .3s}
.dd.open .dd-b svg{transform:rotate(180deg)}
.dd-p{position:absolute;left:50%;top:calc(100% + 14px);transform:translate(-50%,8px);min-width:300px;padding:12px;border-radius:24px;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px var(--line-2),0 40px 80px -30px rgba(0,0,0,.9);opacity:0;visibility:hidden;transition:opacity .25s,transform .35s var(--ease),visibility .25s;z-index:70}
.dd.open .dd-p{opacity:1;visibility:visible;transform:translate(-50%,0)}
.dd-p.ind{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:min(860px,90vw)}
.dd-p.reg{display:grid;gap:2px;width:280px}
.dd-p a{display:grid;gap:3px;padding:12px 14px;border-radius:14px;text-decoration:none;color:var(--ink);font-size:14.5px;font-weight:600;transition:background .2s}
.dd-p a small{font-size:12.5px;font-weight:500;color:var(--ink-3)}
.dd-p a:hover{background:var(--glass-2)}
.dd-p a.cur{background:var(--or-soft);box-shadow:inset 0 0 0 1px rgba(243,108,22,.4)}

/* barre de sous-site */
.subbar{position:sticky;top:calc(env(safe-area-inset-top,0px) + 88px);z-index:55;margin-top:88px;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}
.subbar-in{max-width:1220px;margin:0 auto;display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 6px 6px 18px;border-radius:999px;background:rgba(243,108,22,.1);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px rgba(243,108,22,.35)}
.crumb{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-2);white-space:nowrap}
.crumb a{color:var(--ink-2);text-decoration:none}
.crumb a:hover{color:var(--ink)}
.crumb b{color:var(--ink);font-weight:700}
.crumb i{font-style:normal;color:var(--ink-3)}
.subnav{display:flex;gap:2px;margin-left:auto;overflow-x:auto;scrollbar-width:none}
.subnav::-webkit-scrollbar{display:none}
.subnav a{white-space:nowrap;font-size:13.5px;font-weight:600;color:var(--ink-2);text-decoration:none;padding:9px 13px;border-radius:999px}
.subnav a:hover{background:var(--glass-2);color:var(--ink)}
.subnav a.cur{background:var(--or);color:var(--or-ink)}
@media (max-width:760px){.subbar-in{border-radius:22px;flex-wrap:wrap;padding:10px 12px}.crumb{width:100%}.subnav{margin-left:0;width:100%}}

/* pied de page maillé */
.ft-mega{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(4,minmax(0,1fr));gap:32px}
.ft-mega > *{min-width:0}
.ft-mega .cols2{columns:1}
@media (max-width:1060px){.ft-mega{grid-template-columns:repeat(2,minmax(0,1fr))}.ft-mega > :first-child{grid-column:1/-1}}
.ft a.here{color:var(--or-2)}

/* champs Airtable (maquette) */
.fbar{position:fixed;z-index:75;left:max(18px,env(safe-area-inset-left,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));border:0;border-radius:999px;background:rgba(245,240,234,.94);color:#F4F0EB;font-size:13px;font-weight:700;min-height:42px;padding:0 16px;cursor:pointer;box-shadow:0 18px 40px -16px rgba(0,0,0,.7)}
.fbar[aria-pressed="true"]{background:#F36C16}
.show-f [data-f]{outline:1.5px dashed rgba(194,65,12,.8);outline-offset:4px;position:relative}
.show-f [data-f]::after{content:attr(data-f);position:absolute;left:0;top:-22px;z-index:5;font:600 11px/1 var(--fb);letter-spacing:0;padding:4px 7px;border-radius:6px;background:#C2410C;color:#F4F0EB;white-space:nowrap;-webkit-text-stroke:0;text-transform:none}
@media (max-width:700px){.fbar{display:none}}

/* sous-sites : blocs */
.sub-hero{padding-block:clamp(90px,10vw,140px) 0;text-align:center}
.sub-hero .w{display:grid;justify-items:center;gap:28px}
.facts{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.blk{padding-block:clamp(110px,12vw,170px) 0}
.blk-h{display:grid;justify-items:center;text-align:center;gap:16px;margin-bottom:clamp(40px,5vw,64px)}
.blk-h .lead{text-align:center}
.svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.svc a{border-radius:var(--r-l);padding:28px;background:linear-gradient(180deg,rgba(30,22,14,.05),rgba(30,22,14,.015));box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:14px;align-content:start;text-decoration:none;color:inherit;transition:transform .5s var(--ease),box-shadow .4s}
.svc a:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1px rgba(243,108,22,.5),0 40px 80px -40px rgba(243,108,22,.5)}
.svc .mod{font-size:44px;line-height:.9}
.svc .cat{font-size:13px;font-weight:700;color:var(--or-2)}
.svc p{color:var(--ink-2);font-size:16px}
.svc .go2{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;margin-top:6px}
.svc .go2 .ico{width:16px;height:16px;color:var(--or)}
@media (max-width:900px){.svc{grid-template-columns:minmax(0,1fr)}}
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.tiles a{border-radius:20px;padding:18px 20px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;color:var(--ink);display:grid;gap:4px;font-weight:600;transition:background .3s,box-shadow .3s}
.tiles a small{font-size:13px;font-weight:500;color:var(--ink-3)}
.tiles a:hover{background:var(--glass-2);box-shadow:inset 0 0 0 1px rgba(243,108,22,.4)}
@media (max-width:1000px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.tiles{grid-template-columns:minmax(0,1fr)}}
.who-r{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.who-r a{border-radius:var(--r-l);padding:24px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;color:inherit;display:grid;gap:8px}
.who-r a b{font:800 22px/1.1 var(--fd);letter-spacing:-.02em}
.who-r a span{font-size:14.5px;color:var(--ink-2)}
@media (max-width:1000px){.who-r{grid-template-columns:repeat(2,minmax(0,1fr))}}
.split2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,90px);align-items:center}
@media (max-width:900px){.split2{grid-template-columns:minmax(0,1fr)}}
.faq{max-width:880px;margin:0 auto;display:grid;gap:10px}
.faq details{border-radius:20px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);padding:0 22px}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 0;font-weight:600;font-size:17px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 26px/1 var(--fb);color:var(--or);transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 20px;color:var(--ink-2)}
.cases2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.cases2 .case{flex:none}
@media (max-width:820px){.cases2{grid-template-columns:minmax(0,1fr)}}
.note-c{border-radius:22px;padding:22px 24px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:start;font-size:16px;color:var(--ink-2)}
.note-c b{display:block;color:var(--ink);font-size:17px;margin-bottom:4px}
.sub-final{padding-block:clamp(130px,14vw,190px)}

.pool{margin-bottom:24px}

/* ===== page de propositions ===== */
.p-top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.p-top .w{display:flex;align-items:center;gap:18px;min-height:64px}
.p-top .logo{font:800 26px/1 var(--fd);letter-spacing:-.04em;text-decoration:none;color:var(--ink)}
.p-top .logo i{font-style:normal;color:var(--or)}
.p-idx{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-left:auto}
.p-idx::-webkit-scrollbar{display:none}
.p-idx a{white-space:nowrap;text-decoration:none;font-size:13.5px;font-weight:600;color:var(--ink-2);padding:8px 12px;border-radius:999px}
.p-idx a:hover{background:var(--glass-2);color:var(--ink)}
.p-idx a b{color:var(--or-2);font-weight:700;margin-right:6px}
.p-hero{padding:clamp(80px,9vw,130px) 0 clamp(40px,5vw,70px);text-align:center}
.p-hero .w{display:grid;justify-items:center;gap:22px}
.p-hero .h1{font-size:clamp(44px,6.4vw,94px);max-width:15ch}
.p-hero .h1 .or{color:var(--or)}
.p-sec{padding-block:clamp(90px,10vw,150px) 0}
.p-sec > .w > .blk-h{margin-bottom:clamp(34px,4vw,54px)}
.p-num{font:800 15px/1 var(--fd);color:var(--or-2);letter-spacing:.02em}
.pv-l{display:inline-flex;align-items:center;gap:8px;font:700 12.5px/1 var(--fb);letter-spacing:.06em;text-transform:uppercase;color:var(--or-2);background:var(--or-soft);box-shadow:inset 0 0 0 1px rgba(243,108,22,.35);padding:7px 11px;border-radius:999px}
.pv-l.rec{background:var(--or);color:var(--or-ink);box-shadow:none}
.pv-h{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px}
.pv-h h3{font:800 clamp(24px,2.4vw,32px)/1.1 var(--fd);letter-spacing:-.02em;margin:0}
.pv-p{color:var(--ink-2);max-width:70ch;margin-bottom:26px}
.pv{margin-top:clamp(70px,8vw,110px)}
.pv:first-of-type{margin-top:0}
.pc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.pc div{border-radius:18px;padding:16px 18px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);font-size:15px;color:var(--ink-2)}
.pc b{display:block;color:var(--ink);font-size:13px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}
.pc .plus b{color:var(--or-2)}
@media (max-width:700px){.pc{grid-template-columns:1fr}}

/* ===== fenêtre navigateur ===== */
.ctx-sw{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:22px}
.ctx-sw button{border:0;cursor:pointer;padding:10px 16px;border-radius:999px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line-2);font-weight:600;font-size:14.5px;color:var(--ink-2)}
.ctx-sw button.on{background:var(--or);color:var(--or-ink);box-shadow:none}
.bw{border-radius:26px;background:#FFFFFF;box-shadow:inset 0 0 0 1px var(--line-2),0 60px 120px -50px rgba(0,0,0,.95),0 0 120px -50px rgba(243,108,22,.35);overflow:hidden;overflow:clip;position:relative}
.bw-bar{display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--line);background:#F6F2ED}
.bw-bar .dots{display:flex;gap:6px}
.bw-bar .dots i{width:10px;height:10px;border-radius:50%;background:var(--line-2)}
.bw-url{flex:1;min-width:0;font:500 13px/1 var(--fb);color:var(--ink-3);background:var(--glass);padding:9px 14px;border-radius:999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bw-url b{color:var(--ink-2);font-weight:600}
.bw-in{position:relative;isolation:isolate;min-height:640px}
.bw-in::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle,var(--dot) 1px,transparent 1.7px);background-size:22px 22px}
.cx-strip{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 16px;font-size:12.5px;color:var(--ink-3);background:rgba(243,108,22,.07);border-bottom:1px solid rgba(243,108,22,.18);text-align:center}
.cx-strip b{color:var(--or-2);font-weight:600}
.cx-strip a{color:var(--ink-2)}
.cx-hd{display:flex;align-items:center;gap:14px;padding:12px 18px;margin:14px 16px 0;border-radius:20px;background:rgba(20,17,14,.8);box-shadow:inset 0 0 0 1px var(--line-2);position:relative;z-index:5}
.cx-hd .logo{font:800 24px/1 var(--fd);letter-spacing:-.04em;color:var(--ink);text-decoration:none}
.cx-hd .logo i{font-style:normal;color:var(--or)}
.cx-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--or-soft);box-shadow:inset 0 0 0 1px rgba(243,108,22,.4);font-size:13px;font-weight:700;color:var(--or-3);white-space:nowrap}
.cx-pill canvas{width:24px;height:24px;border-radius:50%;background:#FFFFFF}
.cx-nav{display:flex;gap:2px;margin-left:6px}
.cx-nav button,.cx-nav a{border:0;background:none;cursor:pointer;font:600 14px/1 var(--fb);color:var(--ink-2);padding:10px 12px;border-radius:12px;text-decoration:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.cx-nav button svg{width:11px;height:11px}
.cx-nav button:hover,.cx-nav button.on,.cx-nav a:hover{color:var(--ink);background:var(--glass-2)}
.cx-hd .btn{margin-left:auto}
.cx-mm{position:absolute;z-index:20;left:16px;right:16px;top:100%;margin-top:8px;border-radius:22px;padding:22px;background:#F6F2ED;box-shadow:inset 0 0 0 1px var(--line-2),0 40px 80px -30px rgba(0,0,0,.95);display:none}
.cx-mm.on{display:block;animation:pmmIn .28s var(--ease)}
@keyframes pmmIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.mm-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mm-col{border-radius:18px;padding:16px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line)}
.mm-col h5{margin:0 0 4px;font:800 18px/1 var(--fd);letter-spacing:-.02em}
.mm-col h5 i{font-style:normal;color:var(--or)}
.mm-col > small{display:block;color:var(--ink-3);font-size:12.5px;margin-bottom:10px}
.mm-col a,.mm-list a{display:block;text-decoration:none;color:var(--ink);font-size:14.5px;font-weight:600;padding:9px 10px;border-radius:12px}
.mm-col a small,.mm-list a small{display:block;font-weight:500;font-size:12px;color:var(--ink-3);margin-top:2px}
.mm-col a:hover,.mm-list a:hover{background:var(--glass-2)}
.mm-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.mm-list.c5{grid-template-columns:repeat(5,minmax(0,1fr))}
.mm-foot{margin-top:14px;font-size:12.5px;color:var(--ink-3);display:flex;gap:8px;align-items:center}
.mm-foot code{font-size:12px;color:var(--or-3);background:var(--glass);padding:3px 7px;border-radius:7px}
.cx-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:30px;align-items:center;padding:clamp(40px,5vw,70px) clamp(22px,4vw,56px) clamp(40px,5vw,60px);position:relative}
.cx-hero::after{content:"";position:absolute;right:-10%;top:10%;width:60%;aspect-ratio:1;z-index:-1;background:radial-gradient(circle,rgba(243,108,22,.22),transparent 62%);filter:blur(10px);pointer-events:none}
.cx-hero .h1{font-size:clamp(34px,4.3vw,62px)}
.cx-hero .h1 .or{color:var(--or)}
.cx-hero .lead{margin-top:18px;font-size:17px}
.cx-hero .ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.cx-hero .facts{justify-content:flex-start;margin-top:22px}
.cx-vis{position:relative;max-width:400px;width:100%;justify-self:center;padding:10px 0 40px}
.cx-vis > canvas{width:100%;height:100%;display:block}
.cx-map{position:absolute;left:-14%;top:36%;width:46%;z-index:3;border-radius:20px;padding:12px 12px 10px;background:rgba(255,255,255,.9);box-shadow:inset 0 0 0 1px var(--line-2),0 30px 60px -20px rgba(0,0,0,.9);backdrop-filter:blur(6px)}
.cx-map canvas{width:100%;display:block}
.cx-map span{display:block;font-size:12px;color:var(--ink-2);margin-top:6px;text-align:center}
.cx-map span b{color:var(--or-2)}
@media (max-width:900px){
  .cx-nav{display:none}
  .cx-hero{grid-template-columns:1fr}
  .cx-vis{max-width:360px}
  .bw-in{min-height:0}
}
@media (max-width:560px){.cx-hd .btn .t-long{display:none}.cx-pill{font-size:12px}}
.cx-hd .btn .t-short{display:none}
@media (max-width:560px){.cx-hd .btn .t-short{display:inline}}
.hw{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.hw > div{border-radius:22px;padding:22px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line)}
.hw b{display:block;font:800 19px/1.2 var(--fd);letter-spacing:-.01em;margin:10px 0 8px}
.hw p{color:var(--ink-2);font-size:15px}
.hw i{font-style:normal;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--or-soft);color:var(--or-2);font:800 14px/1 var(--fd)}
.hw code{font-size:13px;color:var(--or-3)}
.seo-n{margin-top:14px;border-radius:22px;padding:18px 22px;background:linear-gradient(90deg,rgba(243,108,22,.12),rgba(243,108,22,.03));box-shadow:inset 0 0 0 1px rgba(243,108,22,.3);color:var(--ink-2);font-size:15px}
.seo-n b{color:var(--ink)}
@media (max-width:900px){.hw{grid-template-columns:1fr}}

/* ===== visuels ===== */
.pics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pic-c{border-radius:22px;padding:14px 14px 16px;background:linear-gradient(180deg,#F5F1EC,#F7F3EE);box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:10px;text-align:center}
.pic-c canvas{width:100%;aspect-ratio:1;display:block}
.pic-c b{font:700 15px/1.2 var(--fb)}
.pic-c small{display:block;color:var(--ink-3);font-size:12.5px;font-weight:500;margin-top:3px}
.pic-c.map canvas{aspect-ratio:45/43}
@media (max-width:900px){.pics{grid-template-columns:repeat(2,minmax(0,1fr))}}
.photo-m{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ph-f{position:relative;aspect-ratio:4/5;border-radius:22px;overflow:hidden;isolation:isolate;
  background:repeating-linear-gradient(135deg,rgba(30,22,14,.035) 0 12px,transparent 12px 24px),linear-gradient(160deg,#F1EDE8,#FFFFFF 70%);box-shadow:inset 0 0 0 1px var(--line-2);display:grid;align-content:end;padding:18px}
.ph-f::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 50% at 70% 30%,rgba(243,108,22,.35),transparent 70%)}
.ph-f::after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle,rgba(194,65,12,.22) 1px,transparent 1.6px);background-size:14px 14px;-webkit-mask-image:linear-gradient(0deg,#FFFFFF,transparent 60%);mask-image:linear-gradient(0deg,#FFFFFF,transparent 60%)}
.ph-f b{font:800 19px/1.15 var(--fd)}
.ph-f span{font-size:13px;color:var(--ink-2)}
.ph-f em{position:absolute;top:16px;left:16px;font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);border:1px dashed var(--line-2);padding:6px 9px;border-radius:999px}
@media (max-width:700px){.photo-m{grid-template-columns:1fr 1fr}.photo-m .ph-f:nth-child(3){display:none}}
.adflow{display:grid;grid-template-columns:minmax(0,.8fr) auto minmax(0,1.2fr);gap:22px;align-items:center}
.pad{border-radius:18px;background:#fff;color:#1f1f1f;overflow:hidden;box-shadow:0 30px 70px -30px rgba(0,0,0,.9);font-family:Arial,Helvetica,sans-serif;max-width:340px;justify-self:center;width:100%}
.pad-top{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:12px;color:#5f6368}
.pad-top i{width:22px;height:22px;border-radius:50%;background:#F6F2ED;display:grid;place-items:center;color:var(--ink);font:800 11px/1 var(--fd);font-style:normal}
.pad-top i::after{content:".";color:var(--or)}
.pad-img{aspect-ratio:1;background:#FFFFFF;position:relative}
.pad-img canvas{width:100%;height:100%;display:block}
.pad-b{padding:12px 14px 14px}
.pad-b b{display:block;font-size:16px;line-height:1.3;color:#F1EDE8;font-weight:400}
.pad-b p{font-size:13px;color:#4d5156;margin-top:4px;line-height:1.4}
.pad-b span{display:inline-block;margin-top:10px;font-size:13px;font-weight:700;color:#1a73e8}
.pad-note{font-size:12px;color:var(--ink-3);text-align:center;margin-top:10px}
.adflow .arrow{display:grid;place-items:center;gap:6px;color:var(--or-2);font-size:12.5px;font-weight:700;text-align:center}
.adflow .arrow svg{width:40px;height:40px}
.mini-page{border-radius:20px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line-2);background:#FFFFFF}
.mini-page .bw-bar{padding:9px 12px}
.mini-in{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;align-items:center;padding:22px;position:relative;isolation:isolate}
.mini-in::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle,var(--dot) 1px,transparent 1.7px);background-size:18px 18px}
.mini-in b{font:800 clamp(20px,2.2vw,30px)/1.05 var(--fd);letter-spacing:-.03em}
.mini-in b i{font-style:normal;color:var(--or)}
.mini-in p{font-size:13px;color:var(--ink-2);margin-top:8px}
.mini-in .btn{margin-top:14px;min-height:38px;font-size:12.5px;padding:0 6px 0 14px}
.mini-in .btn .arr{width:28px;height:28px}
.mini-in canvas{width:100%;aspect-ratio:1}
@media (max-width:900px){.adflow{grid-template-columns:1fr}.adflow .arrow svg{transform:rotate(90deg)}}

/* ===== résultats R1 : la scène ===== */
.sc{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);border-radius:30px;overflow:hidden;background:linear-gradient(180deg,#F5F1EC,#F7F3EE);box-shadow:inset 0 0 0 1px var(--line-2),0 0 120px -50px rgba(243,108,22,.4)}
.sc-l{position:relative;padding:clamp(28px,3.5vw,46px);display:grid;align-content:start;gap:8px;min-height:440px;isolation:isolate}
.sc-l::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 70% 60%,#FFFFFF,transparent 75%);mask-image:radial-gradient(ellipse 70% 70% at 70% 60%,#FFFFFF,transparent 75%)}
.sc-cl{font-size:14px;font-weight:700;color:var(--or-2);display:flex;align-items:center;gap:8px}
.sc-cl::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--or);box-shadow:0 0 0 4px var(--or-soft)}
.sc-n{font:800 clamp(80px,11vw,168px)/.9 var(--fd);letter-spacing:-.05em;background:linear-gradient(180deg,#15120F,#C2410C 55%,#F36C16);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 40px rgba(243,108,22,.35));font-variant-numeric:tabular-nums}
.sc-n small{font-size:.4em;letter-spacing:-.02em}
.sc-lb{font-size:clamp(17px,1.5vw,21px);color:var(--ink);max-width:30ch}
.sc-go{margin-top:10px;justify-self:start;display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:700;font-size:14.5px;color:var(--or-2)}
.sc-go .ico{width:16px;height:16px}
.sc-curve{position:absolute;left:0;right:0;bottom:0;height:46%;z-index:-1;pointer-events:none}
.sc-curve path.c{fill:none;stroke-width:3;stroke-linecap:round}
.sc-curve path.a{opacity:.5}
.sc-curve text{fill:var(--ink-3);font:600 12px var(--fb)}
.sc-r{border-left:1px solid var(--line);display:grid;align-content:stretch}
.sc-r button{position:relative;border:0;background:none;cursor:pointer;text-align:left;padding:16px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--ink-2);font-weight:600;font-size:15px;overflow:hidden}
.sc-r button:last-child{border-bottom:0}
.sc-r button span{font:800 18px/1 var(--fd);color:var(--ink-3)}
.sc-r button.on{color:var(--ink);background:var(--glass)}
.sc-r button.on span{color:var(--or-2)}
.sc-r button i{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--or)}
.sc-r button.on i{animation:pscbar var(--dur,4.5s) linear forwards}
@keyframes pscbar{to{width:100%}}
@media (max-width:800px){.sc{grid-template-columns:1fr}.sc-r{border-left:0;border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr))}.sc-r button{padding:12px 14px;font-size:13.5px}.sc-l{min-height:380px}}

/* R2 : le tableau */
.tb{border-top:1px solid var(--line-2)}
.tb a{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr) minmax(0,.8fr) 52px;gap:24px;align-items:center;padding:26px 8px;border-bottom:1px solid var(--line-2);text-decoration:none;color:var(--ink);isolation:isolate;opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.tb a.in{opacity:1;transform:none}
.tb a::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(420px circle at var(--x,30%) 50%,rgba(243,108,22,.16),transparent 60%);opacity:0;transition:opacity .35s}
.tb a:hover::before{opacity:1}
.tb .n{font:800 clamp(48px,6vw,92px)/.9 var(--fd);letter-spacing:-.05em;transition:color .35s}
.tb .n small{font-size:.42em}
.tb a:hover .n{color:var(--or-2)}
.tb .l{color:var(--ink-2);font-size:clamp(16px,1.3vw,19px)}
.tb .c{font-weight:700;font-size:15px}
.tb .c small{display:block;color:var(--ink-3);font-weight:500;font-size:13px}
.tb .tgo{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--line-2);transition:background .3s,transform .35s var(--ease)}
.tb a:hover .tgo{background:var(--or);color:var(--or-ink);transform:rotate(-35deg)}
.tb .tgo .ico{width:18px;height:18px}
@media (max-width:800px){.tb a{grid-template-columns:1fr 44px;gap:6px 14px;padding:22px 4px}.tb .n{grid-column:1}.tb .l{grid-column:1}.tb .c{grid-column:1}.tb .tgo{grid-column:2;grid-row:1/4;width:44px;height:44px}}

/* R3 : le défilé */
.mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#FFFFFF 10%,#FFFFFF 90%,transparent);mask-image:linear-gradient(90deg,transparent,#FFFFFF 10%,#FFFFFF 90%,transparent);padding-block:10px}
.mq-t{display:flex;width:max-content;animation:pmq 46s linear infinite}
.mq:hover .mq-t{animation-play-state:paused}
@keyframes pmq{to{transform:translateX(-50%)}}
.mq a{display:grid;gap:10px;padding:0 clamp(28px,3vw,48px);text-decoration:none;position:relative}
.mq a + a::before{content:"";position:absolute;left:0;top:34%;width:8px;height:8px;border-radius:50%;background:var(--or);box-shadow:0 0 18px var(--or-glow)}
.mq .n{font:800 clamp(90px,12vw,190px)/.9 var(--fd);letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px rgba(255,244,232,.38);transition:color .4s,-webkit-text-stroke-color .4s;white-space:nowrap}
.mq .n small{font-size:.38em}
.mq a:hover .n{color:var(--or);-webkit-text-stroke-color:var(--or);filter:drop-shadow(0 0 30px rgba(243,108,22,.45))}
.mq .l{font-size:15px;color:var(--ink-2);max-width:26ch}
.mq .l b{color:var(--ink);display:block}
.mq.rev .mq-t{animation-direction:reverse;animation-duration:58s}

/* ===== avis ===== */
.rv2{border-radius:24px;padding:22px;display:grid;gap:14px;background:linear-gradient(180deg,rgba(30,22,14,.055),rgba(30,22,14,.018));box-shadow:inset 0 0 0 1px var(--line)}
.rv2 .top{display:flex;justify-content:space-between;gap:10px;align-items:center}
.rv2 blockquote{margin:0;font-size:15.5px;line-height:1.55}
.rv2 .rv2-by{display:flex;gap:10px;align-items:center}
.rv2 .rv2-by b{display:block;font-size:14px}
.rv2 .rv2-by span{font-size:12.5px;color:var(--ink-3)}
.rv2 .av{width:36px;height:36px;border-radius:50%;font-size:13px;box-shadow:inset 0 0 0 1px rgba(243,108,22,.45);color:var(--or-3)}
.rv2.hot{background:radial-gradient(120% 80% at 0% 0%,rgba(243,108,22,.2),transparent 55%),linear-gradient(180deg,rgba(30,22,14,.06),rgba(30,22,14,.02));box-shadow:inset 0 0 0 1px rgba(243,108,22,.35)}
.rv2 .res{padding:9px 14px}
.rv2 .res b{font-size:26px}
.wall2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;height:640px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#FFFFFF 12%,#FFFFFF 88%,transparent);mask-image:linear-gradient(180deg,transparent,#FFFFFF 12%,#FFFFFF 88%,transparent)}
.wall2 .col{overflow:hidden}
.wall2 .trk{display:grid;gap:14px;animation:pup var(--d,44s) linear infinite}
.wall2 .col.dn .trk{animation-direction:reverse}
.wall2:hover .trk{animation-play-state:paused}
@keyframes pup{to{transform:translateY(calc(-50% - 7px))}}
@media (max-width:900px){.wall2{grid-template-columns:1fr 1fr}.wall2 .col:nth-child(3){display:none}}
@media (max-width:600px){.wall2{grid-template-columns:1fr;height:560px}.wall2 .col:nth-child(2){display:none}}
.pj{border-radius:32px;padding:clamp(28px,4vw,60px);background:linear-gradient(180deg,#F5F1EC,#F7F3EE);box-shadow:inset 0 0 0 1px var(--line-2);position:relative;overflow:hidden;isolation:isolate;text-align:center;display:grid;justify-items:center;gap:22px}
.pj::before{content:"";position:absolute;left:50%;top:-30%;width:80%;aspect-ratio:1;transform:translateX(-50%);z-index:-1;background:radial-gradient(circle,rgba(243,108,22,.24),transparent 62%)}
.pj .stars .ico{width:24px;height:24px;transform:scale(0);opacity:0}
.pj .stars.shine .ico{animation:pst .5s var(--ease) forwards;animation-delay:calc(var(--i)*.09s)}
@keyframes pst{to{transform:none;opacity:1}}
.pj blockquote{margin:0;font:700 clamp(24px,3.2vw,44px)/1.18 var(--fd);letter-spacing:-.02em;max-width:26ch;min-height:3.6em;transition:opacity .35s,filter .35s}
.pj blockquote.out{opacity:0;filter:blur(6px)}
.pj mark{background:none;color:var(--or-2);background-image:linear-gradient(90deg,rgba(243,108,22,.28),rgba(243,108,22,.28));background-size:0 34%;background-repeat:no-repeat;background-position:0 88%;transition:background-size .9s var(--ease) .3s}
.pj blockquote.lit mark{background-size:100% 34%}
.pj .who b{display:block;font-size:16px}
.pj .who span{color:var(--ink-3);font-size:14px}
.pj .who a{display:inline-flex;gap:6px;align-items:center;margin-top:8px;font-size:13.5px;font-weight:700;color:var(--or-2);text-decoration:none}
.pj .who a .ico{width:15px;height:15px}
.avs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.avs button{position:relative;width:52px;height:52px;border-radius:50%;border:0;cursor:pointer;background:var(--glass-2);font:800 15px/1 var(--fd);color:var(--ink-2);display:grid;place-items:center}
.avs button.on{color:var(--or-ink);background:var(--or)}
.avs svg{position:absolute;inset:-5px;width:62px;height:62px;transform:rotate(-90deg)}
.avs circle{fill:none;stroke:var(--or);stroke-width:2;stroke-dasharray:182;stroke-dashoffset:182}
.avs button.on circle{animation:pring var(--dur,6.5s) linear forwards}
@keyframes pring{to{stroke-dashoffset:0}}
.cst{position:relative;height:620px;border-radius:32px;background:linear-gradient(180deg,#F6F2ED,#FFFFFF);box-shadow:inset 0 0 0 1px var(--line-2);overflow:hidden;isolation:isolate}
.cst::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle,var(--dot) 1px,transparent 1.7px);background-size:22px 22px}
.cst svg.ln{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.cst svg.ln line{stroke:rgba(30,22,14,.12);stroke-width:1}
.cst svg.ln line.on{stroke:url(#cstg);stroke-width:1.6}
.cst-c{position:absolute;left:50%;top:36%;transform:translate(-50%,-50%);width:200px;height:200px;border-radius:50%;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;background:radial-gradient(circle,rgba(243,108,22,.3),rgba(243,108,22,.06) 60%,transparent 72%);z-index:2}
.cst-c b{font:800 46px/1 var(--fd);letter-spacing:-.04em}
.cst-c span{font-size:13px;color:var(--ink-2);max-width:14ch}
.cst-c .stars .ico{width:15px;height:15px}
.cst-p{position:absolute;z-index:3;transform:translate(-50%,-50%);border:0;cursor:pointer;border-radius:999px;padding:9px 14px 9px 9px;display:flex;align-items:center;gap:9px;background:rgba(20,17,14,.92);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink);font-size:13.5px;font-weight:600;white-space:nowrap;transition:box-shadow .3s,background .3s}
.cst-p .av{width:30px;height:30px;border-radius:50%;font-size:12px}
.cst-p.on{background:rgba(40,22,10,.96);box-shadow:inset 0 0 0 1px rgba(243,108,22,.7),0 0 40px -6px rgba(243,108,22,.55)}
.cst-q{position:absolute;z-index:4;left:50%;bottom:22px;transform:translateX(-50%);width:min(560px,calc(100% - 40px));border-radius:22px;padding:18px 20px;background:rgba(255,255,255,.96);box-shadow:inset 0 0 0 1px rgba(243,108,22,.4),0 30px 60px -20px rgba(0,0,0,.9);text-align:left;font-size:15px;transition:opacity .3s}
.cst-q b{display:block;margin-top:8px;font-size:13.5px;color:var(--or-2)}
@media (max-width:760px){.cst{height:auto;padding:22px;display:grid;gap:10px}.cst svg.ln,.cst-c{display:none}.cst-p{position:static;transform:none;justify-self:start}.cst-q{position:static;transform:none;width:auto}}

/* ===== formulaire cabinet dentaire ===== */
.fq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}
.fq-l{display:grid;gap:8px;counter-reset:q}
.fq-l div{border-radius:18px;padding:14px 16px 14px 54px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);position:relative;font-size:15px}
.fq-l div::before{counter-increment:q;content:counter(q);position:absolute;left:14px;top:13px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--or-soft);color:var(--or-2);font:800 13px/1 var(--fd)}
.fq-l b{display:block}
.fq-l small{display:block;color:var(--ink-3);font-size:13px;margin-top:3px}
.fq-r{position:sticky;top:90px;display:grid;gap:14px}
.lead-card{border-radius:26px;padding:24px;background:linear-gradient(180deg,#F4F0EB,#F7F3EE);box-shadow:inset 0 0 0 1px var(--line-2)}
.lead-card h4{margin:0 0 4px;font:800 20px/1.2 var(--fd)}
.lead-card > small{color:var(--ink-3);font-size:13px}
.lead-card dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:16px 0 0;font-size:14px}
.lead-card dt{color:var(--ink-3)}
.lead-card dd{margin:0;font-weight:600}
.score{display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:10px 14px;border-radius:14px;background:var(--or-soft);box-shadow:inset 0 0 0 1px rgba(243,108,22,.4);font-weight:700;font-size:14px}
.score b{font:800 26px/1 var(--fd);color:var(--or-2)}
@media (max-width:900px){.fq{grid-template-columns:1fr}.fq-r{position:static}}

.wz{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:18px;background:rgba(5,4,3,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.wz.on{opacity:1;visibility:visible}
.wz-p{position:relative;isolation:isolate;width:min(1040px,100%);max-height:min(740px,100%);border-radius:32px;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);background:#F7F3EE;box-shadow:inset 0 0 0 1px var(--line-2),0 60px 140px -40px rgba(0,0,0,1);overflow:hidden;overflow:clip}
.wz-a{position:relative;padding:34px;display:grid;align-content:space-between;gap:20px;background:radial-gradient(90% 70% at 20% 100%,rgba(243,108,22,.35),transparent 65%),#F6F2ED;border-right:1px solid var(--line);isolation:isolate}
.wz-a::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(0deg,#FFFFFF,transparent 80%);mask-image:linear-gradient(0deg,#FFFFFF,transparent 80%)}
.wz-a .logo{font:800 26px/1 var(--fd);letter-spacing:-.04em}
.wz-a .logo i{font-style:normal;color:var(--or)}
.wz-a h3{font:800 clamp(26px,2.6vw,36px)/1.05 var(--fd);letter-spacing:-.02em;margin:0}
.wz-a p{color:var(--ink-2);font-size:15px;margin-top:10px}
.wz-a canvas{width:120px;height:120px}
.wz-steps{display:flex;gap:6px}
.wz-steps i{height:4px;flex:1;border-radius:4px;background:var(--line-2);transition:background .3s}
.wz-steps i.on{background:var(--or)}
.wz-b{padding:34px;overflow-y:auto;display:grid;align-content:start;gap:18px}
.wz-x{position:absolute;right:16px;top:16px;width:42px;height:42px;border-radius:50%;border:0;cursor:pointer;background:var(--glass-2);display:grid;place-items:center;z-index:3}
.wz-x .ico{width:18px;height:18px}
.wz-q small{color:var(--or-2);font-weight:700;font-size:13px}
.wz-q h4{font:800 clamp(22px,2.2vw,30px)/1.15 var(--fd);letter-spacing:-.02em;margin:6px 0 4px}
.wz-q p{color:var(--ink-3);font-size:14px}
.wz-o{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wz-o button{border:0;cursor:pointer;text-align:left;border-radius:18px;padding:16px 18px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line-2);font-weight:600;font-size:15px;color:var(--ink);display:flex;gap:12px;align-items:flex-start;transition:background .2s,box-shadow .2s}
.wz-o button small{display:block;font-weight:500;font-size:12.5px;color:var(--ink-3);margin-top:3px}
.wz-o button i{flex:none;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line-2);margin-top:1px}
.wz-o.multi button i{border-radius:6px}
.wz-o button:hover{background:var(--glass-2)}
.wz-o button.on{background:var(--or-soft);box-shadow:inset 0 0 0 1.5px var(--or)}
.wz-o button.on i{background:var(--or);box-shadow:none}
.wz-f{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wz-f label{display:grid;gap:6px;font-size:13px;color:var(--ink-3);font-weight:600}
.wz-f input{border:0;border-radius:14px;padding:14px 16px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink);font:500 15px var(--fb)}
.wz-f input:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--or)}
.wz-nav{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:6px}
.wz-nav .wz-back{border:0;background:none;color:var(--ink-3);cursor:pointer;font-weight:600}
.wz-nav .btn[disabled]{opacity:.4;pointer-events:none}
.wz-r{display:grid;gap:14px}
.wz-r .big{font:800 clamp(28px,3vw,40px)/1.05 var(--fd);letter-spacing:-.02em}
.wz-r .big i{font-style:normal;color:var(--or)}
@media (max-width:820px){.wz-p{grid-template-columns:1fr;max-height:100%}.wz-a{display:none}.wz-o,.wz-f{grid-template-columns:1fr}.wz-b{padding:26px 20px}}

/* ===== à valider ===== */
.val{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.val > div{border-radius:22px;padding:20px 22px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line)}
.val b{display:block;font:800 18px/1.2 var(--fd);margin-bottom:6px}
.val p{color:var(--ink-2);font-size:15px}
.val .pv-o{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.val .pv-o span{font-size:12.5px;font-weight:700;padding:6px 10px;border-radius:999px;background:var(--glass-2);color:var(--ink-2)}
.val .pv-o span.r{background:var(--or);color:var(--or-ink)}
.warn{border-radius:24px;padding:22px 24px;background:rgba(243,108,22,.06);box-shadow:inset 0 0 0 1px rgba(243,108,22,.3);display:grid;gap:12px}
.warn h4{margin:0;font:800 20px/1.2 var(--fd)}
.warn ul{margin:0;padding-left:20px;color:var(--ink-2);display:grid;gap:8px;font-size:15px}
.warn ul b{color:var(--ink)}
.tpl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;counter-reset:t}
.tpl div{border-radius:18px;padding:14px 16px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);font-size:14.5px}
.tpl div::before{counter-increment:t;content:counter(t,decimal-leading-zero);display:block;font:800 13px/1 var(--fd);color:var(--or-2);margin-bottom:8px}
.tpl b{display:block;font-size:15px}
.tpl small{color:var(--ink-3);font-size:12.5px}
@media (max-width:900px){.val,.tpl{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.val,.tpl{grid-template-columns:1fr}}
.foot-p{padding:clamp(90px,10vw,140px) 0 120px;text-align:center}

.cx-hero .ctas{justify-content:flex-start}
.tb .n small,.mq .n small{margin-left:.08em}
.tb .n i,.mq .n i{color:var(--or)}
.mq a:hover .n i{color:inherit}
.rv2-by{display:flex;gap:10px;align-items:center}
.rv2-by .av,.cst-p .av{display:grid;place-items:center;flex:none;font:800 13px/1 var(--fd);border-radius:50%;color:var(--or-3);background:var(--glass-2);box-shadow:inset 0 0 0 1px rgba(243,108,22,.45)}
.rv2-by .av{width:36px;height:36px}
.rv2 .tocase{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--or-2);text-decoration:none;justify-self:start}
.rv2 .tocase .ico{width:15px;height:15px}
@media (max-width:560px){.cx-hd{gap:10px;padding:10px 12px;margin:10px 10px 0}.cx-hd .btn{display:none}.cx-hero{padding:34px 18px 30px}}

.ctx-sw.lv{margin-top:-10px}
.ctx-sw.lv button.on{background:var(--ink);color:#FFFFFF}
.cx-pill .dotp{width:8px;height:8px;border-radius:50%;background:var(--or);box-shadow:0 0 0 4px var(--or-soft);margin-left:6px}
.adcard{position:relative;border-radius:26px;overflow:hidden;aspect-ratio:5/7;background:#15120F;box-shadow:0 50px 100px -40px rgba(0,0,0,1),0 0 0 1px rgba(30,22,14,.12),0 0 120px -30px rgba(243,108,22,.45);transform:rotate(1.5deg);transition:transform .6s var(--ease)}
.adcard:hover{transform:rotate(0)}
.adcard img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.adcard .adlive{position:absolute;right:12px;top:12px;display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:rgba(11,10,8,.72);color:#F5F0EA;font-size:11.5px;font-weight:600;backdrop-filter:blur(6px)}
.adcard .adlive i{width:7px;height:7px;border-radius:50%;background:#ff4d3a;box-shadow:0 0 0 3px rgba(255,77,58,.25);animation:pblink 1.6s infinite}
@keyframes pblink{50%{opacity:.35}}
@media (max-width:900px){.cx-map{left:-8%;top:44%;bottom:auto;width:54%}.cx-vis{max-width:300px;padding-bottom:20px}.adcard .adlive{display:none}}
.lvls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.lvls > div{border-radius:22px;padding:22px;background:linear-gradient(180deg,rgba(243,108,22,.08),rgba(243,108,22,.02));box-shadow:inset 0 0 0 1px rgba(243,108,22,.22);display:grid;gap:8px;align-content:start}
.lvls i{font-style:normal;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--or);color:var(--or-ink);font:800 14px/1 var(--fd)}
.lvls b{font:800 19px/1.2 var(--fd)}
.lvls p{color:var(--ink-2);font-size:15px}
.lvls code{font-size:12.5px;color:var(--or-3);background:var(--glass);padding:5px 9px;border-radius:8px;justify-self:start;word-break:break-all}
@media (max-width:900px){.lvls{grid-template-columns:1fr}}
.chain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:clamp(60px,7vw,90px);position:relative}
.chain > div{position:relative;border-radius:22px;padding:22px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:8px;align-content:start}
.chain > div:not(:last-child)::after{content:"";position:absolute;right:-12px;top:36px;width:12px;height:2px;background:var(--or)}
.chain .k{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--or-soft);color:var(--or-2);font:800 15px/1 var(--fd);box-shadow:inset 0 0 0 1px rgba(243,108,22,.4)}
.chain b{font:800 20px/1.2 var(--fd)}
.chain p{color:var(--ink-2);font-size:15px}
@media (max-width:900px){.chain{grid-template-columns:1fr 1fr}.chain > div::after{display:none}}
@media (max-width:560px){.chain{grid-template-columns:1fr}}
.pmx{display:grid;grid-template-columns:1fr 1.6fr .85fr;gap:16px;align-items:end}
.pmx-i{position:relative;border-radius:18px;overflow:hidden;background:#15120F;box-shadow:0 30px 70px -30px rgba(0,0,0,.95),0 0 0 1px rgba(30,22,14,.1)}
.pmx-i.sq{aspect-ratio:1}.pmx-i.ls{aspect-ratio:1.91}.pmx-i.pt{aspect-ratio:4/5}
.pmx-i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pmx-i.sq img,.pmx-i.pt img{object-position:center 35%}
.pmx-i.ls img{object-position:center 42%}
.pmx-m{position:absolute;left:12px;bottom:12px;width:38%;border-radius:14px;padding:8px 8px 6px;background:rgba(11,10,8,.86);backdrop-filter:blur(6px);box-shadow:0 14px 30px -10px rgba(0,0,0,.7)}
.pmx-i.ls .pmx-m{width:24%}
.pmx-m canvas{width:100%;display:block}
.pmx-m span{display:block;text-align:center;font-size:11px;font-weight:700;color:#C2410C;margin-top:3px}
.pmx-l{position:absolute;right:10px;top:10px;font:800 15px/1 var(--fd);color:#F6F2ED;letter-spacing:-.04em;background:#15120F;padding:6px 9px;border-radius:999px}
.pmx-l i{font-style:normal;color:var(--or)}
@media (max-width:800px){.pmx{grid-template-columns:1fr 1fr}.pmx-i.ls{grid-column:1/-1;order:-1}}
.cost{border-radius:22px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line-2)}
.cost .row{display:grid;grid-template-columns:1.1fr 1.3fr 1fr;gap:16px;padding:14px 20px;border-top:1px solid var(--line);font-size:15px;align-items:center}
.cost .row:first-child{border-top:0}
.cost .row.th{background:var(--glass-2);font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}
.cost .row b{color:var(--or-2)}
.cost .ok{color:#9BD8A8;font-size:13.5px;font-weight:600}
.cost .wait{color:var(--or-3);font-size:13.5px;font-weight:600}
@media (max-width:760px){.cost .row{grid-template-columns:1fr;gap:4px}.cost .row.th{display:none}}
.place{margin-top:clamp(60px,7vw,90px);border-radius:24px;padding:22px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:4px}
.place h4{margin:0 0 10px;font:800 20px/1.2 var(--fd)}
.place > div{display:grid;grid-template-columns:200px 1fr;gap:14px;padding:10px 0;border-top:1px solid var(--line);font-size:15px}
.place b{color:var(--or-2)}
.place span{color:var(--ink-2)}
@media (max-width:600px){.place > div{grid-template-columns:1fr;gap:2px}}
.sc-l{overflow:hidden}
.wz-img{width:120px;aspect-ratio:5/7;object-fit:cover;object-position:top;border-radius:14px;box-shadow:0 20px 40px -16px rgba(0,0,0,.9)}

/* ===== galerie de gabarits ===== */
.tp{display:none}
.tp.on{display:block}
.tp main{position:relative;z-index:1}
.or{color:var(--or)}
.logo{font:800 26px/1 var(--fd);letter-spacing:-.04em;color:var(--ink);text-decoration:none}
.logo i{font-style:normal;color:var(--or)}

/* barre de navigation entre gabarits */
.gbar{position:fixed;z-index:110;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:6px;border-radius:999px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px rgba(243,108,22,.45),0 24px 60px -18px rgba(0,0,0,.95);max-width:calc(100vw - 20px)}
.gbar a,.gbar button{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;background:var(--glass-2);color:var(--ink);font:600 13.5px/1 var(--fb);text-decoration:none;white-space:nowrap}
.gbar .nav-b{width:40px;padding:0}
.gbar .nav-b .ico{width:17px;height:17px}
.gbar #gbP .ico{transform:scaleX(-1)}
.gbar #gbX{background:var(--or);color:var(--or-ink)}
.gbar #gbX.end{background:var(--glass-2);color:var(--ink)}
.gbar .gb-t{display:grid;gap:3px;padding:0 10px;min-width:0}
.gbar .gb-t b{font:800 14px/1 var(--fd);letter-spacing:-.01em;white-space:nowrap}
.gbar .gb-t b span{color:var(--or-2);margin-right:8px}
.gbar .gb-t small{font-size:11.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46ch}
.gbar #gbF[aria-pressed="true"]{background:var(--or-soft);box-shadow:inset 0 0 0 1px var(--or);color:var(--or-3)}
.gbar.cover .gb-t,.gbar.cover #gbP{display:none}
.gb-idx{position:fixed;z-index:111;left:50%;bottom:76px;transform:translate(-50%,8px);width:min(420px,calc(100vw - 20px));max-height:min(70vh,560px);overflow:auto;border-radius:22px;padding:8px;background:#F6F2ED;box-shadow:inset 0 0 0 1px var(--line-2),0 40px 80px -30px rgba(0,0,0,.95);opacity:0;visibility:hidden;transition:opacity .2s,transform .3s var(--ease),visibility .2s}
.gb-idx.on{opacity:1;visibility:visible;transform:translate(-50%,0)}
.gb-idx a{display:flex;gap:12px;align-items:baseline;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--ink);font-weight:600;font-size:14.5px}
.gb-idx a i{font:800 12.5px/1 var(--fd);font-style:normal;color:var(--or-2);width:22px}
.gb-idx a small{color:var(--ink-3);font-weight:500;font-size:12.5px;margin-left:auto;text-align:right}
.gb-idx a:hover{background:var(--glass-2)}
.gb-idx a.on{background:var(--or-soft)}
@media (max-width:760px){.gbar .gb-t small{display:none}.gbar #gbF{display:none}.gbar .gb-t b{font-size:13px}.gbar{gap:4px}.gbar a,.gbar button{padding:0 12px}}
@media (max-width:380px){.gbar .gb-t b span{display:none}}
body{padding-bottom:90px}

/* champs Airtable */
body.show-f [data-f]{outline:1.5px dashed rgba(243,108,22,.7);outline-offset:6px;position:relative;border-radius:8px}
body.show-f [data-f]::after{content:attr(data-f);position:absolute;z-index:30;left:0;top:-14px;transform:translateY(-100%);font:700 11px/1.2 var(--fb);letter-spacing:.02em;color:var(--or-ink);background:var(--or);padding:5px 8px;border-radius:7px;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis;pointer-events:none}

/* couverture */
.g-hero{padding:clamp(70px,8vw,120px) 0 clamp(30px,4vw,50px);text-align:center}
.g-hero .w{display:grid;justify-items:center;gap:22px}
.g-hero .h1{font-size:clamp(46px,6.6vw,100px);max-width:13ch}
.g-hero .lead{text-align:center;max-width:64ch}
.g-logo{font-size:34px}
.g-list{padding-top:clamp(40px,5vw,70px)}
.g-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.g-card{position:relative;border-radius:24px;padding:18px 18px 18px;background:linear-gradient(180deg,rgba(30,22,14,.05),rgba(30,22,14,.015));box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;color:var(--ink);display:grid;gap:8px;align-content:start;transition:transform .45s var(--ease),box-shadow .35s}
.g-card:hover{transform:translateY(-5px);box-shadow:inset 0 0 0 1px rgba(243,108,22,.55),0 30px 60px -30px rgba(243,108,22,.5)}
.g-card canvas{width:64px;height:64px;position:absolute;right:12px;top:12px}
.g-n{font:800 15px/1 var(--fd);color:var(--or-2)}
.g-card b{font:800 22px/1.1 var(--fd);letter-spacing:-.02em;margin-top:4px;padding-right:64px}
.g-d{font-size:14.5px;color:var(--ink-2)}
.g-m{display:grid;gap:4px;margin-top:6px}
.g-m code{font-size:12px;color:var(--or-3);background:var(--glass);padding:4px 8px;border-radius:7px;justify-self:start;word-break:break-all}
.g-m small{font-size:12px;color:var(--ink-3)}
.g-notes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.g-notes > div{border-radius:20px;padding:18px;background:rgba(243,108,22,.06);box-shadow:inset 0 0 0 1px rgba(243,108,22,.28)}
.g-notes b{display:block;font:800 16px/1.2 var(--fd);margin-bottom:6px}
.g-notes p{font-size:14px;color:var(--ink-2)}
.g-tip{margin-top:18px;text-align:center;font-size:13.5px;color:var(--ink-3)}
.g-note{margin-top:14px;font-size:13px;color:var(--ink-3)}
@media (max-width:1000px){.g-grid,.g-notes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.g-grid,.g-notes{grid-template-columns:1fr}}

/* sélecteurs de variante (outil de revue) */
.g-sw{justify-content:flex-start;align-items:center;margin-bottom:34px}
.g-sw > span{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-right:4px}
.g-url{margin:-20px 0 26px;font-size:13px;color:var(--ink-3)}
.g-url b{color:var(--ink-2)}

/* fil d'Ariane des pages principales */
.crumb-l{padding-top:104px}
.crumb-l .crumb{flex-wrap:wrap;white-space:normal}
.sys-hero{padding:clamp(40px,5vw,70px) 0 0}
.tp > main > .sys-hero:first-child{padding-top:130px}
.def{border-left:3px solid var(--or);padding:4px 0 4px 16px;font-size:clamp(17px,1.4vw,19.5px);color:var(--ink);max-width:56ch}
.def b{color:var(--or-2);font-weight:700}
.pic-big{display:grid;justify-items:center;gap:18px}
.pic-big canvas{width:min(100%,420px);aspect-ratio:1}
.pic-name{font-size:clamp(44px,5vw,70px)}
.q-hero{display:grid;gap:22px;justify-items:start;max-width:980px}
.short{border-radius:24px;padding:22px 24px;background:linear-gradient(90deg,rgba(243,108,22,.14),rgba(243,108,22,.03));box-shadow:inset 0 0 0 1px rgba(243,108,22,.35);max-width:760px}
.short b{display:block;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--or-2);margin-bottom:6px}
.short p{font-size:clamp(17px,1.4vw,19.5px);color:var(--ink)}

/* questions et réponses */
.qa{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.qa > div{border-radius:24px;padding:26px;background:linear-gradient(180deg,rgba(30,22,14,.05),rgba(30,22,14,.015));box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:10px;align-content:start}
.qa h3{margin:0;font:800 clamp(20px,1.7vw,24px)/1.18 var(--fd);letter-spacing:-.02em}
.qa p{color:var(--ink-2);font-size:15.5px}
@media (max-width:900px){.qa{grid-template-columns:1fr}}

/* comparatif */
.cmp .row{grid-template-columns:.8fr 1.1fr 1.1fr}
.cmp .row span:last-child{color:var(--ink);font-weight:600}
.cmp .row.th span:last-child{color:var(--or-2);font:800 15px/1 var(--fd);letter-spacing:0;text-transform:none}
.cmp .row.th span i{font-style:normal;color:var(--or)}
.cmp .row:not(.th) span:first-child{color:var(--ink-3);font-size:14px}

/* cartes service */
.svc3{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.svc3 a{border-radius:22px;padding:22px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;color:var(--ink);display:grid;gap:8px;align-content:start;transition:background .3s,box-shadow .3s,transform .4s var(--ease)}
.svc3 a:hover{background:var(--glass-2);box-shadow:inset 0 0 0 1px rgba(243,108,22,.45);transform:translateY(-3px)}
.svc3 b{font:800 20px/1.15 var(--fd);letter-spacing:-.01em}
.svc3 span{color:var(--ink-2);font-size:15px}
.svc3 .go3{display:inline-flex;align-items:center;gap:8px;color:var(--or-2);font-weight:700;font-size:13.5px;margin-top:4px}
.svc3 .go3 .ico{width:15px;height:15px}
.svc .proof-l{font-size:13px;color:var(--or-3);background:var(--or-soft);padding:8px 11px;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(243,108,22,.3)}
.svc .go2{font-size:14px}

/* quatre piliers */
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.g4.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4 > div{border-radius:24px;padding:24px;background:linear-gradient(180deg,rgba(243,108,22,.08),rgba(243,108,22,.015));box-shadow:inset 0 0 0 1px rgba(243,108,22,.22);display:grid;gap:10px;align-content:start}
.g4 i{font-style:normal;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--or);color:var(--or-ink);font:800 15px/1 var(--fd)}
.g4 b{font:800 20px/1.2 var(--fd);letter-spacing:-.01em}
.g4 p{color:var(--ink-2);font-size:15px}
@media (max-width:1000px){.g4{grid-template-columns:1fr 1fr}.g4.g3{grid-template-columns:1fr}}
@media (max-width:560px){.g4{grid-template-columns:1fr}}

/* relevé sonar */
.rep{border-radius:26px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line-2);background:linear-gradient(180deg,#F5F1EC,#F7F3EE)}
.rep-h,.rep-r{display:grid;grid-template-columns:1.6fr repeat(4,minmax(0,.8fr));gap:10px;padding:14px 20px;align-items:center;font-size:14.5px}
.rep-h{background:var(--glass-2);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}
.rep-r{border-top:1px solid var(--line)}
.rep-r span:first-child{font-weight:600}
.rep-r .yes,.rep-r .no{justify-self:start;font-size:13px;font-weight:700;padding:6px 10px;border-radius:999px}
.rep-r .yes{background:var(--or);color:var(--or-ink)}
.rep-r .no{background:var(--glass-2);color:var(--ink-3)}
.rep-n{padding:16px 20px;border-top:1px solid var(--line);font-size:14.5px;color:var(--ink-2)}
.rep-n b{color:var(--ink)}
@media (max-width:800px){.rep-h{display:none}.rep-r{grid-template-columns:1fr 1fr;gap:8px}.rep-r span:first-child{grid-column:1/-1}.rep-r .yes::before,.rep-r .no::before{content:attr(data-ia)}}

/* schéma technologie */
.flow{display:grid;gap:0;justify-items:center;position:relative;padding:10px 0}
.flow .fl{width:min(100%,360px);border-radius:20px;padding:16px 20px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line-2);display:grid;gap:3px;text-align:center}
.flow .fl b{font:800 19px/1.1 var(--fd)}
.flow .fl small{font-size:13px;color:var(--ink-3)}
.flow .fl.hot{background:linear-gradient(90deg,rgba(243,108,22,.25),rgba(243,108,22,.06));box-shadow:inset 0 0 0 1.5px var(--or)}
.flow > i{display:block;width:2px;height:26px;background:linear-gradient(var(--or),rgba(243,108,22,.2));position:relative}
.flow > i::after{content:"";position:absolute;left:50%;bottom:0;width:8px;height:8px;border-right:2px solid var(--or);border-bottom:2px solid var(--or);transform:translate(-50%,-1px) rotate(45deg)}
.flow .fl-back{margin-top:16px;font-size:13px;font-weight:700;color:var(--or-2);border:1px dashed rgba(243,108,22,.5);padding:10px 14px;border-radius:14px;text-align:center;max-width:360px}

/* profil */
.see{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.see > div{border-radius:22px;padding:22px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:8px;align-content:start}
.see i{font-style:normal;font:800 40px/1 var(--fd);color:transparent;-webkit-text-stroke:1.2px rgba(243,108,22,.7)}
.see b{font:800 19px/1.2 var(--fd)}
.see span{color:var(--ink-2);font-size:14.5px}
@media (max-width:900px){.see{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.see{grid-template-columns:1fr}}

/* étude de cas */
.cs-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:clamp(30px,5vw,70px);align-items:end}
.idc{border-radius:24px;padding:22px;background:linear-gradient(180deg,#F4F0EB,#F7F3EE);box-shadow:inset 0 0 0 1px var(--line-2)}
.idc h4{margin:0 0 12px;font:800 17px/1 var(--fd)}
.idc dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:0;font-size:14px}
.idc dt{color:var(--ink-3)}
.idc dd{margin:0;font-weight:600}
.idc-n,.todo{font-size:12.5px;color:var(--or-3);margin-top:12px}
.todo{display:block;margin-top:6px}
.story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.story > div{border-radius:24px;padding:26px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:10px;align-content:start}
.story .k{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--or-soft);color:var(--or-2);font:800 15px/1 var(--fd);box-shadow:inset 0 0 0 1px rgba(243,108,22,.4)}
.story b{font:800 21px/1.2 var(--fd)}
.story p{color:var(--ink-2);font-size:15.5px}
.rel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.rel > div{border-radius:20px;padding:18px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:6px;align-content:start}
.rel small{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}
.rel a{color:var(--ink);font-weight:700;text-decoration:none;font-size:15px}
.rel a:hover{color:var(--or-2)}
@media (max-width:1000px){.cs-hero{grid-template-columns:1fr}.story{grid-template-columns:1fr}.rel{grid-template-columns:1fr 1fr}}

/* métier */
.hdm{top:0;padding:0}
.hdm .cx-strip{pointer-events:auto}
.hdm .cx-hd{pointer-events:auto;max-width:1220px;margin:10px auto 0;border-radius:999px;background:rgba(255,255,255,.72);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);min-height:60px;padding:8px 8px 8px 22px}
.hd.hdm.scrolled .cx-hd{background:rgba(255,255,255,.9)}
.hdm .cx-mm{left:0;right:0;border-radius:24px}
.hdm .mm-list a.cur{color:var(--or-2)}
.tx-hero{padding-top:150px}
.tx-hero .cx-hero{padding-left:max(clamp(20px,4.5vw,56px),env(safe-area-inset-left,0px));padding-right:max(clamp(20px,4.5vw,56px),env(safe-area-inset-right,0px))}
.tx-hero .g-sw,.tx-hero .g-url{margin-left:0}
@media (max-width:900px){.hdm .cx-hd{margin:8px 10px 0;padding-left:16px}}
.mq-sec{padding-top:clamp(60px,7vw,100px)}
.mq-sec .lab{margin-bottom:18px}
.mq-b{margin-top:6px}
.pb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pb > div{border-radius:24px;padding:26px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:10px;align-content:start}
.pb b{font:800 21px/1.2 var(--fd)}
.pb p{color:var(--ink-3);font-size:15px}
.pb span{color:var(--ink);font-size:15px;border-top:1px solid var(--line);padding-top:12px;position:relative;padding-left:22px}
.pb span::before{content:"";position:absolute;left:0;top:19px;width:10px;height:10px;border-radius:50%;background:var(--or);box-shadow:0 0 0 4px var(--or-soft)}
@media (max-width:900px){.pb{grid-template-columns:1fr}}
.lpack{position:absolute;left:-16%;bottom:6%;width:62%;z-index:3;border-radius:18px;padding:12px;background:#fff;color:#202124;font-family:Arial,Helvetica,sans-serif;box-shadow:0 30px 60px -20px rgba(0,0,0,.9);display:grid;gap:6px}
.lpack small{font-size:11px;color:#5f6368}
.lp{display:flex;gap:9px;align-items:center;padding:7px;border-radius:10px;font-size:12px}
.lp i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e8eaed;color:#3c4043;font-weight:700;font-size:11px;flex:none}
.lp b{display:block;font-size:12.5px}
.lp em{font-style:normal;color:#70757a;font-size:11px}
.lp.you{background:#fff4ec;box-shadow:inset 0 0 0 1.5px #F36C16}
.lp.you i{background:#F36C16;color:#fff}
@media (max-width:900px){.lpack{left:-6%;width:70%}}
.big-n{font-size:clamp(16px,1.3vw,18px);padding:24px 26px}

/* accueil */
.trust{display:grid;justify-items:center;gap:14px;margin-top:10px}
.trust > span{font-size:13.5px;color:var(--ink-3)}
.wm{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 30px}
.wm b{font:800 clamp(17px,1.5vw,21px)/1 var(--fd);letter-spacing:-.02em;color:rgba(30,22,14,.55)}
.rotw{display:inline-block;transition:opacity .26s,transform .26s var(--ease),filter .26s}
.rotw.out{opacity:0;transform:translateY(.15em);filter:blur(6px)}
.fq-quote{margin:0 auto;max-width:960px;text-align:center;display:grid;gap:26px;justify-items:center}
.fq-quote blockquote{margin:0;font:700 clamp(26px,3.2vw,46px)/1.18 var(--fd);letter-spacing:-.02em}
.fq-quote figcaption{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink-3);text-align:left}
.fq-quote figcaption b{display:block;color:var(--ink);font-size:15px}
.fq-quote .av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:800 14px/1 var(--fd);background:var(--glass-2);box-shadow:inset 0 0 0 1px rgba(243,108,22,.45);color:var(--or-3)}
.fq-quote .av + .av{margin-left:-18px}
.band-f{display:flex;justify-content:center;margin-top:26px}
.link{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-weight:700;text-decoration:none}
.link span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--or);color:var(--or-ink)}
.link .ico{width:16px;height:16px}
.tools-row{margin-top:22px}
.tools-row a{text-decoration:none;color:var(--ink)}
.tools-row a:hover{box-shadow:inset 0 0 0 1px rgba(243,108,22,.5)}

/* composants repris : R2 et R3 sur des éléments neutres */
.tb .tr{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr) minmax(0,.8fr) 52px;gap:24px;align-items:center;padding:26px 8px;border-bottom:1px solid var(--line-2);text-decoration:none;color:var(--ink);isolation:isolate;opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.tb .tr.in{opacity:1;transform:none}
.tb .tr::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(420px circle at var(--x,30%) 50%,rgba(243,108,22,.16),transparent 60%);opacity:0;transition:opacity .35s}
.tb .tr:hover::before{opacity:1}
.tb a.tr:hover .n{color:var(--or-2)}
.tb a.tr:hover .tgo{background:var(--or);color:var(--or-ink);transform:rotate(-35deg)}
.tb div.tr .tgo{box-shadow:none}
.tb .n i{font-style:normal;color:var(--or)}
@media (max-width:800px){.tb .tr{grid-template-columns:1fr 44px;gap:6px 14px;padding:22px 4px}.tb .tr .n,.tb .tr .l,.tb .tr .c{grid-column:1}.tb .tr .tgo{grid-column:2;grid-row:1/4;width:44px;height:44px}}
.mq .mi{display:grid;gap:10px;padding:0 clamp(28px,3vw,48px);text-decoration:none;position:relative}
.mq .mi + .mi::before{content:"";position:absolute;left:0;top:34%;width:8px;height:8px;border-radius:50%;background:var(--or);box-shadow:0 0 18px var(--or-glow)}
.mq .mi:hover .n{color:var(--or);-webkit-text-stroke-color:var(--or);filter:drop-shadow(0 0 30px rgba(243,108,22,.45))}
.mq .n i{font-style:normal;color:var(--or)}
.mq .mi:hover .n i{color:inherit}
.sc-curve path.c{fill:none;stroke-width:3;stroke-linecap:round}
.sc .sc-n i{font-style:normal}
.sc{scroll-margin-top:120px}
.sc-r{grid-auto-rows:1fr}

/* mobile général */
@media (max-width:900px){
  .split2{grid-template-columns:1fr}
  .crumb-l{padding-top:96px}
  .tp > main > .sys-hero:first-child{padding-top:110px}
  .tx-hero{padding-top:130px}
  .svc{grid-template-columns:1fr}
  .tiles{grid-template-columns:1fr 1fr}
  .who-r{grid-template-columns:1fr 1fr}
}
@media (max-width:520px){.tiles,.who-r{grid-template-columns:1fr}.cmp .row{grid-template-columns:1fr}}
/* correctifs après revue */
.sys-hero .ctas,.cs-hero .ctas,.q-hero .ctas{justify-content:flex-start}
.sys-hero .pill-e{justify-self:start}
.sys-hero .h1{font-size:clamp(40px,4.8vw,72px)!important}
.w.q-hero{max-width:1312px}
.q-hero > *{max-width:980px}
.sc-curve{height:32%}
.sc-l{min-height:480px}
.lpack{top:34%;bottom:auto}
.story .todo,.story p.todo{color:var(--or-3);font-size:13px}
.pic-big .brands{justify-content:center}
.tx-hero .g-url + .cx-hero,.tx-hero .w + .w.cx-hero{padding-top:10px}
#t11 .tx-hero{padding-top:140px}
@media (max-width:900px){.lpack{position:relative;left:auto;top:auto;bottom:auto;width:100%;margin-top:-40px}}

.subbar + main > .sys-hero:first-child{padding-top:56px}
/* ===== carte pub (DA g1) ===== */
.ad{--ad-bg:#F6F1EA;position:relative;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px;padding:14px 14px 18px;border-radius:24px;background:var(--ad-bg);color:#0D0D0D;text-decoration:none;aspect-ratio:5/7;isolation:isolate;
  box-shadow:0 0 0 1px rgba(255,244,232,.14),0 40px 80px -42px rgba(0,0,0,.95);transition:transform .7s var(--ease),box-shadow .5s;overflow:hidden}
.ad .ad-logo{font:800 15px/1 var(--fd);letter-spacing:-.03em;color:#0D0D0D}
.ad .ad-logo i{color:var(--or);font-style:normal}
.ad .ad-pill{justify-self:center;display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.07),0 6px 14px -8px rgba(0,0,0,.25);font:700 12.5px/1 var(--fb);color:#0D0D0D;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.ad .ad-pill i{width:7px;height:7px;border-radius:50%;background:var(--or);flex:none;box-shadow:0 0 0 0 rgba(243,108,22,.5)}
.ad .ad-ph{position:relative;display:block;border-radius:16px;overflow:hidden;min-height:0;background:#d9d2c8}
.ad .ad-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease),filter .6s}
.ad .ad-loc{position:absolute;left:10px;top:10px;z-index:2;display:inline-flex;gap:6px;align-items:center;padding:7px 11px 7px 9px;border-radius:999px;background:rgba(13,13,13,.78);color:#fff;font:700 12px/1 var(--fb);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ad .ad-loc .pin{width:10px;height:13px;color:var(--or-2)}
.ad .ad-t{display:block;font:800 clamp(19px,1.75vw,25px)/1.04 var(--fd);letter-spacing:-.035em;text-align:center;text-wrap:balance;padding:2px 4px 0}
.ad .ad-t em{font-style:normal;color:var(--or)}
.ad .ad-go{position:absolute;left:50%;bottom:-60px;transform:translateX(-50%);z-index:4;display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:999px;background:var(--or);color:var(--or-ink);font:700 13px/1 var(--fb);white-space:nowrap;box-shadow:0 18px 40px -14px rgba(243,108,22,.9);transition:bottom .5s var(--ease)}
.ad .ad-go .ico{width:14px;height:14px}
a.ad::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 2px rgba(243,108,22,0);transition:box-shadow .5s}
@media (hover:hover){
  a.ad:hover{transform:translateY(-8px) rotate(-.6deg);box-shadow:0 0 0 1px rgba(243,108,22,.6),0 50px 90px -40px rgba(243,108,22,.75)}
  a.ad:hover::after{box-shadow:inset 0 0 0 2px rgba(243,108,22,.9)}
  a.ad:hover .ad-ph img{transform:scale(1.08)}
  a.ad:hover .ad-go{bottom:16px}
  a.ad:hover .ad-pill i{animation:adp 1.4s infinite}
}
@keyframes adp{0%{box-shadow:0 0 0 0 rgba(243,108,22,.55)}100%{box-shadow:0 0 0 9px rgba(243,108,22,0)}}
.ad.hero{width:100%;max-width:400px;transform:rotate(1.5deg);box-shadow:0 0 0 1px rgba(255,244,232,.12),0 60px 120px -40px rgba(0,0,0,1),0 0 140px -30px rgba(243,108,22,.5)}
.ad.hero:hover{transform:rotate(0)}
.ad.hero .ad-t{font-size:clamp(24px,2.3vw,32px)}
.ad.hero .ad-logo{font-size:17px}

/* grille de cartes */
.adg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.adg.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.adg .ad:nth-child(4n+2){margin-top:28px}
.adg .ad:nth-child(4n+4){margin-top:28px}
.adg.c3 .ad{margin-top:0!important}
.adg.c3 .ad:nth-child(3n+2){margin-top:28px!important}
.adg-f{display:flex;justify-content:center;margin-top:34px}
@media (max-width:1000px){.adg{grid-template-columns:repeat(3,minmax(0,1fr))}.adg .ad{margin-top:0!important}}
@media (max-width:760px){
  .adg,.adg.c3{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-inline:calc(-1 * clamp(20px,4.5vw,56px));padding:6px clamp(20px,4.5vw,56px) 18px;scrollbar-width:none}
  .adg::-webkit-scrollbar{display:none}
  .adg .ad{flex:0 0 72%;scroll-snap-align:center;margin-top:0!important}
  .adg .ad .ad-go{bottom:14px}
}

/* ===== calques par service, posés sur la photo ===== */
.ov{position:absolute;left:10px;right:10px;bottom:10px;z-index:3;display:grid;gap:6px;padding:11px 12px;border-radius:14px;background:#fff;color:#202124;font:400 11.5px/1.35 Arial,Helvetica,sans-serif;box-shadow:0 22px 40px -18px rgba(0,0,0,.85);text-align:left;transition:transform .6s var(--ease)}
a.ad:hover .ov{transform:translateY(-4px)}
.ov small{font-size:10.5px;color:#5f6368}
.ov b{font-size:12.5px;color:#202124}
.ov .p{color:#4d5156}
.ov .u{font-size:10.5px;color:#188038}
.ov-maps .lp{display:flex;gap:8px;align-items:center;padding:5px;border-radius:9px}
.ov-maps .lp i{font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#e8eaed;color:#3c4043;font-weight:700;font-size:10px;flex:none}
.ov-maps .lp b{display:block;font-size:12px}
.ov-maps .lp em{font-style:normal;color:#70757a;font-size:10.5px}
.ov-maps .lp.you{background:#fff4ec;box-shadow:inset 0 0 0 1.5px var(--or)}
.ov-maps .lp.you i{background:var(--or);color:#fff}
.ov-chat{background:#212121;color:#ececec}
.ov-chat .cq{justify-self:end;max-width:88%;padding:7px 10px;border-radius:12px;background:#303030;color:#ececec;font-size:11px}
.ov-chat .ca{display:grid;gap:3px;color:#d5d5d5;font-size:11px}
.ov-chat .ca b{color:#fff;font-size:11.5px}
.ov-chat .you{color:#FFC08F;font-weight:700}
.ov-search b{color:#1a0dab;font-size:13px;font-weight:400}
.ov-search small{font-weight:700;color:#202124}
.ov-serp{grid-template-columns:auto 1fr;align-items:center}
.ov-serp .pos{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--or);color:#fff;font:800 15px/1 var(--fd)}
.ov-serp b{display:block;color:#1a0dab;font-weight:400;font-size:12.5px}
.ov-social{padding:9px}
.ov-social .sh{display:flex;gap:8px;align-items:center}
.ov-social .av{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#0D0D0D;color:#fff;font:800 11px/1 var(--fd);box-shadow:0 0 0 2px #fff,0 0 0 3.5px #e1306c}
.ov-social .sh b{display:block;font-size:11.5px}
.ov-social .scta{display:flex;justify-content:space-between;align-items:center;padding:7px 9px;border-radius:8px;background:#0095f6;color:#fff;font-weight:700;font-size:11.5px}
.ov-social .scta i{font-style:normal;font-size:15px}
.ov-notif{grid-template-columns:auto 1fr;align-items:center;background:rgba(245,245,247,.94);backdrop-filter:blur(10px);border-radius:16px}
.ov-notif .ni{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#0D0D0D;color:var(--or);font:800 14px/1 var(--fd)}
.ov-notif b{display:block;font-size:12px}
.ov-mail{border-top:3px solid var(--or)}
.ov-report .rr{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:3px 0;border-bottom:1px solid #eee}
.ov-report .rr i{font-style:normal;font-size:10px;font-weight:700;padding:3px 7px;border-radius:999px}
.ov-report .rr i.y::before{content:"Vous"}
.ov-report .rr i.y{background:#fff4ec;color:#c4500c;box-shadow:inset 0 0 0 1px var(--or)}
.ov-report .rr i.n::before{content:"Un concurrent"}
.ov-report .rr i.n{background:#f1f3f4;color:#5f6368}
.ov-page .pb{display:flex;gap:4px}
.ov-page .pb i{width:6px;height:6px;border-radius:50%;background:#dadce0}
.ov-page .pl{height:6px;border-radius:3px;background:#eceff1}
.ov-page .pl.s{width:60%}
.ov-page .pcta{justify-self:start;padding:7px 11px;border-radius:999px;background:var(--or);color:#fff;font-weight:700;font-size:11px}
.ov-aio{background:linear-gradient(180deg,#f8fafd,#fff);box-shadow:0 22px 40px -18px rgba(0,0,0,.85),inset 0 0 0 1px #d3e3fd}
.ov-aio small{color:#1a73e8;font-weight:700}
.ov-aio .src{display:flex;gap:5px}
.ov-aio .src i{width:22px;height:22px;border-radius:6px;background:#e8f0fe}
.ov-data .bars{display:flex;align-items:flex-end;gap:6px;height:46px}
.ov-data .bars i{flex:1;height:var(--h);border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,var(--or-2),var(--or))}

/* ===== bloc « un service, le même visuel » ===== */
.svv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.svv.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.svv .ad{aspect-ratio:4/6}
.svv .ad .ad-t{font-size:clamp(17px,1.5vw,21px)}
.svv-cap{display:grid;gap:4px;margin-top:12px;padding:0 4px}
.svv-cap b{font:800 18px/1.15 var(--fd);letter-spacing:-.02em}
.svv-cap span{color:var(--ink-2);font-size:14.5px}
.svv > div{display:grid;align-content:start}
@media (max-width:1000px){.svv,.svv.c3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.svv,.svv.c3{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-inline:calc(-1 * clamp(20px,4.5vw,56px));padding:6px clamp(20px,4.5vw,56px) 18px;scrollbar-width:none}.svv > div{flex:0 0 74%;scroll-snap-align:center}}

/* ===== en-tête : vignettes photo dans les menus ===== */
.dd-p.thp{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:min(860px,92vw)}
.dd-p.reg.thp{grid-template-columns:repeat(2,minmax(0,1fr));width:min(560px,92vw)}
.dd-p.thp a{display:grid!important;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center}
.dd-p.thp .th{width:46px;height:46px;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 0 0 1px var(--line-2)}
.dd-p.thp .th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.dd-p.thp a:hover .th img{transform:scale(1.15)}
.dd-p.thp a:hover .th{box-shadow:0 0 0 2px var(--or)}
.dd-p.iap{grid-template-columns:repeat(2,minmax(0,1fr));width:min(560px,92vw)}
.iab{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--ink)}
.iab i{font-style:normal;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:var(--c);color:var(--ink);font:800 12px/1 var(--fd);box-shadow:0 0 18px -4px var(--c)}
.iab.big i{width:44px;height:44px;border-radius:14px;font-size:22px}
.iab.big{font:800 22px/1 var(--fd);letter-spacing:-.02em;gap:14px}
.dd-p.iap a .iab{margin-bottom:4px}

/* ===== cartes IA ===== */
.iag{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.iac{position:relative;display:grid;gap:16px;align-content:start;padding:22px;border-radius:24px;background:linear-gradient(180deg,rgba(30,22,14,.055),rgba(30,22,14,.015));box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;color:var(--ink);overflow:hidden;transition:transform .5s var(--ease),box-shadow .4s}
.iac::before{content:"";position:absolute;right:-30%;top:-40%;width:80%;aspect-ratio:1;background:radial-gradient(circle,var(--c),transparent 65%);opacity:.14;transition:opacity .5s}
.iac:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1px var(--c),0 40px 70px -40px var(--c)}
.iac:hover::before{opacity:.32}
.iac .bub{justify-self:end;max-width:92%;padding:10px 13px;border-radius:16px 16px 4px 16px;background:rgba(30,22,14,.08);font-size:14px;color:var(--ink-2)}
.iac .ans{display:grid;gap:5px;font-size:14px;color:var(--ink-2)}
.iac .ans b{color:var(--ink)}
.iac .ans .you{color:var(--or-3);font-weight:700}
.iac .go3{display:inline-flex;gap:8px;align-items:center;font-weight:700;color:var(--or-2);font-size:14.5px}
.iac .go3 .ico{width:15px;height:15px;transition:transform .4s var(--ease)}
.iac:hover .go3 .ico{transform:translateX(5px)}
@media (max-width:900px){.iag{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.iag{grid-template-columns:minmax(0,1fr)}}

/* ===== miroir, transformation ===== */
.mir{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;text-align:left}
.mir > div{display:grid;gap:14px;align-content:start;padding:clamp(22px,2.4vw,32px);border-radius:24px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .4s,background .4s}
.mir > div:hover{background:var(--glass-2);box-shadow:inset 0 0 0 1px rgba(243,108,22,.4)}
.mir q{font:700 clamp(21px,2vw,27px)/1.2 var(--fd);letter-spacing:-.02em;quotes:"« " " »"}
.mir q::before,.mir q::after{color:var(--or)}
.mir p{color:var(--ink-2);display:flex;gap:10px;align-items:flex-start}
.mir p::before{content:"";flex:none;width:18px;height:2px;margin-top:12px;background:var(--or)}
.mir-end{margin-top:clamp(36px,4vw,54px);display:grid;justify-items:center;gap:22px;text-align:center}
.mir-end p{font:800 clamp(24px,2.6vw,36px)/1.12 var(--fd);letter-spacing:-.025em;max-width:24em;text-wrap:balance}
.mir-end p em{font-style:normal;color:var(--or)}
.tf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:26px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line);text-align:left}
.tf > div{display:grid;gap:0;align-content:start}
.tf h4{margin:0;padding:18px 24px;font:800 13px/1 var(--fb);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line)}
.tf .after h4{color:var(--or-2)}
.tf .after{background:radial-gradient(120% 100% at 100% 0%,rgba(243,108,22,.16),transparent 60%),rgba(30,22,14,.03)}
.tf span{padding:18px 24px;border-bottom:1px solid var(--line);font-size:17px;color:var(--ink-2);min-height:76px;display:flex;align-items:center}
.tf .after span{color:var(--ink);font-weight:600}
.tf span:last-child{border-bottom:0}
@media (max-width:760px){.mir{grid-template-columns:minmax(0,1fr)}.tf span{font-size:15px;padding:14px 16px;min-height:64px}.tf h4{padding:14px 16px}}

/* ===== grands chiffres des missions ===== */
.mx-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;text-align:left}
.mx-c{position:relative;display:grid;gap:8px;align-content:end;min-height:250px;padding:20px;border-radius:24px;overflow:hidden;text-decoration:none;color:#fff;isolation:isolate;box-shadow:inset 0 0 0 1px var(--line)}
.mx-c img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--ease);filter:saturate(.85)}
.mx-c::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(9,8,7,.1) 10%,rgba(9,8,7,.92) 78%)}
.mx-c .n{font:800 clamp(40px,4vw,58px)/.9 var(--fd);letter-spacing:-.04em}
.mx-c .n i{font-style:normal;color:var(--or)}
.mx-c .n small{font-size:.45em;margin-left:2px}
.mx-c .l{font-size:14px;color:rgba(255,255,255,.8)}
.mx-c .mc{font-weight:700;font-size:15px;display:flex;justify-content:space-between;gap:8px;align-items:center}
.mx-c .mc .ico{width:15px;height:15px;color:var(--or-2);transition:transform .4s var(--ease)}
.mx-c:hover img{transform:scale(1.07)}
.mx-c:hover .mc .ico{transform:translateX(5px)}
.mx-c .via{position:absolute;top:14px;left:14px;padding:6px 10px;border-radius:999px;background:rgba(13,13,13,.72);font-size:11.5px;font-weight:600;backdrop-filter:blur(6px)}
.mx-c.w2{grid-column:span 2}
@media (max-width:1000px){.mx-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.mx-g{grid-template-columns:minmax(0,1fr)}.mx-c.w2{grid-column:auto}}
.dd-p.iap{display:grid}
.dd-p.thp a > span:last-child{display:grid;gap:3px}
@media (hover:none),(max-width:760px){
  .ad .ad-go{left:auto;right:10px;top:10px;bottom:auto!important;transform:none;width:34px;height:34px;padding:0;gap:0;justify-content:center;font-size:0;box-shadow:0 10px 24px -8px rgba(243,108,22,.9)}
  .ad .ad-go .ico{width:15px;height:15px}
}
@media (max-width:900px){.cx-vis .cx-map{width:40%;left:auto;right:-6%;top:4%}}

/* logos des assistants */
.iab.lg i{background:var(--c)}
.iab i svg{width:62%;height:62%;fill:#fff;display:block}
.iab.big.lg i svg{width:56%;height:56%}
.iab[style*="#f2b63c"] i svg{fill:#fff}
/* miroir : la phrase du client, la réponse, la preuve */
.mir{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.mir > div{position:relative;padding:0;gap:0;overflow:hidden;background:linear-gradient(180deg,rgba(30,22,14,.05),rgba(30,22,14,.015));transition:transform .5s var(--ease),box-shadow .4s}
.mir > div:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(243,108,22,.5),0 40px 80px -50px rgba(243,108,22,.7)}
.mir .mq{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding:clamp(22px,2.4vw,30px) clamp(22px,2.4vw,30px) 20px}
.mir .mq > span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--line-2);font:700 11px/1 var(--fb);color:var(--ink-3);letter-spacing:.04em}
.mir q{display:block;position:relative;padding:14px 18px;border-radius:4px 20px 20px 20px;background:rgba(30,22,14,.07);font:700 clamp(18px,1.6vw,22px)/1.25 var(--fd);letter-spacing:-.015em;quotes:none;color:var(--ink)}
.mir q::before,.mir q::after{content:none}
.mir .ma{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding:20px clamp(22px,2.4vw,30px) clamp(22px,2.4vw,30px);border-top:1px dashed var(--line-2);background:radial-gradient(120% 140% at 0% 100%,rgba(243,108,22,.14),transparent 60%)}
.mir .ma > span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--or);color:var(--or-ink);font:800 13px/1 var(--fd)}
.mir .ma p{display:block;margin:0;color:var(--ink-2);font-size:16px}
.mir .ma p::before{content:none}
.mir .ma p b{display:block;color:var(--ink);font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
.mir .mp{display:inline-flex;align-items:center;gap:10px;margin-top:12px;padding:8px 12px 8px 10px;border-radius:999px;background:var(--or-soft);box-shadow:inset 0 0 0 1px rgba(243,108,22,.45);color:var(--ink);text-decoration:none;font-size:13.5px;font-weight:600;transition:background .3s}
.mir .mp em{font:800 15px/1 var(--fd);font-style:normal;color:var(--or-2)}
.mir .mp .ico{width:14px;height:14px;color:var(--or-2);transition:transform .35s var(--ease)}
.mir .mp:hover{background:rgba(243,108,22,.28)}
.mir .mp:hover .ico{transform:translateX(4px)}
@media (max-width:760px){.mir{grid-template-columns:minmax(0,1fr)}.mir .mq,.mir .ma{grid-template-columns:minmax(0,1fr)}.mir .mq > span,.mir .ma > span{display:none}}
/* la scène : la courbe va jusqu'au bout */
.sc-curve{width:100%}
.ad .adlive2{position:absolute;right:10px;top:10px;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:rgba(13,13,13,.72);color:#fff;font:600 11px/1 var(--fb);backdrop-filter:blur(6px)}
.ad .adlive2 i{width:7px;height:7px;border-radius:50%;background:#ff4d3a;box-shadow:0 0 0 3px rgba(255,77,58,.25);animation:pblink 1.6s infinite}
@media (max-width:760px){.ad .adlive2{display:none}}

/* menu Secteurs : le secteur, puis ses métiers */
.dd-p.mega{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 10px;width:min(1120px,94vw);padding:16px}
.dd-p.mega .mg{display:grid;gap:6px;align-content:start;padding:10px;border-radius:16px;transition:background .2s}
.dd-p.mega .mg:hover,.dd-p.mega .mg.cur{background:var(--glass-2)}
.dd-p.mega a.mg-h{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;padding:0;font-size:14px;font-weight:700;background:none!important}
.dd-p.mega .th{width:38px;height:38px;border-radius:10px;overflow:hidden;position:relative;box-shadow:0 0 0 1px var(--line-2)}
.dd-p.mega .th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dd-p.mega .mg:hover .th{box-shadow:0 0 0 2px var(--or)}
.dd-p.mega .mg-p{display:grid;gap:1px;padding-left:48px}
.dd-p.mega .mg-p a{display:block;padding:3px 0;border-radius:0;font-size:12.5px;font-weight:500;color:var(--ink-3);background:none!important}
.dd-p.mega .mg-p a:hover{color:var(--or-3)}
.dd-p.mega .mg-f{grid-column:1/-1;margin:6px 10px 0;padding-top:10px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-3)}
@media (max-width:1100px){.dd-p.mega{grid-template-columns:repeat(3,minmax(0,1fr))}}
.hd-in{position:relative}
.dd.mgd{position:static}
.dd.mgd .dd-p.mega{top:calc(100% + 8px)}
.dd-p.mega{background:rgba(16,13,11,.985)}
/* production : liens dont la page n'est pas encore publiée */
[data-off]{display:none!important}
.wz-err{grid-column:1/-1;margin:0;color:#C2410C;font-size:13.5px}

/* ===== v2 : galerie ===== */
.home-if{display:block;width:100%;height:100vh;height:100dvh;border:0;background:#FFFFFF}
body.t1on{overflow:hidden}
.ctx-sw a,.ctx-sw select{border:0;cursor:pointer;padding:10px 16px;border-radius:999px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line-2);font:600 14.5px/1.2 var(--fb);color:var(--ink-2);text-decoration:none;transition:background .25s,color .25s}
.ctx-sw a:hover{color:var(--ink);background:var(--glass-2)}
.ctx-sw a.on{background:var(--or);color:var(--or-ink);box-shadow:none}
.ctx-sw select{appearance:none;-webkit-appearance:none;padding-right:34px;background:var(--glass-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5L6 8l3.5-3.5' fill='none' stroke='%23FF9450' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 12px center/12px;color:var(--ink);max-width:280px}
.ctx-sw select option{background:#F4F0EB;color:var(--ink)}
.hero-ad{display:grid;justify-items:center;padding:10px 0 20px}
.cx-vis .ad.hero{max-width:400px}
.cx-vis .in-ad,.cx-vis .ci-ad{display:grid}
.cs-hero{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center}
.cs-hero .ad.hero{max-width:360px}
.era{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border-radius:999px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line-2);font-size:13.5px;font-weight:600;color:var(--ink-2)}
.era i{width:8px;height:8px;border-radius:50%;background:var(--ink-3)}
.era.on i{background:var(--or);box-shadow:0 0 12px var(--or)}
.cs-band{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.cs-band .idc h4{margin-bottom:14px}
.idg{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 22px}
.idg div{display:grid;gap:4px;align-content:start}
.idg small{font-size:12px;color:var(--ink-3)}
.idg b{font-size:14.5px;font-weight:600}
.idg a{color:var(--or-3)}
@media (max-width:900px){.idg{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cs-band .sc{margin:0}
@media (max-width:900px){.cs-band{grid-template-columns:minmax(0,1fr)}.cs-hero{grid-template-columns:minmax(0,1fr)}}
.sc-n .tx{font-size:.5em;letter-spacing:-.02em}
.tr .n .tx,.mi .n .tx,.cg-n .tx{font-size:.62em}

/* tuiles texte animées */
.tl2{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.tl2 a{position:relative;display:grid;gap:6px;align-content:start;min-height:150px;padding:20px 22px;border-radius:22px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);text-decoration:none;overflow:hidden;isolation:isolate;transition:transform .5s var(--ease),box-shadow .4s}
.tl2 a::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,var(--or),#C9520C);transform:translateY(101%);transition:transform .55s var(--ease)}
.tl2 a i{font:800 13px/1 var(--fd);font-style:normal;color:var(--or-2);transition:color .4s}
.tl2 a b{font:800 clamp(19px,1.6vw,23px)/1.12 var(--fd);letter-spacing:-.02em;margin-top:auto}
.tl2 a small{font-size:13.5px;color:var(--ink-3);transition:color .4s}
.tl2 a .ico{position:absolute;right:18px;top:18px;width:18px;height:18px;color:var(--ink-3);transition:transform .45s var(--ease),color .4s}
.tl2 a:hover{transform:translateY(-4px);box-shadow:0 30px 60px -30px rgba(243,108,22,.7)}
.tl2 a:hover::before{transform:translateY(0)}
.tl2 a:hover i,.tl2 a:hover small,.tl2 a:hover .ico{color:var(--or-ink)}
.tl2 a:hover b{color:var(--or-ink)}
.tl2 a:hover .ico{transform:translate(4px,-4px) rotate(-45deg)}

/* grille de cas */
.cf{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.cf button{border:0;cursor:pointer;display:inline-flex;gap:8px;align-items:center;padding:9px 14px;border-radius:999px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);font:600 13.5px/1 var(--fb)}
.cf button small{font-size:11.5px;color:var(--ink-3)}
.cf button.on{background:var(--or);color:var(--or-ink)}
.cf button.on small{color:rgba(23,10,2,.65)}
.cg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cgc{display:grid;gap:6px;align-content:start;padding:10px 10px 16px;border-radius:22px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;color:var(--ink);transition:transform .5s var(--ease),box-shadow .4s}
.cg-ph{position:relative;display:block;aspect-ratio:16/10;border-radius:14px;overflow:hidden;margin-bottom:6px}
.cg-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.cg-era{position:absolute;left:8px;top:8px;padding:5px 9px;border-radius:999px;background:rgba(13,13,13,.75);font-size:11px;font-weight:700;color:var(--or-3)}
.cg-n{font:800 32px/1 var(--fd);letter-spacing:-.03em;padding:0 6px}
.cg-n i{font-style:normal;color:var(--or)}
.cg-n small{font-size:.5em}
.cg-l{font-size:13.5px;color:var(--ink-2);padding:0 6px}
.cgc b{font-size:15px;padding:0 6px;margin-top:4px}
.cgc small{font-size:12.5px;color:var(--ink-3);padding:0 6px}
.cgc:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(243,108,22,.5),0 30px 60px -36px rgba(243,108,22,.6)}
.cgc:hover img{transform:scale(1.06)}
@media (max-width:1000px){.cg{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.cg{grid-template-columns:repeat(2,minmax(0,1fr))}.cg-n{font-size:26px}}

/* histoire de secteur */
.ist{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(30px,5vw,70px);align-items:center}
.ist-t{display:grid;gap:16px;align-content:start}
.ist-t p{color:var(--ink-2);font-size:17px}
.ist-t .ist-c{color:var(--ink);font-size:20px;font-weight:600}
.ist-t .ist-r{color:var(--or-3);font-weight:600}
.ist-t .btn{justify-self:start}
.ist .ad{max-width:340px;justify-self:center}
@media (max-width:900px){.ist{grid-template-columns:minmax(0,1fr)}}

/* maquette d'assistant */
.chatm{--c:#10a37f;justify-self:center;width:100%;max-width:470px;border-radius:26px;padding:18px;background:linear-gradient(180deg,#F2EEE9,#F6F2ED);box-shadow:inset 0 0 0 1px var(--line-2),0 60px 120px -50px rgba(0,0,0,1),0 0 120px -40px var(--c);display:grid;gap:14px;transform:rotate(1deg)}
.cm-h{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--line)}
.cm-h small{color:var(--ink-3);font-size:12px}
.cm-q{justify-self:end;max-width:86%;padding:11px 15px;border-radius:18px 18px 4px 18px;background:rgba(30,22,14,.08);font-size:15px}
.cm-a{display:grid;gap:10px;font-size:14.5px;color:var(--ink-2)}
.cm-a ol{margin:0;padding:0;list-style:none;display:grid;gap:8px;counter-reset:n}
.cm-a li{counter-increment:n;display:grid;gap:2px;padding:10px 12px 10px 44px;border-radius:14px;position:relative;background:rgba(30,22,14,.03)}
.cm-a li::before{content:counter(n);position:absolute;left:12px;top:11px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:800 12px/1 var(--fd);background:var(--glass-2);color:var(--ink-2)}
.cm-a li b{color:var(--ink);font-size:15px}
.cm-a li span{font-size:13px}
.cm-a li.you{background:linear-gradient(90deg,rgba(243,108,22,.18),rgba(243,108,22,.04));box-shadow:inset 0 0 0 1px rgba(243,108,22,.55)}
.cm-a li.you::before{background:var(--or);color:var(--or-ink)}
.cm-src{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-3)}
.cm-src i{font-style:normal;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:var(--glass-2);font-size:11px;font-weight:700;color:var(--ink-2)}
.cm-src i:first-of-type{background:var(--or-soft);color:var(--or-3);box-shadow:inset 0 0 0 1px rgba(243,108,22,.5)}
.rep-h .me,.rep-r .me{position:relative}
.rep-h span.me{color:var(--or-2)}
.rep-r span.me{box-shadow:0 0 0 2px var(--or-2)}

/* preuve */
.proofx{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(18px,3vw,40px);align-items:center;padding:clamp(24px,3vw,40px);border-radius:28px;background:radial-gradient(120% 120% at 0% 0%,rgba(243,108,22,.22),transparent 55%),var(--glass);box-shadow:inset 0 0 0 1px rgba(243,108,22,.35);text-decoration:none;color:var(--ink)}
.proofx b{font:800 clamp(56px,7vw,104px)/.9 var(--fd);letter-spacing:-.05em;color:var(--or)}
.proofx span{font:700 clamp(19px,1.8vw,25px)/1.25 var(--fd);letter-spacing:-.015em}
.proofx em{font-style:normal;display:inline-flex;gap:8px;align-items:center;color:var(--or-2);font-weight:700;white-space:nowrap}
.proofx em .ico{width:15px;height:15px}
@media (max-width:760px){.proofx{grid-template-columns:minmax(0,1fr)}}
.fq-go{display:inline-flex;gap:8px;align-items:center;margin-left:12px;color:var(--or-2);font-weight:700;text-decoration:none}
.fq-go .ico{width:14px;height:14px}

/* couverture : ce qu'il faut en plus */
.need{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.need > div{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;padding:22px;border-radius:22px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line)}
.need i{grid-row:span 2;font:800 30px/1 var(--fd);font-style:normal;color:var(--or)}
.need b{font:800 19px/1.2 var(--fd);letter-spacing:-.01em}
.need p{color:var(--ink-2);font-size:15px}
@media (max-width:800px){.need{grid-template-columns:minmax(0,1fr)}}

/* lecteur JSON-LD */
.ldv{position:fixed;z-index:120;left:50%;bottom:calc(76px + env(safe-area-inset-bottom,0px));transform:translate(-50%,12px);width:min(760px,calc(100vw - 24px));max-height:min(70vh,640px);display:grid;grid-template-rows:auto minmax(0,1fr);border-radius:24px;background:rgba(255,255,255,.97);box-shadow:inset 0 0 0 1px rgba(243,108,22,.45),0 40px 90px -20px rgba(0,0,0,.95);opacity:0;visibility:hidden;transition:opacity .25s,transform .35s var(--ease),visibility .25s}
.ldv.on{opacity:1;visibility:visible;transform:translate(-50%,0)}
.ldv-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}
.ldv-h b{font:800 15px/1.2 var(--fd)}
.ldv-h small{display:block;color:var(--ink-3);font-size:12px;margin-top:3px}
.ldv-h button{border:0;cursor:pointer;padding:8px 14px;border-radius:999px;background:var(--or);color:var(--or-ink);font:700 13px/1 var(--fb)}
.ldv pre{margin:0;padding:16px 18px;overflow:auto;font:12.5px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;color:#15120F;white-space:pre}
.gbar #gbL[aria-pressed="true"]{background:var(--or-soft);box-shadow:inset 0 0 0 1px var(--or)}
.adg.c5{grid-template-columns:repeat(5,minmax(0,1fr))}
.adg.c5 .ad{margin-top:0!important}
.adg.c5 .ad:nth-child(2n){margin-top:28px!important}
@media (max-width:1000px){.adg.c5{grid-template-columns:repeat(3,minmax(0,1fr))}}
.in-spe .adg .ad{margin-top:0}
.mir{margin-top:0}
.blk .mir > div q{font-size:clamp(19px,1.7vw,23px)}
.g-card canvas{opacity:.95}

.mir:has(> div:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.mir:has(> div:nth-child(3):last-child){grid-template-columns:minmax(0,1fr)}}
.ia-h{font-size:clamp(36px,4.1vw,62px)!important}
.subbar + main > .tx-hero:first-child{padding-top:70px}

/* ===== corrections du 16/10 (retours d'Ulysse sur l'aperçu) ===== */
/* logo image */
.logo{display:inline-flex;align-items:center;line-height:0}
.logo-i{height:40px;width:auto;display:block}
.ad .ad-logo{line-height:0}
.ad .ad-logo img{height:22px;width:auto;display:block}
.ad.hero .ad-logo img{height:26px}
.wz-a .logo-i{height:44px}

/* cartes pub : toutes de la même taille, grilles centrées, pas de décalage */
.adg{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch}
.adg > .ad{flex:0 0 calc((100% - 54px) / 4);margin-top:0!important}
.adg.c3 > .ad{flex-basis:calc((100% - 36px) / 3)}
.adg.c5 > .ad{flex-basis:calc((100% - 72px) / 5)}
@media (max-width:1000px){.adg > .ad,.adg.c5 > .ad{flex-basis:calc((100% - 36px) / 3)}}
@media (max-width:760px){.adg,.adg.c3,.adg.c5{flex-wrap:nowrap;justify-content:flex-start}.adg > .ad,.adg.c3 > .ad,.adg.c5 > .ad{flex:0 0 72%}}
.ad .ad-t{display:flex;align-items:center;justify-content:center;min-height:2.1em}
.ad .ad-t > span{display:block}
/* étiquette du haut : jamais coupée */
.ad .ad-pill{white-space:normal;overflow:visible;text-overflow:clip;text-align:center;line-height:1.2;max-width:calc(100% - 8px)}

/* miroir : questions et réponses alignées d'une carte à l'autre */
.mir > div{display:grid;grid-row:span 2;grid-template-rows:subgrid;align-content:stretch}
.mir .ma{align-self:stretch}

/* blocs centrés quand la ligne n'est pas pleine */
.who-r{display:flex;flex-wrap:wrap;justify-content:center}
.who-r > a{flex:0 1 calc((100% - 36px) / 4);min-width:220px;align-content:start}
.rel{display:flex;flex-wrap:wrap;justify-content:center}
.rel > div{flex:0 1 calc((100% - 40px) / 5);min-width:200px}
.cg{display:flex;flex-wrap:wrap;justify-content:center}
.cg > *{flex:0 1 calc((100% - 42px) / 4)}
@media (max-width:1000px){.cg > *{flex-basis:calc((100% - 28px) / 3)}}
@media (max-width:700px){.cg > *{flex-basis:calc((100% - 14px) / 2)}.who-r > a,.rel > div{flex-basis:100%}}

/* courbe des résultats : jusqu'au bout, sans découpe */
.sc-curve{right:0;width:100%}
.sc-r.one button{justify-content:center;flex-direction:column;text-align:center;gap:10px}

/* blocs masqués quand leur page n'est pas encore publiée */
[data-off]{display:none!important}

/* en-tête : éléments plus grands, plus lisibles (retour du 16/10) */
.hd-in{height:76px;gap:24px;padding:0 10px 0 28px;max-width:1280px}
.hd .logo-i{height:46px}
.nav{gap:6px}
.nav a,.dd-b{font-size:16.5px;font-weight:600;padding:11px 17px;color:var(--ink)}
.nav a:hover,.dd-b:hover,.dd.open .dd-b{background:var(--glass-2);color:var(--ink)}
.dd-b svg{width:13px;height:13px}
.hd-r{gap:10px}
.hd-r .lnk{font-size:16px;font-weight:600;padding:11px 14px;color:var(--ink)}
.hd-r .btn.sm{min-height:54px;font-size:16.5px;padding:0 7px 0 24px;gap:14px}
.hd-r .btn.sm .arr{width:40px;height:40px}
.dd-p a{font-size:15.5px}
.dd-p a small{font-size:13.5px}
@media (max-width:1180px){.hd-in{gap:14px;padding-left:22px}.nav a,.dd-b{font-size:15.5px;padding:10px 12px}.hd-r .lnk{display:none}}
@media (max-width:960px){.hd-in{height:66px}.hd .logo-i{height:40px}.hd-r .btn.sm{min-height:48px;font-size:15.5px}.hd-r .btn.sm .arr{width:34px;height:34px}}
@media (max-width:420px){.hd-in{padding-left:18px}.hd .logo-i{height:36px}}

/* page Résultats */
.rs-top{display:grid;gap:22px;justify-items:center;text-align:center;max-width:980px;margin:0 auto}
.rs-top .lead{max-width:44em}
.rs-top .ctas{justify-content:center}
.rs-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;max-width:860px;margin-top:18px}
.rs-stats div{display:grid;gap:4px;justify-items:center;padding:20px 12px;border-radius:22px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line)}
.rs-stats b{font:800 clamp(34px,4vw,52px)/1 var(--fd);color:var(--or-2,#C2410C);letter-spacing:-.02em}
.rs-stats span{font-size:14.5px;color:var(--ink-2)}
@media (max-width:700px){.rs-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rs-filt{justify-content:center}

/* page scan */
.scn-zone{padding-top:clamp(130px,16vh,170px);padding-bottom:clamp(60px,8vw,110px)}
.scn{max-width:880px;margin:0 auto}
.scn-s{display:grid;gap:22px;justify-items:center;text-align:center}
.scn-s[hidden]{display:none!important}
.scn-s.on{animation:scnIn .5s var(--ease) both}
@keyframes scnIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.scn-chap{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:rgba(243,108,22,.12);box-shadow:inset 0 0 0 1px rgba(243,108,22,.35);color:#C2410C;font-size:13.5px;font-weight:600;letter-spacing:.02em}
.scn-chap i{width:8px;height:8px;border-radius:50%;background:var(--or);box-shadow:0 0 12px var(--or)}
.scn-h1,.scn-h2{font-size:clamp(36px,5vw,66px);max-width:15em;text-wrap:balance}
.scn .lead{max-width:40em}
.scn-form{display:flex;gap:10px;width:100%;max-width:640px;padding:8px;border-radius:999px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line-2)}
.scn-form input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font:500 17.5px/1.2 var(--fb,inherit);padding:0 18px;outline:none}
.scn-form input::placeholder{color:var(--ink-3)}
.scn-form input.err{animation:scnErr .4s}
.scn-form:has(input.err){box-shadow:inset 0 0 0 2px #E5484D}
@keyframes scnErr{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.scn-form .btn{flex:0 0 auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.scn-note{font-size:14.5px;color:var(--ink-3)}
.scn-note b{color:#3BD07A;font-weight:600}
.scn-temps{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%}
.scn-temps li{display:grid;gap:10px;justify-items:center;padding:18px 14px;border-radius:20px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);font-size:15px;color:var(--ink-2)}
.scn-temps b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--or);color:var(--or-ink);font:800 15px/1 var(--fd)}
.scn-card{width:100%;text-align:left;padding:clamp(18px,2.6vw,28px);border-radius:24px;background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 1px var(--line-2),0 30px 60px -30px rgba(0,0,0,.8)}
.scn-etq{display:block;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:600}
.scn-etq b{color:var(--ink);text-transform:none;letter-spacing:0}
.scn-steps{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.scn-steps li{display:flex;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-3);font-size:15.5px}
.scn-steps li em{font-style:normal;font-size:13px;color:var(--ink-3);white-space:nowrap}
.scn-steps li.cur{color:var(--ink)}.scn-steps li.cur em{color:#C2410C}
.scn-steps li.done{color:var(--ink-2)}.scn-steps li.done em{color:#3BD07A}
.scn-bar{margin-top:16px;height:6px;border-radius:9px;background:rgba(255,255,255,.07);overflow:hidden}
.scn-bar i{display:block;height:100%;width:8%;border-radius:9px;background:linear-gradient(90deg,#FFB25A,var(--or));transition:width 1.6s var(--ease)}
.scn-c{display:grid;gap:16px;width:100%}
.scn-bub{margin:16px 0 0 auto;width:fit-content;max-width:92%;padding:13px 17px;border-radius:18px 18px 4px 18px;background:rgba(255,255,255,.07);color:var(--ink);font-size:16.5px}
.scn-rk{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:4px}
.scn-rk li{display:flex;gap:12px;align-items:baseline;padding:12px 14px;border-radius:12px;flex-wrap:wrap}
.scn-rk .n{color:var(--or);font-weight:800;min-width:22px}
.scn-rk .nm{font-weight:700;font-size:17px}
.scn-rk .dm{font-size:13.5px;color:var(--ink-3);word-break:break-all}
.scn-rk li.me{background:rgba(243,108,22,.13);margin-top:8px}
.scn-rk li.me .nm,.scn-rk li.me .n{color:#C2410C}
.scn-ans{margin-top:12px;font-size:15px;color:var(--ink-2)}
.scn-ans summary{cursor:pointer;color:#C2410C;font-weight:600}
.scn-ans p{margin-top:10px;line-height:1.6}
.scn-src{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.scn-src li{display:flex;gap:13px;align-items:flex-start;padding:13px 15px;border-radius:14px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--line)}
.scn-src .pu{flex:0 0 auto;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:rgba(59,208,122,.14);color:#3BD07A;font-weight:800;font-size:13px}
.scn-src .co{min-width:0;display:grid;gap:3px}
.scn-src .co b{font-size:15.5px;font-weight:600}
.scn-src .co span{font-size:13px;color:var(--ink-3);word-break:break-all}
.scn-src li.miss{background:rgba(229,72,77,.09);box-shadow:inset 0 0 0 1px rgba(229,72,77,.35)}
.scn-src li.miss .pu{background:rgba(229,72,77,.18);color:#FF9A9D}
.scn-src li.miss .co b{color:#FFC2C4}
.scn-src li.moi .pu{background:rgba(243,108,22,.18);color:#C2410C}
.scn-p{font-size:16px;color:var(--ink-2);line-height:1.6;margin-top:12px}
.scn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.scn-pont{width:100%;text-align:left;padding:20px 24px;border-radius:20px;background:linear-gradient(180deg,rgba(243,108,22,.12),rgba(243,108,22,.03));box-shadow:inset 0 0 0 1px rgba(243,108,22,.3);font-size:16.5px;color:var(--ink-2);line-height:1.6}
.scn-pont b{color:#C2410C}
.scn-cta{display:flex;justify-content:center;width:100%}
.scn-plan{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:12px;width:100%;text-align:left}
.scn-plan li{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 1px var(--line-2);transition:filter .5s,opacity .5s}
.scn-plan .k{flex:0 0 auto;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(243,108,22,.16);color:#C2410C;font:800 15px/1 var(--fd)}
.scn-plan li div{display:grid;gap:5px;min-width:0}
.scn-plan b{font-size:17px}
.scn-plan span{font-size:15px;color:var(--ink-2);line-height:1.55}
.scn-plan li.flou div{filter:blur(5px);opacity:.55;user-select:none}
.scn-mail .scn-form{margin-top:14px;max-width:none}
.scn-mail .scn-note{margin-top:12px}
.scn-ou{display:flex;align-items:center;gap:14px;width:100%;color:var(--ink-3);font-size:14px}
.scn-ou::before,.scn-ou::after{content:"";flex:1;height:1px;background:var(--line-2)}
.scn-hum{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.scn-hum>div{flex:1;min-width:220px;display:grid;gap:6px}
.scn-hum b{font-size:18px}
.scn-hum span{font-size:15px;color:var(--ink-2);line-height:1.55}
.scn-suite{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:12px;width:100%;text-align:left}
.scn-suite li{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:18px 20px;border-radius:18px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line)}
.scn-suite em{font-style:normal;font-size:12.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--or);font-weight:700;padding-top:3px}
.scn-suite div{display:grid;gap:4px}
.scn-suite b{font-size:17px}
.scn-suite span{font-size:15px;color:var(--ink-2)}
.scn-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.scn-why>div{display:grid;gap:10px;align-content:start;padding:26px;border-radius:24px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line)}
.scn-why i{font:800 34px/1 var(--fd);color:var(--or);font-style:normal}
.scn-why b{font-size:19px}
.scn-why p{font-size:15.5px;color:var(--ink-2);line-height:1.55}
@media (max-width:760px){.scn-temps,.scn-why{grid-template-columns:1fr}.scn-form{flex-direction:column;border-radius:22px;padding:10px}.scn-form input{padding:14px 12px}.scn-form .btn{width:100%;justify-content:center}.scn-suite li{grid-template-columns:1fr;gap:6px}}
.scn-temps li{align-content:start}
.scn-src .co span{word-break:normal;overflow-wrap:anywhere}
@media (max-width:420px){.scn-chap{font-size:12px;padding:7px 12px}}

/* ---------- logos des outils ---------- */
.brand.lg{padding-left:12px}
.brand svg{width:18px;height:18px;fill:currentColor;flex:none;display:block}
.brands.big .brand svg{width:20px;height:20px}

/* ---------- exemple de test publicitaire : visuels entiers ---------- */
.pubs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:4px}
.pub{margin:0;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:18px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line),0 14px 32px -24px rgba(30,22,14,.4)}
.pub-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;color:var(--ink)}
.pub-h b{font-weight:700}
.pub-h small{font-size:11.5px;color:var(--ink-3)}
.pub img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:520/700;object-fit:contain;border-radius:12px;background:var(--panel-2)}
.pub:not(.win) img{filter:saturate(.35)}
.pub-m{margin:0;font:700 15px/1.25 var(--fd);letter-spacing:-.01em;text-wrap:balance;color:var(--ink)}
.pub-r{display:grid;gap:6px;font-size:13px;color:var(--ink-2)}
.pub-r b{color:var(--ink);font:800 16px/1 var(--fd)}
.pub .meterh{display:block;height:8px;border-radius:99px;background:var(--panel-2);overflow:hidden}
.pub .meterh i{display:block;height:100%;border-radius:99px;background:var(--ink-3)}
.pub.win .meterh i{background:var(--or)}
.pub-v{align-self:flex-start;padding:7px 12px;border-radius:999px;font-size:13px;font-weight:700;line-height:1.25;background:var(--panel-2);color:var(--ink-2)}
.pub.win .pub-v{background:var(--or);color:var(--or-ink)}
.pub-note{margin:14px 0 12px;font-size:14px;color:var(--ink-2)}
@media (max-width:520px){.pubs{gap:10px}.pub{padding:9px;gap:8px}.pub-m{font-size:13.5px}.pub-v{font-size:12px;padding:6px 10px}}

/* ---------- cartes secteurs : pastille lisible, consigne au-dessus ---------- */
.ad .ad-pill{font-size:clamp(14px,1.15vw,16px);font-weight:700;padding:10px 16px;gap:9px;line-height:1.15}
.ad .ad-pill i{width:9px;height:9px}
.adg-pick{display:flex;justify-content:center;align-items:center;gap:8px;margin:0 0 18px;font-size:14px;font-weight:600;color:var(--ink-2)}
.adg-pick .ico{width:14px;height:14px;color:var(--or);transform:rotate(90deg)}

/* ---------- « Vous vous reconnaissez ? » : une ligne, en carrousel ---------- */
.mir.car{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 3px 26px;margin:-6px -3px 0;text-align:left}
.mir.car::-webkit-scrollbar{display:none}
.mir.car > div{flex:0 0 calc((100% - 32px) / 3);min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;gap:0;grid-row:auto;padding:22px 22px 20px;border-radius:22px;overflow:visible;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line),0 18px 40px -32px rgba(30,22,14,.35);transform:none}
.mir.car.more > div{flex-basis:calc((100% - 48px) / 3.3)}
.mir.car > div:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(243,108,22,.45),0 24px 50px -34px rgba(243,108,22,.5)}
.mir.car .mq{display:block;padding:0;flex:1}
.mir.car .mq::before{content:"Vous nous dites";display:block;margin-bottom:10px;font:700 11.5px/1 var(--fb);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.mir.car .mq > span,.mir.car .ma > span{display:none}
.mir.car q{display:block;padding:0;background:none;border-radius:0;font:700 clamp(18px,1.45vw,21px)/1.25 var(--fd);letter-spacing:-.015em;color:var(--ink);quotes:"« " " »"}
.mir.car q::before,.mir.car q::after{content:open-quote;color:var(--or)}
.mir.car q::after{content:close-quote}
.mir.car .ma{display:block;margin-top:18px;padding:16px 0 0;border-top:1px solid var(--line);background:none}
.mir.car .ma p{font-size:15px;line-height:1.5;color:var(--ink-2)}
.mir.car .ma p b{color:var(--or-2);font-size:11.5px;letter-spacing:.08em;margin-bottom:6px}
.mir.car .mp{margin-top:14px}
.mir-nav{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:4px}
.mir-b{width:46px;height:46px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);transition:background .25s,color .25s,opacity .25s}
.mir-b .ico{width:18px;height:18px}
.mir-p .ico{transform:rotate(180deg)}
.mir-b:hover:not(:disabled){background:var(--or);color:var(--or-ink)}
.mir-b:disabled{opacity:.35;cursor:default}
.mir-b:focus-visible{outline:2px solid var(--or);outline-offset:3px}
.mir-d{display:flex;gap:6px}
.mir-d i{width:8px;height:8px;border-radius:99px;background:var(--line-2);transition:width .3s,background .3s}
.mir-d i.on{width:22px;background:var(--or)}
@media (max-width:900px){.mir.car > div,.mir.car.more > div{flex-basis:calc((100% - 16px) / 2.15)}}
@media (max-width:620px){.mir.car > div,.mir.car.more > div{flex-basis:86%}}
/* carrousel : même ligne de partage sur toutes les cartes, preuve en bas */
.mir.car .mq{flex:none}
.mir.car q{min-height:3.75em}
.mir.car .ma{flex:1;display:flex;flex-direction:column}
.mir.car .ma p{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.mir.car .ma p b{margin-bottom:0}
.mir.car .ma p br{display:none}
.mir.car .mp{margin-top:auto;transform:translateY(0)}
.mir .mp em{white-space:nowrap}
.mir.car.ovr{-webkit-mask-image:linear-gradient(90deg,transparent,#FFFFFF 60px,#FFFFFF calc(100% - 60px),transparent);mask-image:linear-gradient(90deg,transparent,#FFFFFF 60px,#FFFFFF calc(100% - 60px),transparent)}
.mir.car.ovr.start{-webkit-mask-image:linear-gradient(90deg,#FFFFFF calc(100% - 60px),transparent);mask-image:linear-gradient(90deg,#FFFFFF calc(100% - 60px),transparent)}
.mir.car.ovr.end{-webkit-mask-image:linear-gradient(90deg,transparent,#FFFFFF 60px);mask-image:linear-gradient(90deg,transparent,#FFFFFF 60px)}
.mir.car q{quotes:"«\00a0" "\00a0»"}
@media (max-width:520px){.pub-h small{display:none}.pub-h b{white-space:nowrap}.brands.big .brand{padding:8px 12px 8px 10px;font-size:14px}.brands.big .brand svg{width:18px;height:18px}}
.mir .mq{-webkit-mask-image:none;mask-image:none;overflow:visible;padding-block:0}

/* ---------- fonds : aucune coupure nette entre les sections ---------- */
/* la zone ne recouvre plus la trame de points d'un coup : elle s'installe et se retire en fondu */
.zone{background:linear-gradient(180deg,rgba(255,255,255,0),var(--bg) 160px,var(--bg) calc(100% - 160px),rgba(255,255,255,0))}
/* la grille et la lumière s'éteignent avant les bords haut et bas de la zone */
.zone::before{-webkit-mask-image:radial-gradient(ellipse 58% 52% at var(--lx,50%) var(--ly,42%),#FFFFFF 0%,rgba(0,0,0,.45) 48%,transparent 78%),linear-gradient(180deg,transparent,#FFFFFF 24%,#FFFFFF 76%,transparent);-webkit-mask-composite:source-in;mask-image:radial-gradient(ellipse 58% 52% at var(--lx,50%) var(--ly,42%),#FFFFFF 0%,rgba(0,0,0,.45) 48%,transparent 78%),linear-gradient(180deg,transparent,#FFFFFF 24%,#FFFFFF 76%,transparent);mask-composite:intersect}
.zone::after{-webkit-mask-image:linear-gradient(180deg,transparent,#FFFFFF 22%,#FFFFFF 78%,transparent);mask-image:linear-gradient(180deg,transparent,#FFFFFF 22%,#FFFFFF 78%,transparent)}
/* les halos de bord de page restent dans leur section, sans arête */
.spot{-webkit-mask-image:radial-gradient(closest-side,#FFFFFF 40%,transparent);mask-image:radial-gradient(closest-side,#FFFFFF 40%,transparent)}

/* ---------- page sonar = page d'inscription à l'outil ---------- */
.snr-card,.snr-ok,.snr-in,.snr-final{display:none}
[data-sk="sonar"] .snr-card,[data-sk="sonar"] .snr-in,[data-sk="sonar"] .snr-final{display:block}
[data-sk="sonar"] .snr-ok{display:flex}
[data-sk="sonar"] .sys-hero .pic-big,[data-sk="sonar"] .sys-ctas,[data-sk="sonar"] .sys-final{display:none}
.snr-ok{flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;list-style:none;font-size:15px;font-weight:600;color:var(--ink-2)}
.snr-ok li{display:flex;align-items:center;gap:8px}
.snr-ok li::before{content:"";width:18px;height:18px;border-radius:50%;flex:none;background:var(--or-soft) no-repeat center/11px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E35A0A' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}
.snr-card{position:relative;z-index:1;width:100%;max-width:470px;justify-self:end;padding:clamp(22px,2.4vw,30px);border-radius:26px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line),0 30px 70px -40px rgba(30,22,14,.45),0 0 0 8px rgba(243,108,22,.05)}
.snr-f,.snr-done{display:grid;gap:10px;text-align:left}
.snr-k{display:inline-flex;align-items:center;gap:8px;justify-self:start;padding:6px 11px;border-radius:999px;background:var(--or-soft);color:var(--or-3);font-size:12.5px;font-weight:700}
.snr-k i{width:7px;height:7px;border-radius:50%;background:var(--or)}
.snr-t{margin:4px 0 0;font:800 clamp(22px,1.9vw,27px)/1.12 var(--fd);letter-spacing:-.025em;text-wrap:balance;color:var(--ink)}
.snr-s{margin:0 0 6px;font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.snr-f label{font-size:13px;font-weight:600;color:var(--ink-2);margin-top:4px}
.snr-f input,.snr-f select{width:100%;min-width:0;height:48px;padding:0 14px;border-radius:12px;border:0;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line-2);font:500 16px/1 var(--fb);color:var(--ink);transition:box-shadow .2s,background .2s}
.snr-f select{appearance:none;-webkit-appearance:none;padding-right:36px;background:var(--panel) no-repeat right 14px center/12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236E655D' stroke-width='1.8'/%3E%3C/svg%3E")}
.snr-f input::placeholder{color:var(--ink-3);opacity:.75}
.snr-f input:focus,.snr-f select:focus{outline:0;background-color:var(--bg);box-shadow:inset 0 0 0 2px var(--or)}
.snr-f input.err{box-shadow:inset 0 0 0 2px #D93B3B}
.snr-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.snr-2 > div{display:grid;gap:10px;min-width:0}
.snr-b{width:100%;justify-content:center;margin-top:8px}
.snr-l{margin:2px 0 0;font-size:12.5px;line-height:1.5;color:var(--ink-3)}
.snr-l a{color:var(--ink-2)}
.snr-e{margin:0;font-size:14px;font-weight:600;color:#B42318}
.snr-n{margin:6px 0 4px;padding:0;list-style:none;counter-reset:sn;display:grid;gap:12px}
.snr-n li{position:relative;display:grid;gap:2px;padding-left:40px;counter-increment:sn}
.snr-n li::before{content:counter(sn);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--or-soft);color:var(--or-3);font:800 13.5px/1 var(--fd)}
.snr-n b{font-size:15.5px;color:var(--ink)}
.snr-n span{font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.snr-done .btn{justify-self:start;margin-top:6px}
.snr-in-g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,4vw,64px);align-items:center}
.snr-in-t{display:grid;gap:18px;justify-items:start;text-align:left}
.snr-in-t .h2,.snr-in-t .lead{text-align:left;margin:0}
.snr-shot{margin:0;display:grid;gap:12px}
.snr-shot img{display:block;width:100%;max-width:100%;height:auto;border-radius:20px;box-shadow:0 0 0 1px var(--line),0 40px 90px -50px rgba(30,22,14,.55)}
.snr-shot figcaption{font-size:13px;color:var(--ink-3);text-align:center}
.snr-final-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,470px);gap:clamp(28px,4vw,64px);align-items:center;text-align:left}
.snr-final-g .h2,.snr-final-g .lead{text-align:left}
.snr-final .snr-card{justify-self:end}
@media (max-width:900px){.snr-in-g,.snr-final-g{grid-template-columns:minmax(0,1fr)}.snr-card{justify-self:stretch;max-width:none}}
@media (max-width:480px){.snr-2{grid-template-columns:minmax(0,1fr)}}
.snr-f[hidden],.snr-done[hidden],.snr-e[hidden],.snr-n[hidden]{display:none}
.mir.car > div{box-sizing:border-box}

/* ---------- page scan : reprise en clair, composition du prototype ---------- */
.scn-chap{background:var(--or-soft);box-shadow:inset 0 0 0 1px rgba(243,108,22,.3);color:var(--or-3)}
.scn-chap i{box-shadow:none}
.scn-note b{color:#15803D}
.scn .brands{justify-content:center;margin-top:4px}
.scn-temps{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;margin:6px 0 4px;width:auto}
.scn-temps li{display:flex;align-items:center;gap:10px;padding:0;background:none;box-shadow:none;border-radius:0;font-size:15px;color:var(--ink-2);text-align:left;justify-items:start}
.scn-temps b{width:26px;height:26px;flex:none;font-size:13px}
.scn-bub{background:var(--panel-2)}
.scn-rk li.me{background:var(--or-soft)}
.scn-rk li.me .nm,.scn-rk li.me .n{color:var(--or-3)}
.scn-src li{background:var(--bg)}
.scn-src .pu{background:rgba(21,128,61,.1);color:#15803D}
.scn-src li.miss{background:rgba(217,59,59,.06);box-shadow:inset 0 0 0 1px rgba(217,59,59,.3)}
.scn-src li.miss .pu{background:rgba(217,59,59,.12);color:#B42318}
.scn-src li.miss .co b{color:#B42318}
.scn-src li.moi .pu{background:var(--or-soft);color:var(--or-3)}
.scn-pont{background:linear-gradient(180deg,rgba(243,108,22,.09),rgba(243,108,22,.02))}
.scn-pont b{color:var(--or-3)}
.scn-plan li{background:var(--bg);box-shadow:inset 0 0 0 1px var(--line),0 14px 30px -26px rgba(30,22,14,.35)}
.scn-plan .k{background:var(--or-soft);color:var(--or-3)}
.scn-suite li{background:var(--bg)}
@media (max-width:620px){.scn-temps{flex-direction:column;align-items:flex-start;margin-inline:auto}}
.spot{display:none!important}
.mir-nav[hidden]{display:none}

/* ---------- 16/10 après-midi ---------- */
/* header : le test gratuit en second appel à l'action */
.hd-r{display:flex;align-items:center;gap:8px}
.hd-r .hd-scan{min-height:54px;padding:0 20px;font-size:15px;font-weight:700;white-space:nowrap}
@media (max-width:1320px){.hd-r .lnk{display:none}}
@media (max-width:1060px){.hd-r .hd-scan{display:none}}
/* menu Secteurs en clair */
.dd-p.mega{background:rgba(255,255,255,.98);box-shadow:inset 0 0 0 1px var(--line-2),0 40px 80px -40px rgba(30,22,14,.35)}
.dd-p.mega a.mg-h{color:var(--ink)}
/* héros : le fond éclairé ne touche plus le bord, il se fond dans la section suivante */
.sys-hero,.tx-hero,.g-hero,.scn-zone,.cs-hero{padding-bottom:clamp(80px,9vw,140px)!important}
/* défilé des résultats : chiffres en contour sombre, l'orange au survol */
.mq .n{-webkit-text-stroke:1.5px rgba(21,18,15,.32)}
/* carte de la zone : fond sombre, points lisibles */
.cx-map{background:rgba(21,18,15,.94);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 30px 60px -24px rgba(30,22,14,.55)}
.cx-map span{color:rgba(255,255,255,.78)}
.cx-map span b{color:rgba(255,178,122,1)}
/* tuiles : logo de l'outil ou icône à la place du numéro */
.tl2 a.has-ic .tl-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line),0 6px 16px -10px rgba(30,22,14,.35);margin-bottom:6px}
.tl2 a.has-ic .tl-ic svg{width:24px;height:24px;fill:currentColor}
.tl2 a.has-ic .tl-ic img{width:26px;height:26px;border-radius:6px;display:block}
.tl2 a.has-ic .tl-ic.pic{color:var(--or-2)}
.tl2 a.has-ic .tl-ic.pic svg{fill:none}
.tl2 a.has-ic:hover .tl-ic{color:var(--or-2)}
/* fiche d'identité : logo du client, logo iaba sur les missions iaba */
.cs-idc .idg b{display:grid;gap:8px;align-content:start}
.cs-idc .idc-logo{display:block;max-width:150px;max-height:46px;width:auto;height:auto;object-fit:contain;object-position:left center}
.cs-idc .idc-iaba{display:block;height:26px;width:auto}
/* pays : on choisit sa ville ; la ville introuvable a sa carte */
.ci-pick{display:none}
[data-pays] .ci-pick{display:block}
[data-pays] .ci-nearsec{display:none}
.adg > .ad-miss{flex:0 0 calc((100% - 54px) / 4);margin-top:0}
.ad-miss{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:24px 22px;border-radius:24px;background:var(--bg);box-shadow:inset 0 0 0 1.5px rgba(243,108,22,.45);text-align:left;aspect-ratio:5/7;max-width:100%}
.ad-miss .am-k{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--or-3)}
.ad-miss .am-k i{width:8px;height:8px;border-radius:50%;background:var(--or)}
.ad-miss b{font:800 clamp(19px,1.6vw,23px)/1.15 var(--fd);letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.ad-miss > span:not(.am-k){font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.ad-miss .btn{align-self:flex-start;margin-top:4px}
.ad-miss a{font-size:13.5px;font-weight:600;color:var(--or-3)}
@media (max-width:1000px){.adg > .ad-miss{flex-basis:calc((100% - 36px) / 3)}}
@media (max-width:760px){.adg > .ad-miss{flex:0 0 72%;aspect-ratio:auto}}
.dd-p .reg-f{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;margin:6px 10px 0;padding-top:10px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-3)}
.dd-p .reg-f a{display:inline;padding:0;border-radius:0;font-size:13px;font-weight:600;color:var(--ink);background:none!important}
.dd-p .reg-f a:hover{color:var(--or-3)}
.hd .nav a,.hd .dd-b,.hd-r .btn,.hd-r .lnk{white-space:nowrap}
@media (max-width:1560px){.hd-r .lnk{display:none}}
@media (max-width:1240px){.hd-r .hd-scan{display:none}}
/* bouton des cartes : toujours la pastille ronde en haut à droite, il ne couvre plus le texte */
.ad .ad-go{left:auto!important;right:10px;top:10px;bottom:auto!important;transform:none!important;width:34px;height:34px;padding:0;gap:0;justify-content:center;font-size:0;box-shadow:0 10px 24px -8px rgba(243,108,22,.9)}
.ad .ad-go .ico{width:15px;height:15px}
.mq .n,.mq .n small{-webkit-text-stroke:1.6px rgba(21,18,15,.78)!important}.mq a:hover .n,.mq .mi:hover .n{-webkit-text-stroke-color:var(--or)!important}

/* logo iaba : jamais écrasé */
.logo-i,.ad .ad-logo img,.idc-iaba,.who-lg{max-width:none!important;object-fit:contain}
.ad .ad-logo img{width:auto!important;height:22px!important;aspect-ratio:690/351}
.ad.hero .ad-logo img{height:26px!important}
.logo-i{width:auto!important;aspect-ratio:690/351}
/* logos clients à côté du nom */
.cl-lg,.sc-lg,.tr-lg,.mi-lg,.cg-lg,.wc-lg,.who-lg,.mc-lg{display:inline-block;vertical-align:middle;height:22px;width:auto;max-width:96px;object-fit:contain;margin-right:8px;mix-blend-mode:multiply}
.case .who{display:flex;align-items:center;gap:10px}
.case .who .who-lg{height:26px;max-width:110px;margin:0}
.wc{display:inline-flex;align-items:center}
.wc .wc-lg{height:18px;max-width:72px;margin-right:6px}
.cgc b{display:flex;align-items:center;gap:8px}.cgc .cg-lg{margin:0}
.tr .c .tr-lg{display:block;height:24px;margin:0 0 6px}
.sc-r button .sc-lg{height:18px;max-width:64px;margin-right:6px}
.mq .mi .l b{display:flex;align-items:center}
.mx-c .mc{display:flex;align-items:center}
.mx-c .mc-lg{height:20px;max-width:80px;padding:3px 6px;border-radius:6px;background:#fff;mix-blend-mode:normal;box-sizing:content-box}
/* avis : logo de l'entreprise dans l'encart */
.av.lg{width:auto!important;min-width:44px;padding:0 8px;border-radius:12px!important;background:#fff!important;box-shadow:inset 0 0 0 1px var(--line-2)}
.av.lg img{display:block;height:26px;width:auto;max-width:96px;object-fit:contain}
.avs button.lg{background:#fff!important;padding:9px;overflow:hidden}
.avs button.lg img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}
.pj .who .who-lg{display:block;margin:0 auto 8px;height:30px;max-width:140px}
.cl-lg,.sc-lg,.tr-lg,.mi-lg,.cg-lg,.wc-lg,.who-lg,.mc-lg,.av.lg img,.avs button.lg img{filter:none!important;opacity:1!important}
.mx-c .mc .mc-lg{position:static!important;inset:auto!important;width:auto!important;height:20px!important;z-index:auto!important;transform:none!important}
.case .who-lg{mix-blend-mode:multiply}
.mx-c .mc .mc-lg{object-fit:contain!important;max-width:84px!important}
.scn-mail-t{margin:8px 0 12px;font-size:16px;font-weight:600;color:var(--ink);line-height:1.4}
.scn-f2.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px}
@media (max-width:760px){.scn-f2.two{grid-template-columns:minmax(0,1fr)}}
/* menu Le système */
.dd-p.sysp{min-width:340px}
.dd-p.sysp a .mod{font:800 19px/1 var(--fd);letter-spacing:-.03em;color:var(--ink)}
.dd-p.sysp a .mod i{color:var(--or);font-style:normal}
.dd-p.sysp a small{font-size:13px;font-weight:500;color:var(--ink-3)}
.dd-p.sysp a.sys-f{margin-top:6px;background:var(--or-soft);color:var(--or-3);box-shadow:inset 0 0 0 1px rgba(243,108,22,.3)}
.dd-p.sysp a.sys-f small{color:var(--or-3)}
.scn-f2.two{border-radius:22px;align-items:center}
.scn-f2.two input{min-height:48px}
@media (max-width:760px){.scn-f2.two .btn{width:100%;justify-content:center}}
.snr-pre{margin:2px 0 0;font-size:13.5px;color:var(--ink-2)}
.snr-pre a{color:var(--or-3);font-weight:700}

/* ---------- page contact ---------- */
.ct-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:clamp(28px,4vw,64px);align-items:start}
.ct-l{display:grid;gap:18px;text-align:left}
.ct-l .h1,.ct-l .lead{text-align:left;margin:0}
.ct-os{display:grid;gap:10px;margin-top:8px}
.ct-o{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border-radius:18px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line)}
.ct-ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--or-soft);color:var(--or-2)}
.ct-ic svg{width:22px;height:22px}
.ct-o b{display:block;font-size:16px;color:var(--ink)}
.ct-o div > span{display:block;font-size:14px;line-height:1.45;color:var(--ink-2)}
.ct-mail{font-weight:700;color:var(--ink)!important;user-select:all}
.ct-card{padding:clamp(22px,2.4vw,30px);border-radius:26px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line),0 30px 70px -40px rgba(30,22,14,.45),0 0 0 8px rgba(243,108,22,.05)}
.ct-f,.ct-done{display:grid;gap:10px;text-align:left}
.ct-f[hidden],.ct-done[hidden]{display:none}
.ct-f label{font-size:13px;font-weight:600;color:var(--ink-2);margin-top:4px}
.ct-f label small{font-weight:500;color:var(--ink-3)}
.ct-f input,.ct-f select,.ct-f textarea{width:100%;min-width:0;padding:0 14px;border-radius:12px;border:0;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line-2);font:500 16px/1.4 var(--fb);color:var(--ink)}
.ct-f input,.ct-f select{height:48px}
.ct-f textarea{padding:12px 14px;resize:vertical;min-height:120px}
.ct-f select{appearance:none;-webkit-appearance:none;padding-right:36px;background:var(--panel) no-repeat right 14px center/12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236E655D' stroke-width='1.8'/%3E%3C/svg%3E")}
.ct-f input:focus,.ct-f select:focus,.ct-f textarea:focus{outline:0;background-color:var(--bg);box-shadow:inset 0 0 0 2px var(--or)}
.ct-f .err{box-shadow:inset 0 0 0 2px #D93B3B}
.ct-b{width:100%;justify-content:center;margin-top:8px}
.ct-done .btn{justify-self:start}
@media (max-width:980px){.ct-g{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.ct-o{grid-template-columns:44px minmax(0,1fr)}.ct-o .btn{grid-column:1/-1;justify-self:start}}

/* ---------- header : rien ne dépasse jamais ---------- */
.hd-in{min-width:0}
.hd .nav{min-width:0;flex:1 1 auto;justify-content:center}
.hd-r{flex:0 0 auto;margin-left:auto}
.hd .nav > a,.hd .dd-b{white-space:nowrap}
@media (max-width:1380px){.hd .nav > a,.hd .dd-b{font-size:15px;padding:9px 11px}.hd-r .btn.sm{padding-left:18px;font-size:15px}.hd-r .hd-scan{padding:0 16px;font-size:14.5px}}
@media (max-width:1290px){.hd-r .hd-scan{display:none}}

/* ===== Blog v2 : articles et liste (16/10) ===== */
.iaba-v2-blog .crumb-l{padding-top:104px}
.art-sec{padding-block:20px 0}
.art-g{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start}
.art-c{min-width:0}
.art-c .fil-ariane{display:none!important}
.art-c .iaba-article{margin-top:0!important}
.art-side{position:sticky;top:108px;display:grid;gap:16px}
.art-card{background:var(--bg);border:1px solid var(--line-2);border-radius:20px;padding:22px 22px 24px;display:grid;gap:10px;justify-items:start;box-shadow:0 12px 30px rgba(30,22,14,.06)}
.art-card b{font-family:var(--fd);font-size:20px;line-height:1.2;color:var(--ink)}
.art-card p{font-size:14px;line-height:1.55;color:var(--ink-3);margin:0}
.art-card .lab{margin:0}
.art-scan{background:linear-gradient(160deg,var(--or-soft),var(--bg) 70%)}
.bl-rel{padding-block:clamp(60px,7vw,100px) 0}
.bl-hero{padding-bottom:20px!important}
.bl-hero .lead{max-width:620px}
.bl-list{padding-block:28px 0}
.bl-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.bl-chip{appearance:none;border:1px solid var(--line-2);background:var(--bg);border-radius:999px;padding:10px 15px;font:600 14px/1 var(--fb);color:var(--ink);cursor:pointer;transition:background .2s,border-color .2s}
.bl-chip i{font-style:normal;color:var(--ink-3);margin-left:5px;font-weight:500}
.bl-chip:hover{border-color:var(--or)}
.bl-chip.on{background:var(--ink);color:var(--or-ink);border-color:var(--ink)}
.bl-chip.on i{color:var(--ink-2)}
.bl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.bl-card{display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line-2);border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.bl-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(30,22,14,.09)}
.bl-card[hidden]{display:none}
.bl-im{display:block;aspect-ratio:16/9;background:var(--panel);overflow:hidden}
.bl-im img{width:100%;height:100%;object-fit:cover;display:block}
.bl-tx{display:grid;gap:8px;padding:18px 20px 20px}
.bl-k{font:700 12px/1.2 var(--fb);letter-spacing:.05em;text-transform:uppercase;color:var(--or-2)}
.bl-card b{font-family:var(--fd);font-size:19px;line-height:1.25;color:var(--ink)}
.bl-ex{font-size:14px;line-height:1.55;color:var(--ink-3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bl-card small{font-size:13px;color:var(--ink-3)}
@media (max-width:1060px){.art-g{grid-template-columns:minmax(0,1fr)}.art-side{position:static;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.bl-grid{grid-template-columns:minmax(0,1fr)}.iaba-v2-blog .crumb-l{padding-top:92px}}

.ft .legal .lg-l a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line-2)}
.ft .legal .lg-l a:hover{color:var(--or-2);border-bottom-color:var(--or)}

/* ===== Pages à propos, fondateurs, rendez-vous, légales (16/10) ===== */
.st-hero{padding-bottom:24px!important}
.st-hero .lead{max-width:680px}
.st-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.st-facts span{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-2);background:var(--bg);border-radius:999px;padding:9px 14px;font-size:14px;color:var(--ink)}
.st-facts span b{font-weight:700}
.st-facts a{color:var(--or-2);text-decoration:none;font-weight:600}
.st-sec{padding-block:clamp(64px,8vw,110px) 0}
.st-prose{max-width:760px;display:grid;gap:18px}
.st-prose p{font-size:18px;line-height:1.7;color:var(--ink);margin:0}
.st-prose p.mute{color:var(--ink-3);font-size:16px}
.ab-fd{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ab-f{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:center;background:var(--bg);border:1px solid var(--line-2);border-radius:24px;padding:22px;text-decoration:none;color:inherit;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.ab-f:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(30,22,14,.09)}
.ab-f img{width:150px;height:150px;border-radius:50%;object-fit:cover;display:block;background:var(--panel)}
.ab-f b{display:block;font-family:var(--fd);font-size:24px;line-height:1.15;color:var(--ink)}
.ab-f em{display:block;font-style:normal;color:var(--or-2);font-weight:600;font-size:14px;margin:4px 0 8px}
.ab-f p{font-size:15px;line-height:1.55;color:var(--ink-3);margin:0 0 10px}
.ab-f .go{font-weight:700;font-size:14px;color:var(--ink)}
.ab-pr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ab-pr div{background:var(--bg);border:1px solid var(--line-2);border-radius:22px;padding:24px;display:grid;gap:10px;align-content:start}
.ab-pr i{font-style:normal;font:700 13px/1 var(--fb);color:var(--or-2);letter-spacing:.06em}
.ab-pr b{font-family:var(--fd);font-size:21px;line-height:1.2;color:var(--ink)}
.ab-pr p{font-size:15px;line-height:1.6;color:var(--ink-3);margin:0}
.ab-q{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ab-q .fq-quote{margin:0}
.st-more{margin-top:26px}
.pp-hero .w{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:center}
.pp-ph{width:100%;max-width:340px;aspect-ratio:1/1;border-radius:32px;overflow:hidden;background:var(--panel);box-shadow:0 24px 60px rgba(30,22,14,.12);justify-self:end}
.pp-ph img{width:100%;height:100%;object-fit:cover;display:block}
.pp-ph.round{border-radius:50%}
.pp-role{font-size:18px;font-weight:600;color:var(--or-2);margin:6px 0 14px}
.pp-chips{display:flex;flex-wrap:wrap;gap:8px}
.pp-chips span{border:1px solid var(--line-2);border-radius:999px;padding:8px 13px;font-size:14px;background:var(--bg);color:var(--ink)}
.pp-tl{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.pp-tl div{background:var(--bg);border:1px solid var(--line-2);border-radius:20px;padding:20px;display:grid;gap:6px;align-content:start}
.pp-tl i{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--or-2)}
.pp-tl b{font-family:var(--fd);font-size:19px;line-height:1.25;color:var(--ink)}
.pp-tl p{font-size:14px;line-height:1.55;color:var(--ink-3);margin:0}
.rd-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:40px;align-items:start}
.rd-steps{display:grid;gap:14px}
.rd-steps div{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;background:var(--bg);border:1px solid var(--line-2);border-radius:20px;padding:18px}
.rd-steps i{font-style:normal;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--or-soft);color:var(--or-2);font-weight:800}
.rd-steps b{display:block;font-size:17px;color:var(--ink);margin-bottom:4px}
.rd-steps p{font-size:15px;line-height:1.55;color:var(--ink-3);margin:0}
.rd-cal{background:var(--bg);border:1px solid var(--line-2);border-radius:24px;padding:8px;box-shadow:0 20px 50px rgba(30,22,14,.08);min-height:720px}
.rd-cal iframe{width:100%;min-height:700px;border:0;border-radius:18px;display:block}
.rd-note{font-size:14px;color:var(--ink-3);margin-top:16px}
.rd-note a{color:var(--or-2)}
.lg-sec{padding-block:20px 0}
.lg-sec .iaba-legal{--bg:transparent;--surface:var(--bg);--surface-2:var(--panel);--line:rgba(30,22,14,.08);--line-strong:rgba(30,22,14,.15);--text:var(--ink);--muted:#6E655C;--muted-2:#8A8178;--accent:var(--or-2);--accent-soft:var(--or-soft);--accent-line:rgba(243,108,22,.35);border-radius:28px;border:1px solid var(--line-2);padding-top:clamp(36px,5vw,64px)!important}
.lg-sec .iaba-legal::before,.lg-sec .iaba-legal::after{display:none!important}
.lg-sec .sonar-legal{border-radius:28px;border:1px solid var(--line-2)}
@media (max-width:1000px){.pp-hero .w{grid-template-columns:minmax(0,1fr)}.pp-ph{justify-self:start;max-width:240px}.rd-g{grid-template-columns:minmax(0,1fr)}.ab-pr,.ab-q{grid-template-columns:minmax(0,1fr)}.ab-fd{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.ab-f{grid-template-columns:96px minmax(0,1fr)}.ab-f img{width:96px;height:96px}}
.st-prose{margin-inline:auto}
.lg-sec .iaba-legal h1,.lg-sec .iaba-legal h2,.lg-sec .iaba-legal h3{font-family:var(--fd)!important;color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;background:none!important;text-shadow:none!important}
.lg-sec .iaba-legal strong,.lg-sec .iaba-legal b{color:var(--ink)}
/* scan écran 3 : verdict + CTA juste après le classement, sources repliées */
.scn-pont-go{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:16px}
.scn-pont-go span{font-size:13.5px;color:var(--ink-3)}
.scn-why{padding-block:16px!important}
.scn-why>summary{list-style:none;cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 14px}
.scn-why>summary::-webkit-details-marker{display:none}
.scn-why>summary b{font-size:15px;font-weight:600;color:var(--ink-2)}
.scn-why>summary b::after{content:" ▾";color:var(--or)}
.scn-why[open]>summary b::after{content:" ▴"}
.scn-why>summary .scn-etq{margin:0}
@media (max-width:640px){.scn-pont-go .btn{width:100%;justify-content:center}}
/* ===== menu mobile ===== */
.hd-burg{display:none}
.nav-m{display:none}
@media (max-width:960px){
.hd-burg{display:inline-grid;place-content:center;gap:5px;width:48px;height:48px;flex:0 0 auto;border:0;border-radius:50%;background:var(--glass-2);cursor:pointer;padding:0}
.hd-burg i{display:block;width:20px;height:2px;border-radius:2px;background:var(--ink);transition:transform .25s,opacity .2s}
.hd.mopen .hd-burg i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hd.mopen .hd-burg i:nth-child(2){opacity:0}
.hd.mopen .hd-burg i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.hd.mopen .nav{display:flex!important;flex-direction:column;align-items:stretch;gap:2px;position:absolute;left:0;right:0;top:calc(100% + 8px);margin:0;max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;padding:10px;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2),0 30px 60px -20px rgba(30,22,14,.35)}
.hd.mopen .nav > a,.hd.mopen .dd-b{width:100%;justify-content:space-between;font-size:17px!important;padding:14px 14px!important;border-radius:14px;text-align:left}
.hd.mopen .dd,.hd.mopen .dd.mgd{position:static}
.hd.mopen .dd-p,.hd.mopen .dd-p.mega,.hd.mopen .dd-p.thp,.hd.mopen .dd-p.iap,.hd.mopen .dd-p.reg,.hd.mopen .dd-p.sysp{position:static;display:none;transform:none!important;opacity:1;visibility:visible;width:auto;min-width:0;max-width:none;padding:2px 4px 10px;margin:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;grid-template-columns:minmax(0,1fr)}
.hd.mopen .dd.open .dd-p{display:grid}
.hd.mopen .dd-p.mega .mg{padding:8px}
.hd.mopen .dd-p.mega .mg-p a{font-size:14px;padding:6px 0}
.hd.mopen .dd-p.mega .mg-f{display:none}
.hd.mopen .nav-m{display:grid;gap:2px;margin-top:6px;padding-top:8px;border-top:1px solid var(--line)}
.hd.mopen .nav-m a{display:grid;gap:2px;padding:13px 14px;border-radius:14px;font-size:16px;font-weight:600;color:var(--ink);text-decoration:none}
.hd.mopen .nav-m a.nav-m-s{background:var(--or-soft);color:var(--or-3);box-shadow:inset 0 0 0 1px rgba(243,108,22,.3)}
.hd.mopen .nav-m a small{font-size:13px;font-weight:500;color:var(--or-3)}
html.nav-lock{overflow:hidden}
}
@media (max-width:420px){.hd-r .btn.sm .t-short{font-size:14.5px}.hd-r{gap:6px}.hd-burg{width:44px;height:44px}}
/* menu mobile : espaces métier */
.nav-m-k{display:block;padding:10px 14px 2px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.hd.mopen .nav-m .nav-m-cta{display:flex;justify-content:space-between;margin:10px 4px 4px;padding:8px 8px 8px 20px;min-height:52px;font-size:15.5px;color:var(--ink)}
@media (max-width:900px){
.hdm .hd-burg{display:inline-grid;margin-left:auto}
.hdm .cx-hd .btn{margin-left:auto}
.hdm .cx-hd .btn + .hd-burg{margin-left:0}
.hd.hdm.mopen .cx-nav{display:flex!important;flex-direction:column;align-items:stretch;gap:2px;position:absolute;left:0;right:0;top:calc(100% + 8px);margin:0;max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px);overflow-y:auto;overscroll-behavior:contain;padding:10px;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2),0 30px 60px -20px rgba(30,22,14,.35);z-index:30}
.hd.hdm.mopen .cx-nav > button,.hd.hdm.mopen .cx-nav > a{display:none}
.hd.hdm.mopen .cx-nav .nav-m{margin:0;padding:0;border:0}
.hd.hdm.mopen .cx-mm{display:none!important}
}
@media (min-width:961px){.hd-burg,.nav-m{display:none!important}}
@media (min-width:901px){.hdm .hd-burg,.hdm .nav-m{display:none!important}}

/* espaces métier : la promesse du métier au-dessus du texte */
.lead .met-h{display:block;font:700 clamp(19px,1.6vw,23px)/1.35 var(--fd);letter-spacing:-.01em;color:var(--ink);margin-bottom:8px;text-wrap:balance}

/* pied de page : liens légaux sur une ligne */
.ft .legal .lg-l{display:inline-flex;flex-wrap:wrap;gap:4px 10px;align-items:center}
.ft .legal .lg-l a{display:inline;padding:0;font-size:inherit}

.hd.mopen .nav-m a{display:grid!important;white-space:normal!important;line-height:1.3}
.hd.mopen .nav-m .nav-m-cta{display:flex!important;align-items:center;justify-content:space-between;gap:12px;background:var(--or)!important;color:var(--ink)!important;border-radius:999px!important;font:700 15.5px/1.2 var(--fb)!important;white-space:normal;text-align:left}
.hd.mopen .nav-m .nav-m-cta .arr{flex:none}

/* cadrage : point d'intérêt de chaque photo (généré) */
img[src*="/c-academie.webp"],img[src$="img/c-academie.jpg"]{object-position:50% 30%}
img[src*="/c-activecampaign.webp"],img[src$="img/c-activecampaign.jpg"]{object-position:50% 45%}
img[src*="/c-alepin.webp"],img[src$="img/c-alepin.jpg"]{object-position:50% 25%}
img[src*="/c-barreau.webp"],img[src$="img/c-barreau.jpg"]{object-position:50% 40%}
img[src*="/c-bbk.webp"],img[src$="img/c-bbk.jpg"]{object-position:50% 35%}
img[src*="/c-cerf.webp"],img[src$="img/c-cerf.jpg"]{object-position:50% 30%}
img[src*="/c-clinicare.webp"],img[src$="img/c-clinicare.jpg"]{object-position:50% 40%}
img[src*="/c-cmce.webp"],img[src$="img/c-cmce.jpg"]{object-position:50% 35%}
img[src*="/c-cobrane.webp"],img[src$="img/c-cobrane.jpg"]{object-position:50% 55%}
img[src*="/c-college.webp"],img[src$="img/c-college.jpg"]{object-position:50% 35%}
img[src*="/c-converse.webp"],img[src$="img/c-converse.jpg"]{object-position:50% 40%}
img[src*="/c-corpiq.webp"],img[src$="img/c-corpiq.jpg"]{object-position:50% 40%}
img[src*="/c-crooks.webp"],img[src$="img/c-crooks.jpg"]{object-position:50% 35%}
img[src*="/c-facom.webp"],img[src$="img/c-facom.jpg"]{object-position:50% 55%}
img[src*="/c-fdj.webp"],img[src$="img/c-fdj.jpg"]{object-position:50% 40%}
img[src*="/c-healthmark.webp"],img[src$="img/c-healthmark.jpg"]{object-position:50% 35%}
img[src*="/c-meilleur-habitat.webp"],img[src$="img/c-meilleur-habitat.jpg"]{object-position:50% 30%}
img[src*="/c-mm.webp"],img[src$="img/c-mm.jpg"]{object-position:50% 45%}
img[src*="/c-norden.webp"],img[src$="img/c-norden.jpg"]{object-position:50% 45%}
img[src*="/c-oeq.webp"],img[src$="img/c-oeq.jpg"]{object-position:50% 35%}
img[src*="/c-palladium.webp"],img[src$="img/c-palladium.jpg"]{object-position:50% 60%}
img[src*="/c-rockport.webp"],img[src$="img/c-rockport.jpg"]{object-position:50% 45%}
img[src*="/c-vans.webp"],img[src$="img/c-vans.jpg"]{object-position:50% 45%}
img[src*="/cas-ecole.webp"],img[src$="img/cas-ecole.jpg"]{object-position:50% 60%}
img[src*="/cas-golf.webp"],img[src$="img/cas-golf.jpg"]{object-position:50% 55%}
img[src*="/cas-moose.webp"],img[src$="img/cas-moose.jpg"]{object-position:50% 35%}
img[src*="/cas-notaire.webp"],img[src$="img/cas-notaire.jpg"]{object-position:50% 55%}
img[src*="/cas-tower.webp"],img[src$="img/cas-tower.jpg"]{object-position:50% 40%}
img[src*="/ind-agri-fr.webp"],img[src$="img/ind-agri-fr.jpg"]{object-position:50% 65%}
img[src*="/ind-agriculture.webp"],img[src$="img/ind-agriculture.jpg"]{object-position:50% 65%}
img[src*="/ind-ecommerce.webp"],img[src$="img/ind-ecommerce.jpg"]{object-position:50% 35%}
img[src*="/ind-industrie.webp"],img[src$="img/ind-industrie.jpg"]{object-position:50% 35%}
img[src*="/ind-juridique.webp"],img[src$="img/ind-juridique.jpg"]{object-position:50% 40%}
img[src*="/ind-logistique.webp"],img[src$="img/ind-logistique.jpg"]{object-position:50% 55%}
img[src*="/ind-loisirs.webp"],img[src$="img/ind-loisirs.jpg"]{object-position:50% 55%}
img[src*="/ind-public.webp"],img[src$="img/ind-public.jpg"]{object-position:50% 35%}
img[src*="/ind-saas.webp"],img[src$="img/ind-saas.jpg"]{object-position:50% 40%}
img[src*="/ind-sante.webp"],img[src$="img/ind-sante.jpg"]{object-position:50% 40%}
img[src*="/ind-services.webp"],img[src$="img/ind-services.jpg"]{object-position:50% 45%}
img[src*="/o-2.webp"],img[src$="img/o-2.jpg"]{object-position:50% 55%}
img[src*="/o-3.webp"],img[src$="img/o-3.jpg"]{object-position:50% 40%}
img[src*="/o-4.webp"],img[src$="img/o-4.jpg"]{object-position:50% 55%}
img[src*="/o-5.webp"],img[src$="img/o-5.jpg"]{object-position:50% 40%}
img[src*="/ortho-photo.webp"],img[src$="img/ortho-photo.jpg"]{object-position:50% 40%}
img[src*="/s-agriculture-2.webp"],img[src$="img/s-agriculture-2.jpg"]{object-position:50% 55%}
img[src*="/s-agriculture-3.webp"],img[src$="img/s-agriculture-3.jpg"]{object-position:50% 55%}
img[src*="/s-agriculture-4.webp"],img[src$="img/s-agriculture-4.jpg"]{object-position:50% 60%}
img[src*="/s-ecommerce-1.webp"],img[src$="img/s-ecommerce-1.jpg"]{object-position:50% 60%}
img[src*="/s-ecommerce-3.webp"],img[src$="img/s-ecommerce-3.jpg"]{object-position:50% 55%}
img[src*="/s-immobilier-1.webp"],img[src$="img/s-immobilier-1.jpg"]{object-position:50% 35%}
img[src*="/s-immobilier-2.webp"],img[src$="img/s-immobilier-2.jpg"]{object-position:50% 60%}
img[src*="/s-immobilier-3.webp"],img[src$="img/s-immobilier-3.jpg"]{object-position:50% 45%}
img[src*="/s-immobilier-4.webp"],img[src$="img/s-immobilier-4.jpg"]{object-position:50% 55%}
img[src*="/s-industrie-1.webp"],img[src$="img/s-industrie-1.jpg"]{object-position:50% 45%}
img[src*="/s-industrie-3.webp"],img[src$="img/s-industrie-3.jpg"]{object-position:50% 35%}
img[src*="/s-industrie-4.webp"],img[src$="img/s-industrie-4.jpg"]{object-position:50% 45%}
img[src*="/s-juridique-1.webp"],img[src$="img/s-juridique-1.jpg"]{object-position:50% 35%}
img[src*="/s-juridique-2.webp"],img[src$="img/s-juridique-2.jpg"]{object-position:50% 40%}
img[src*="/s-juridique-3.webp"],img[src$="img/s-juridique-3.jpg"]{object-position:50% 45%}
img[src*="/s-juridique-4.webp"],img[src$="img/s-juridique-4.jpg"]{object-position:50% 55%}
img[src*="/s-logistique-4.webp"],img[src$="img/s-logistique-4.jpg"]{object-position:50% 40%}
img[src*="/s-loisirs-1.webp"],img[src$="img/s-loisirs-1.jpg"]{object-position:50% 55%}
img[src*="/s-loisirs-2.webp"],img[src$="img/s-loisirs-2.jpg"]{object-position:50% 55%}
img[src*="/s-loisirs-3.webp"],img[src$="img/s-loisirs-3.jpg"]{object-position:50% 55%}
img[src*="/s-loisirs-4.webp"],img[src$="img/s-loisirs-4.jpg"]{object-position:50% 65%}
img[src*="/s-medias-1.webp"],img[src$="img/s-medias-1.jpg"]{object-position:50% 45%}
img[src*="/s-medias-2.webp"],img[src$="img/s-medias-2.jpg"]{object-position:50% 55%}
img[src*="/s-medias-3.webp"],img[src$="img/s-medias-3.jpg"]{object-position:50% 45%}
img[src*="/s-public-1.webp"],img[src$="img/s-public-1.jpg"]{object-position:50% 40%}
img[src*="/s-public-3.webp"],img[src$="img/s-public-3.jpg"]{object-position:50% 55%}
img[src*="/s-saas-3.webp"],img[src$="img/s-saas-3.jpg"]{object-position:50% 45%}
img[src*="/s-sante-1.webp"],img[src$="img/s-sante-1.jpg"]{object-position:50% 40%}
img[src*="/s-sante-2.webp"],img[src$="img/s-sante-2.jpg"]{object-position:50% 45%}
img[src*="/s-sante-3.webp"],img[src$="img/s-sante-3.jpg"]{object-position:50% 55%}
img[src*="/s-sante-4.webp"],img[src$="img/s-sante-4.jpg"]{object-position:50% 35%}
img[src*="/s-services-1.webp"],img[src$="img/s-services-1.jpg"]{object-position:50% 40%}
img[src*="/s-services-2.webp"],img[src$="img/s-services-2.jpg"]{object-position:50% 45%}
img[src*="/s-services-4.webp"],img[src$="img/s-services-4.jpg"]{object-position:50% 45%}
img[src*="/spe-chirurgie.webp"],img[src$="img/spe-chirurgie.jpg"]{object-position:50% 45%}
img[src*="/spe-dentaire.webp"],img[src$="img/spe-dentaire.jpg"]{object-position:50% 40%}
img[src*="/spe-imagerie.webp"],img[src$="img/spe-imagerie.jpg"]{object-position:50% 55%}
img[src*="/spe-medtech2.webp"],img[src$="img/spe-medtech2.jpg"]{object-position:50% 40%}
img[src*="/spe-ophtalmo.webp"],img[src$="img/spe-ophtalmo.jpg"]{object-position:50% 45%}
img[src*="/spe-spa.webp"],img[src$="img/spe-spa.jpg"]{object-position:50% 45%}
img[src*="/spe-spa2.webp"],img[src$="img/spe-spa2.jpg"]{object-position:50% 60%}
img[src*="/ville-bruxelles.webp"],img[src$="img/ville-bruxelles.jpg"]{object-position:50% 45%}
img[src*="/ville-geneve.webp"],img[src$="img/ville-geneve.jpg"]{object-position:50% 55%}
img[src*="/ville-lille.webp"],img[src$="img/ville-lille.jpg"]{object-position:50% 55%}
img[src*="/ville-luxembourg.webp"],img[src$="img/ville-luxembourg.jpg"]{object-position:50% 55%}
img[src*="/ville-lyon.webp"],img[src$="img/ville-lyon.jpg"]{object-position:50% 60%}
img[src*="/ville-marseille.webp"],img[src$="img/ville-marseille.jpg"]{object-position:50% 65%}
img[src*="/ville-montreal.webp"],img[src$="img/ville-montreal.jpg"]{object-position:50% 70%}
img[src*="/ville-nantes.webp"],img[src$="img/ville-nantes.jpg"]{object-position:50% 65%}
img[src*="/ville-paris.webp"],img[src$="img/ville-paris.jpg"]{object-position:50% 45%}
img[src*="/ville-quebec.webp"],img[src$="img/ville-quebec.jpg"]{object-position:50% 70%}
img[src*="/ville-toulouse.webp"],img[src$="img/ville-toulouse.jpg"]{object-position:50% 62%}
/* menu Services (lot 16/10) */
.svp a{display:grid;gap:2px;padding:10px 12px;border-radius:12px}
.svp a b{font:700 15px/1.25 var(--fd);color:var(--ink)}
.svp a small{font-size:12.5px;color:var(--ink-3)}
.svp a:hover{background:var(--bg-2,rgba(0,0,0,.04))}
.svp .svp-f{grid-column:1/-1;margin:6px 12px 2px;padding-top:10px;border-top:1px solid var(--line,rgba(0,0,0,.08));font-size:12.5px;color:var(--ink-3)}
.svp .svp-f a{display:inline;padding:0;color:var(--ink-2);text-decoration:underline;text-underline-offset:2px}
@media (max-width:1100px){.hd.mopen .svp a{padding:8px 4px}.svp .svp-f{margin:6px 4px}}
/* sous-sites : la barre de navigation secondaire passe sous l'en-tête de l'espace (bandeau + pastille) */
.hdm ~ .subbar{top:calc(env(safe-area-inset-top,0px) + 126px);margin-top:126px}
@media (max-width:760px){.hdm ~ .subbar{position:relative;top:0;margin-top:150px}.hdm ~ .subbar + main > .tx-hero:first-child,.hdm ~ .subbar + main > section:first-child{padding-top:28px}}
/* bloc « en bref » (protocole GEO-4 : une question, une réponse courte, des faits citables, une date) */
.bref{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:start}
.bref-q{display:grid;gap:14px}
.bref .h2{font-size:clamp(28px,3.2vw,44px)}
.bref .maj{font-size:13px;color:var(--ink-3)}
.bref-t{margin:0;display:grid;gap:10px}
.bref-t div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:14px 18px;border-radius:16px;background:var(--glass,#fff);box-shadow:inset 0 0 0 1px var(--line-2,rgba(0,0,0,.08))}
.bref-t dt{font-weight:700;font-size:13px;letter-spacing:.02em;color:var(--ink-3);text-transform:uppercase}
.bref-t dd{margin:0;color:var(--ink);font-size:15px;line-height:1.5}
@media (max-width:860px){.bref{grid-template-columns:1fr;gap:22px}.bref-t div{grid-template-columns:1fr;gap:4px}}
.bref .maj a{color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}

/* bouton « Tester ma visibilité IA » : texte centré (pas d'icône à droite) */
.hd .btn.hd-scan,.hdm .btn.hd-scan{padding:0 22px!important;justify-content:center;text-align:center}
.cx-r{display:flex;gap:10px;align-items:center;margin-left:auto}
.hdm .cx-r .hd-scan{min-height:48px;font-size:14.5px;font-weight:700;white-space:nowrap}
@media (max-width:1240px){.hdm .cx-r .hd-scan{display:none}}
.hdm .cx-hd .cx-r .btn{margin-left:0}
.hdm .cx-hd .cx-r + .hd-burg{margin-left:0}

/* sélecteur d'étude de cas : liste de liens, pas de menu natif */
.cs-dd{position:relative}
.cs-dd>summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px 14px 10px 18px;border-radius:999px;background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--line-2);font:700 14.5px/1.2 var(--fb);color:var(--ink);min-width:220px;justify-content:space-between}
.cs-dd>summary::-webkit-details-marker{display:none}
.cs-dd>summary:hover{box-shadow:inset 0 0 0 1px var(--or)}
.cs-dd[open]>summary{box-shadow:inset 0 0 0 1.5px var(--or)}
.cs-chev{width:12px;height:12px;color:var(--or);transition:transform .2s}
.cs-dd[open] .cs-chev{transform:rotate(180deg)}
.cs-dd-p{position:absolute;z-index:40;top:calc(100% + 8px);left:0;width:min(560px,86vw);max-height:min(62vh,520px);overflow:auto;padding:10px;border-radius:20px;background:#fff;box-shadow:0 24px 60px -18px rgba(30,22,14,.28),inset 0 0 0 1px rgba(30,22,14,.08);display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}
.cs-dd-g{display:grid;gap:2px;align-content:start;padding:6px 4px}
.cs-dd-g small{font:700 11px/1.3 var(--fb);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:4px 10px}
.ctx-sw .cs-dd-g a{display:grid;gap:2px;padding:8px 10px;border-radius:12px;background:transparent;box-shadow:none;color:var(--ink);text-decoration:none;font-weight:600}
.ctx-sw .cs-dd-g a span{font-weight:500;font-size:12.5px;color:var(--ink-3)}
.ctx-sw .cs-dd-g a:hover{background:#15120F}
.ctx-sw .cs-dd-g a.on{background:#15120F;color:var(--ink)}
.ctx-sw .cs-dd-g a.on b{color:#C2410C}
@media (max-width:640px){.cs-dd-p{grid-template-columns:1fr;width:calc(100vw - 32px)}.cs-dd>summary{min-width:0}}
@media (max-width:640px){.cs-sw{position:relative}.cs-dd{position:static}.cs-dd-p{left:0;right:0;width:auto;top:calc(100% + 6px)}}


:root{--bg:#FFFFFF;--panel:#F8F5F1;--panel-2:#F2EDE7;--ink:#15120F;--ink-2:#3F3933;--ink-3:#6E655D;--or-2:#E35A0A;--or-3:#B8430B;--or-soft:rgba(243,108,22,.10);--or-glow:rgba(243,108,22,.30)}html,body{background:#fff}
.fab{background:rgba(255,255,255,.92)!important;box-shadow:0 0 0 1px rgba(30,22,14,.1),0 18px 40px -18px rgba(30,22,14,.35)!important}
.hd-in{box-shadow:inset 0 0 0 1px rgba(30,22,14,.08),0 10px 30px -18px rgba(30,22,14,.25)}
.spot{opacity:.28!important}
.case .sec{color:#fff}
.cg-era{color:#FFC08F}

/* règles posées après la conversion fond blanc : couleurs écrites telles qu'affichées */
/* étude de cas : signature, avant/après */
.cs-by{font-size:14px;color:var(--ink-3);margin-top:12px}.cs-by a{color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}
.cs-ba{display:flex;align-items:stretch;gap:14px;margin-top:26px;flex-wrap:wrap}
.cs-ba>div{flex:1 1 220px;border-radius:22px;padding:22px 24px;background:#F6F2ED;box-shadow:inset 0 0 0 1px rgba(30,22,14,.08);display:grid;gap:4px}
.cs-ba>div.on{background:#FFF1E6;box-shadow:inset 0 0 0 1.5px #F36C16}
.cs-ba small{font:700 12px/1.3 var(--fb);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.cs-ba b{font:800 clamp(40px,5vw,64px)/1 var(--fd);letter-spacing:-.03em}.cs-ba .on b{color:#C2410C}
.cs-ba span{color:var(--ink-2);font-size:15px}
.cs-ba>i{align-self:center;color:#F36C16;display:grid;place-items:center}
@media (max-width:640px){.cs-ba>i{transform:rotate(90deg);width:100%}}
.w .cs-ba>div{background:#F6F2ED!important;color:#15120F!important;box-shadow:inset 0 0 0 1px rgba(30,22,14,.08)!important}
.w .cs-ba>div.on{background:#FFF1E6!important;box-shadow:inset 0 0 0 1.5px #F36C16!important}
.w .cs-ba>div b{color:#15120F!important}.w .cs-ba>div.on b{color:#C2410C!important}
.w .cs-ba>div small{color:#7A7168!important}.w .cs-ba>div span{color:#3F3933!important}