/* patrimoine.tech · identité « L'aube en briques » · v2 (oct. 2026) */
@font-face{font-family:'Fraunces V';font-weight:100 900;font-display:swap;src:url(../fonts/fraunces-var.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:400;font-display:swap;src:url(../fonts/inter-400.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:500;font-display:swap;src:url(../fonts/inter-500.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:600;font-display:swap;src:url(../fonts/inter-600.woff2) format('woff2')}
@font-face{font-family:'Geist';font-weight:600;font-display:swap;src:url(../fonts/geist-600.woff2) format('woff2')}
@font-face{font-family:'Geist';font-weight:700;font-display:swap;src:url(../fonts/geist-700.woff2) format('woff2')}
@font-face{font-family:'Geist Mono';font-weight:400;font-display:swap;src:url(../fonts/geist-mono-400.woff2) format('woff2')}
@font-face{font-family:'Geist Mono';font-weight:500;font-display:swap;src:url(../fonts/geist-mono-500.woff2) format('woff2')}

:root{
  --b:#0B0B0F; --i:#F5F1E8; --p:#FBF9F4; --sand:#EFEAE0; --l:#E3DDD1; --l2:#D9D2C4;
  --mu:#64636B; --tx2:#4A4952; --klein:#2B2BD9; --vio:#8A3FD8; --fra:#E24B85; --cor:#FF5A4C; --saf:#FFA21F;
  --em:#0E9F6E; --red:#D63B3B; --seal:#5B34F5; --seal-ink:#4B26D9; --seal-tint:#EEEAFF;
  --fd:'Fraunces V',Georgia,serif; --fd-v:'SOFT' 100,'WONK' 0; --fd-big:'opsz' 144,'SOFT' 100,'WONK' 0;
  --g:linear-gradient(90deg,#2B2BD9 0%,#8A3FD8 35%,#E24B85 62%,#FF5A4C 80%,#FFA21F 100%);
  --gv:linear-gradient(180deg,#2B2BD9 0%,#8A3FD8 35%,#E24B85 62%,#FF5A4C 80%,#FFA21F 100%);
  --halo:linear-gradient(180deg,#ECEBFD 0%,#F4ECF6 55%,#FFEEE3 100%);
  --sleep:linear-gradient(180deg,#DFDEF4 0%,#E9E8F7 100%);
  --r:22px; --pad:32px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.55;color:var(--b);background:var(--i);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
h1,h2,h3,p{margin:0}
.f{font-family:var(--fd);font-variation-settings:var(--fd-v);font-weight:600;letter-spacing:-.015em}
.m{font-family:'Geist Mono',ui-monospace,Menlo,monospace}
.num{font-family:Geist,Inter,system-ui,sans-serif;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.g{background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.ic{display:block;flex:none}
.wrap{max-width:1240px;margin:0 auto;padding:0 var(--pad)}
.dark{background:var(--b);color:var(--i)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
:focus-visible{outline:2px solid var(--klein);outline-offset:3px;border-radius:6px}

/* ---------- type ---------- */
.eb{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mu)}
.dark .eb{color:rgba(245,241,232,.5)}
.h2{font-family:var(--fd);font-variation-settings:var(--fd-big);font-weight:600;letter-spacing:-.01em;line-height:1.05;font-size:clamp(32px,4.4vw,60px);margin-top:14px;max-width:980px}
.h3{font-family:var(--fd);font-variation-settings:var(--fd-v);font-weight:600;letter-spacing:-.012em;font-size:23px;line-height:1.2}
.lead{font-size:18px;line-height:1.6;color:var(--tx2);max-width:760px;margin-top:18px}
.dark .lead{color:rgba(245,241,232,.66)}
.small{font-size:13px;color:var(--mu);line-height:1.55}
.dark .small{color:rgba(245,241,232,.5)}
.center{text-align:center}.center .h2,.center .lead{margin-left:auto;margin-right:auto}
.badge-new{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:99px;background:var(--b);color:var(--i);font-size:11.5px;font-weight:600;letter-spacing:.04em;margin-right:10px;vertical-align:2px}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:99px;font-size:16px;font-weight:500;white-space:nowrap;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,background .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn.sm{min-height:42px;padding:0 18px;font-size:14.5px}
.b-iv{background:var(--i);color:var(--b)}
.b-bk{background:var(--b);color:var(--i)}
.b-out{border-color:rgba(245,241,232,.28);color:var(--i)}
.b-line{border-color:var(--l2);color:var(--b);background:var(--p)}
.ctas{display:flex;flex-wrap:wrap;gap:12px}
.center .ctas{justify-content:center}
.link{display:inline-flex;align-items:center;gap:8px;font-weight:500;border-bottom:1px solid currentColor;padding-bottom:3px}

/* ---------- nav ---------- */
.nav{position:relative;z-index:5;height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;color:var(--i)}
.brand .f{font-size:21px}
.links{display:flex;gap:4px;padding:4px;border-radius:99px;border:1px solid rgba(245,241,232,.12);background:rgba(255,255,255,.03)}
.links a{height:38px;padding:0 15px;display:flex;align-items:center;border-radius:99px;font-size:14px;font-weight:500;color:rgba(245,241,232,.72)}
.links a:hover{color:var(--i)}
.links a.on{background:var(--i);color:var(--b)}
.nav-r{display:flex;align-items:center;gap:14px}
.lang{font-size:14px;font-weight:500;color:rgba(245,241,232,.72);padding:6px}
.burger{display:none;width:44px;height:44px;border-radius:50%;border:1px solid rgba(245,241,232,.22);background:transparent;color:var(--i);align-items:center;justify-content:center;cursor:pointer}
.menu{position:absolute;left:var(--pad);right:var(--pad);top:78px;padding:10px;border-radius:20px;background:rgba(22,22,28,.98);border:1px solid #2A2A33;display:flex;flex-direction:column;gap:2px;box-shadow:0 30px 60px rgba(0,0,0,.4)}
.menu[hidden]{display:none}
.menu a{padding:12px 14px;border-radius:12px;font-size:16px;font-weight:500;color:rgba(245,241,232,.82)}
.menu a.on{background:rgba(245,241,232,.08);color:var(--i)}
.menu .btn{margin-top:8px;color:var(--b)}

/* ---------- horizon ---------- */
.glow{position:absolute;left:-10%;right:-10%;bottom:calc(var(--h) * -1);height:var(--H);border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(255,122,51,.55),rgba(226,75,133,.30) 45%,rgba(43,43,217,.18) 70%,rgba(11,11,15,0) 100%)}
.glow.soft{background:radial-gradient(closest-side,rgba(255,162,31,.20),rgba(226,75,133,.13) 42%,rgba(138,63,216,.08) 68%,rgba(251,249,244,0) 100%)}
.hline{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--g)}
.halo{position:absolute;left:50%;top:50%;width:220%;height:160%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(168,65,194,.38),rgba(43,43,217,.17) 55%,rgba(11,11,15,0) 100%)}

/* ---------- agents ---------- */
.spr{display:block;image-rendering:auto}
.av{position:relative;display:inline-flex;flex:none;vertical-align:middle}
.tile{display:flex;align-items:center;justify-content:center;background:var(--halo);box-shadow:inset 0 0 0 1px rgba(43,43,217,.07)}
.tile.sleep{background:var(--sleep)}
.ring{display:flex;padding:2px;background:var(--g)}
.ring>.tile{box-shadow:0 0 0 1.5px var(--p)}
.av.on-dark .ring>.tile{box-shadow:0 0 0 1.5px var(--b)}
.av.on-dark .tile:not(.sleep){box-shadow:0 0 18px rgba(255,162,31,.22)}
.av .dot{position:absolute;right:-2px;bottom:-2px;width:26%;height:26%;min-width:8px;min-height:8px;border-radius:50%;background:var(--saf);box-shadow:0 0 0 2px var(--p)}
.cmd{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:8px;background:rgba(43,43,217,.08);color:var(--klein);font-size:12.5px;white-space:nowrap}
.dark .cmd{background:rgba(124,125,245,.16);color:#B4B5FF}
.seal{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px 0 6px;border-radius:99px;background:var(--seal-tint);border:1px solid rgba(91,52,245,.16);color:var(--seal-ink);font-size:12px;font-weight:600;white-space:nowrap}
.seal-b{display:block;flex:none}
.up{color:#08704D;font-weight:600;letter-spacing:normal}.down{color:#B42318;font-weight:600;letter-spacing:normal}
.dark .seal{background:rgba(185,168,255,.12);border-color:rgba(185,168,255,.22);color:#B9A8FF}

/* ---------- home hero ---------- */
.hero{position:relative;overflow:hidden}
.hero-in{position:relative;z-index:2;text-align:center;padding-top:92px}
.pill{display:inline-flex;align-items:center;gap:10px;height:34px;padding:0 15px;border-radius:99px;border:1px solid rgba(245,241,232,.16);background:rgba(255,255,255,.04);font-size:13.5px;font-weight:500;color:rgba(245,241,232,.8);white-space:nowrap}
.pill i{width:7px;height:7px;border-radius:50%;background:var(--saf);box-shadow:0 0 10px var(--saf)}
.hero .kick{margin-top:30px;font-size:clamp(22px,2.6vw,36px);line-height:1.1;color:rgba(245,241,232,.74);letter-spacing:-.02em}
.hero h1{margin-top:12px;font-size:clamp(40px,6.8vw,98px);line-height:1;letter-spacing:-.018em;text-wrap:balance;font-variation-settings:var(--fd-big)}
h1.f,h2.f{font-variation-settings:var(--fd-big);letter-spacing:-.012em!important}
.hero .sub{margin:30px auto 0;max-width:760px;font-size:clamp(16.5px,1.5vw,20px);line-height:1.6;color:rgba(245,241,232,.66)}
.hero .sub b{color:var(--i);font-weight:500}
.hero .ctas{justify-content:center;margin-top:36px}
.trio{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:64px;margin-top:84px;padding-bottom:3px}
.trio .c{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px}
.trio .c .m{position:relative;font-size:12px;color:rgba(245,241,232,.45);order:-1}
.trio .spr{position:relative;height:92px;width:auto}

/* ---------- page hero ---------- */
.phero{position:relative;overflow:hidden}
.phero-in{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding-top:72px;padding-bottom:0}
.phero-txt{padding-bottom:72px;max-width:820px}
.phero h1{margin-top:16px;font-size:clamp(38px,5.4vw,76px);line-height:1.02;letter-spacing:-.032em}
.phero-ag{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding-bottom:3px;margin-right:40px}
.phero-ag .m{position:relative;font-size:12px;color:rgba(245,241,232,.45);order:-1}
.phero-ag .spr{position:relative;height:132px;width:auto}

/* ---------- sections ---------- */
.sec{padding:112px 0;position:relative}
.sec.sand{background:var(--sand)}
.sec.bt{border-top:1px solid var(--l)}
.sec.dark{overflow:hidden}
.sec-h{max-width:900px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.grid2.top{align-items:start}
.grid2>*,.kwins>*,.mcp>*,.cards3>*,.cards4>*,.feat>*,.team>*{min-width:0}
.cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px}
.cards4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:48px}
.card{background:var(--p);border:1px solid var(--l);border-radius:var(--r);padding:28px}
.card .ico{width:46px;height:46px;border-radius:14px;background:var(--sand);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.card p{font-size:15px;line-height:1.6;color:var(--tx2);margin-top:10px}
.dark .card{background:#131318;border-color:#25252D}
.dark .card p{color:rgba(245,241,232,.62)}
.dark .card .ico{background:#1D1D24}
.feat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:40px}
.feat.f4{grid-template-columns:repeat(4,minmax(0,1fr))}
.feat .h3{font-size:20px}
.feat p{font-size:15px;line-height:1.6;color:var(--tx2);margin-top:8px}
.dark .feat p{color:rgba(245,241,232,.62)}
.feat>div{border-top:1px solid var(--l);padding-top:18px}
.dark .feat>div{border-color:#2A2A33}

/* ---------- product window ---------- */
.win{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--l2);background:var(--p);box-shadow:0 40px 90px -30px rgba(11,11,15,.35),0 10px 30px -10px rgba(11,11,15,.15)}
.win-bar{height:38px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid var(--l);background:#F3EFE6}
.win-bar i{width:10px;height:10px;border-radius:50%;background:#DCD5C8}
.win-bar span{margin-left:10px;font-size:12px;color:var(--mu)}
.dark .win{background:#131318;border-color:#2A2A33;box-shadow:0 40px 90px -30px rgba(0,0,0,.6)}
.dark .win-bar{background:#17171D;border-color:#25252D}
.dark .win-bar i{background:#2E2E38}
.shot{position:relative}
.perch{position:absolute;z-index:3;transform-origin:bottom center}
.perch .spr{height:64px;width:auto}
.seg{display:inline-flex;gap:4px;padding:4px;border-radius:99px;border:1px solid var(--l);background:var(--p)}
.seg button{display:flex;align-items:center;gap:7px;height:38px;padding:0 16px;border-radius:99px;border:0;background:transparent;font-size:14px;font-weight:500;color:var(--tx2);cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--b);color:var(--i)}
.mob-only{display:none}

/* ---------- KPI cards ---------- */
.kpi{background:var(--p);border:1px solid var(--l);border-radius:var(--r);padding:24px 24px 26px}
.kpi-h{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14.5px;font-weight:600}
.kpi-v{font-family:Geist,Inter,system-ui,sans-serif;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:60px;line-height:1;margin-top:26px}
.kpi p{font-size:14px;line-height:1.5;color:var(--mu);margin-top:12px}

/* ---------- team ---------- */
.team{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:48px}
.ag{position:relative;background:var(--p);border:1px solid var(--l);border-radius:var(--r);padding:12px 12px 20px;display:flex;flex-direction:column}
.ag-w{height:138px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:var(--halo);box-shadow:inset 0 0 0 1px rgba(43,43,217,.06)}
.ag-w .spr{height:92px;width:auto}
.ag-b{padding:0 8px;display:flex;flex-direction:column;flex:1}
.ag-n{font-size:23px;margin-top:16px}
.ag-a{font-size:13px;line-height:1.45;color:var(--mu);margin-top:4px;min-height:38px}
.ag-hr{height:1px;background:var(--l);margin:14px 0 12px}
.ag-l{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mu)}
.ag-r{font-size:13.5px;margin:4px 0 14px}
.ag .cmd{align-self:flex-start;margin-top:auto}
.pilot{margin-top:16px;display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:var(--r);border:1px dashed #CFC7B8}
.pilot .ini{width:46px;height:46px;border-radius:50%;background:var(--b);color:var(--i);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;flex:none}
.pilot b{font-weight:600;font-size:15.5px}
.pilot span{display:block;font-size:14px;color:var(--mu)}

/* ---------- benefit ---------- */
.bars{background:var(--p);border:1px solid var(--l);border-radius:26px;padding:34px}
.bar-l{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;color:var(--mu)}
.bar-l .f{font-family:Geist,Inter,system-ui,sans-serif;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:24px;color:var(--b)}
.bar{height:14px;border-radius:7px;background:#E7E1D5;margin-top:10px;overflow:hidden}
.bar i{display:block;height:100%;border-radius:7px}
.sep{height:1px;background:var(--l);margin:28px 0 24px}

/* ---------- incidents timeline ---------- */
.steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:120px}
.steps .line{position:absolute;left:0;right:0;top:6px;height:3px;border-radius:2px;background:var(--g)}
.step{position:relative;padding-top:38px}
.step .dot{position:absolute;left:0;top:0;width:15px;height:15px;border-radius:50%;box-shadow:0 0 0 5px var(--b)}
.step .t{font-size:14px}
.step .h3{font-size:25px;margin-top:8px}
.step p{font-size:15px;line-height:1.6;color:rgba(245,241,232,.62);margin-top:10px}
.walker{position:absolute;left:34px;top:-64px}
.walker .spr{position:relative;height:54px;width:auto}
.walker .halo{width:200%;height:150%}
.sun{position:absolute;right:-20%;bottom:-260px;width:80%;height:480px;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(255,122,51,.40),rgba(226,75,133,.20) 45%,rgba(43,43,217,.10) 70%,rgba(11,11,15,0) 100%)}

/* ---------- explore grid ---------- */
.explore{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:44px}
.ex{display:flex;flex-direction:column;background:var(--p);border:1px solid var(--l);border-radius:var(--r);padding:14px 14px 22px;transition:transform .15s ease,box-shadow .15s ease}
.ex:hover{transform:translateY(-2px);box-shadow:0 18px 40px -20px rgba(11,11,15,.25)}
.ex-w{height:110px;border-radius:14px;background:var(--halo);display:flex;align-items:center;justify-content:center}
.ex-w .spr{height:70px;width:auto}
.ex .h3{margin:16px 6px 0;font-size:21px;display:flex;align-items:center;justify-content:space-between}
.ex p{margin:6px 6px 0;font-size:14px;line-height:1.5;color:var(--mu)}

/* ---------- final CTA ---------- */
.cta{position:relative;overflow:hidden;padding-top:132px;text-align:center}
.cta h2{font-size:clamp(40px,6.6vw,100px);line-height:1;letter-spacing:-.035em}
.cta p{margin:26px auto 0;max-width:660px;font-size:clamp(16px,1.4vw,19px);line-height:1.6;color:rgba(245,241,232,.66)}
.cta .ctas{justify-content:center;margin-top:34px}
.cta .trio{margin-top:84px}
.cta .trio .spr{height:80px}

/* ---------- next / footer ---------- */
.sec.next{padding:72px 0 96px}
.next-card{display:grid;grid-template-columns:168px minmax(0,1fr);gap:30px;align-items:center;padding:16px 36px 16px 16px;border-radius:26px;background:var(--p);border:1px solid var(--l);transition:transform .15s ease,box-shadow .15s ease}
.next-card:hover{transform:translateY(-2px);box-shadow:0 22px 50px -30px rgba(11,11,15,.3)}
.next-w{height:132px;border-radius:18px;background:var(--halo);display:flex;align-items:center;justify-content:center}
.next-w .spr{height:70px;width:auto}
.next-w .fd-ring.sm img{width:78px;height:78px}
.next-b{display:flex;flex-direction:column;gap:6px;min-width:0}
.next-t{display:flex;align-items:center;gap:14px;font-size:clamp(28px,3.2vw,42px);line-height:1.1}
.next-t .ic{transition:transform .15s ease}
.next-card:hover .next-t .ic{transform:translateX(4px)}
.next-s{font-size:15.5px;line-height:1.5;color:var(--mu)}
.foot{padding:40px 0 48px}
.foot-in{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between}
.foot-b{display:flex;align-items:center;gap:12px}
.foot-b .f{font-size:19px}
.foot-m{font-size:13.5px;color:rgba(245,241,232,.5);margin-left:8px}
.foot-l{display:flex;flex-wrap:wrap;gap:22px;font-size:13.5px;color:rgba(245,241,232,.62)}
.foot-l a:hover{color:var(--i)}
.foot-n{flex-basis:100%;font-size:12.5px;color:rgba(245,241,232,.6)}
.foot-n a{color:var(--i);text-decoration:underline;text-underline-offset:3px}
.dm-f{position:relative;margin-top:6px}
.dm-f:before{content:"";position:absolute;left:19px;top:30px;bottom:30px;width:2px;background:var(--gv);opacity:.5;border-radius:2px}
.dm-s{position:relative;display:flex;align-items:flex-start;gap:14px;padding:14px 0}
.dm-s+.dm-s{border-top:1px solid var(--l)}
.dm-i{position:relative;z-index:1;width:40px;height:40px;flex:none;border-radius:12px;background:var(--halo);box-shadow:inset 0 0 0 1px rgba(43,43,217,.1);display:flex;align-items:center;justify-content:center;color:var(--klein)}
.dm-s .tx{flex:1;min-width:0;line-height:1.4}
.dm-s .tx b{display:block;font-size:15px;font-weight:600}
.dm-s .tx span{display:block;font-size:13.5px;color:var(--tx2);margin-top:3px;line-height:1.5}
.dm-s .pillst{flex:none;margin-top:2px}

/* ---------- vignettes : generic ---------- */
.vig{background:var(--p);border:1px solid var(--l);border-radius:24px;padding:22px;box-shadow:0 30px 70px -40px rgba(11,11,15,.28)}
.vig-h{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600}
.vig-h .m{margin-left:auto;font-size:12px;font-weight:400;color:var(--mu)}
.row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--l)}
.row:first-child{border-top:0}
.row .tx{flex:1;min-width:0;line-height:1.35}
.row .tx b{display:block;font-size:14px;font-weight:500}
.row .tx span{display:block;font-size:12.5px;color:var(--mu)}
.pillst{flex:none;height:24px;padding:0 10px;border-radius:99px;font-size:11.5px;font-weight:600;display:inline-flex;align-items:center;white-space:nowrap}
.st-ok{background:rgba(14,159,110,.12);color:#08704D}
.st-wait{background:rgba(255,162,31,.16);color:#8A5100}
.st-run{background:linear-gradient(var(--p),var(--p)) padding-box,var(--g) border-box;border:1.5px solid transparent;color:var(--b)}
.st-n{background:var(--sand);color:var(--tx2)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:99px;background:var(--p);border:1px solid var(--l);font-size:13px;font-weight:500;white-space:nowrap}
.dark .chip{background:#16161B;border-color:#2A2A33;color:rgba(245,241,232,.82)}
.tech{font-size:12.5px;color:var(--mu)}

/* KPI tree */
.tree{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px}
.tnode{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--l);margin-bottom:10px}
.tnode.sel{border-color:var(--b);box-shadow:0 0 0 1px var(--b)}
.tnode .tx{flex:1;min-width:0;line-height:1.3}
.tnode .tx b{display:block;font-size:14px;font-weight:600}
.tnode .tx span{font-size:12px;color:var(--mu)}
.tnode .v{font-family:Geist,Inter,system-ui,sans-serif;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:20px;white-space:nowrap}
.tnode .d{font-size:12px;white-space:nowrap}
.tl1{margin-left:28px}.tl2{margin-left:56px}.tl3{margin-left:84px}
.tl1:before,.tl2:before,.tl3:before{content:"";position:absolute;left:-16px;top:-11px;width:12px;height:calc(50% + 11px);border-left:1.5px solid var(--l2);border-bottom:1.5px solid var(--l2);border-bottom-left-radius:8px}
.fact{margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--sand);font-size:13.5px;line-height:1.5}
.fact .lab{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mu);margin-bottom:3px}
.fact.agent{background:linear-gradient(180deg,#F1EFFD,#FBF1EC)}

/* KPI & rapports : les trois temps */
.sec.kafter{padding-top:64px}
.sec[id]{scroll-margin-top:12px}
.anch-sec{padding:26px 0 0}
.anch{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.anch>em{font-style:normal;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mu);margin-right:6px;white-space:nowrap}
.anch a{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px 0 12px;border-radius:99px;border:1px solid var(--l);font-size:13.5px;font-weight:500;color:var(--tx2);white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}
.anch a:hover{background:var(--p);border-color:var(--l2);color:var(--b)}
.anch .n{font-size:11.5px;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.kn{font-size:13px;font-weight:500;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:0}
.kn{margin-right:10px}

/* la carte KPI, la même partout */
.kk{background:#fff;border:1px solid var(--l);border-radius:16px;padding:16px}
.kk.in{margin-top:10px;padding:13px 14px;border-radius:14px}
.kk-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.kk-h b{font-size:14.5px;font-weight:600}
.kk-v{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-top:10px}
.kk-v .num{font-size:38px;line-height:1}
.kk.in .kk-v .num{font-size:30px}
.kk-v em{font-style:normal;font-size:12.5px;font-weight:600;color:#B42318}
.kk-m{font-size:12px;color:var(--mu);margin-top:6px}
.kk-f,.kk-c{display:flex;gap:9px;align-items:flex-start;margin-top:10px;padding:10px 11px;border-radius:12px;font-size:13px;line-height:1.45}
.kk-f{background:linear-gradient(180deg,rgba(43,43,217,.07),rgba(255,122,51,.05))}
.kk-c{background:var(--sand)}
.kk-f b,.kk-c b{display:block;font-size:11.5px;font-weight:600;color:var(--mu);margin-bottom:1px}
.kk-f .av,.kk-c .av-h{margin-top:1px}
.kk-f.big{margin-top:14px;padding:12px 13px;font-size:13.5px}
.av-h,.av-p{width:24px;height:24px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;background:var(--b);color:var(--i)}
.av-p{border-radius:8px;width:30px;height:30px;background:var(--b)}
.av-p img{width:22px;height:auto}

/* 02 · le rapport */
.kgrid{align-items:center}
@media (min-width:1101px){.stick{position:sticky;top:24px}}
.nw{white-space:nowrap}
.kchecks{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-direction:column;gap:10px}
.kchecks li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--tx2);line-height:1.45}
.kchecks .ic{color:var(--em);margin-top:2px}
.prompt{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:16px;border:1.5px solid var(--b);background:#fff;font-size:15px;line-height:1.4;box-shadow:0 18px 40px -30px rgba(11,11,15,.4)}
.prompt .caret{display:inline-block;width:1.5px;height:17px;background:var(--b);margin-left:3px;vertical-align:-3px;animation:kcar 1.1s steps(1) infinite}
@keyframes kcar{50%{opacity:0}}
.kbadge{margin-left:12px}
.kt .sh{display:none}
.krep{margin-top:12px;background:var(--p);border:1px solid var(--l);border-radius:20px;padding:18px 18px 16px;box-shadow:0 30px 70px -44px rgba(11,11,15,.35)}
.krep-h{display:flex;align-items:center;gap:12px}
.krep-h .tx{flex:1;min-width:0}
.krep-h .tx b{display:block;font-size:15.5px;font-weight:600}
.krep-h .tx span{display:block;font-size:12.5px;color:var(--mu);margin-top:1px}
.kts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}
.kt{background:#fff;border:1px solid var(--l);border-radius:14px;padding:11px 12px}
.kt span{display:block;font-size:12px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kt b{display:block;font-size:24px;line-height:1.1;margin-top:5px;white-space:nowrap}
.kt em{display:block;font-style:normal;font-size:12px;margin-top:3px}
.kch{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;font-size:13px}
.kch b{font-weight:600}
.kch span{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--mu);white-space:nowrap}
.kch span i{width:16px;border-top:1.5px dashed #8A8990}
.kch.sm{margin-top:14px;font-size:12.5px}
.kbars{position:relative;display:flex;flex-direction:column;gap:9px;margin-top:12px}
.kb{display:grid;grid-template-columns:92px minmax(0,1fr) 38px;gap:10px;align-items:center;font-size:12.5px}
.kb .tr{position:relative;height:10px;border-radius:99px;background:#E9E3D7}
.kb .tr i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:var(--b)}
.kb .tr:after{content:"";position:absolute;top:-5px;bottom:-5px;left:var(--obj);border-left:1.5px dashed #8A8990}
.kb .num{text-align:right;font-size:13px}
.kout{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px;padding-top:14px;border-top:1px solid var(--l)}
.kout span{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:99px;border:1px solid var(--l2);font-size:12.5px;font-weight:500;background:#fff}
.kout em{margin-left:auto;font-style:normal;font-size:12px;color:var(--mu)}

/* 03 · le KPI voyageur */
.kcarry,.kalso{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:26px}
.kcarry em{width:100%;margin-bottom:2px}
.kcarry em,.kalso em{font-style:normal;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mu);margin-right:6px}
.kcarry span,.kalso span{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:99px;background:var(--p);border:1px solid var(--l);font-size:13.5px;font-weight:500}
.kcarry span .ic{color:var(--seal-ink)}
.kalso{margin-top:20px}
.kwins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px;align-items:stretch}
.kwin{background:var(--p);border:1px solid var(--l);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 70px -48px rgba(11,11,15,.4)}
.kwin-h{display:flex;align-items:center;gap:8px;height:46px;padding:0 16px;border-bottom:1px solid var(--l);background:#F6F2EA;font-size:13.5px;white-space:nowrap;overflow:hidden}
.kwin-h b{font-weight:600}
.kwin-h span{margin-left:auto;font-size:12px;color:var(--mu);overflow:hidden;text-overflow:ellipsis}
.kwin-b{padding:14px 16px 16px;flex:1}
.kmsg{display:flex;gap:10px;padding:8px 0}
.kmsg+.kmsg{border-top:1px solid var(--l);padding-top:12px;margin-top:4px}
.kmsg>div{flex:1;min-width:0}
.kmsg>.av-h{width:30px;height:30px;border-radius:8px;font-size:11px;background:var(--sand);color:var(--b)}
.kmsg .who{font-size:13.5px;font-weight:600}
.kmsg .who span{font-weight:400;font-size:11.5px;color:var(--mu);margin-left:7px}
.kmsg p{font-size:13.5px;line-height:1.45;margin-top:2px;color:var(--tx2)}
.kmsg .at{color:var(--klein);font-weight:500}
.kfil{display:flex;gap:6px;flex-wrap:wrap}
.kfil span{height:26px;padding:0 10px;border-radius:8px;background:#fff;border:1px solid var(--l);font-size:12px;display:inline-flex;align-items:center}
.kbts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.kbt{background:#fff;border:1px solid var(--l);border-radius:14px;padding:10px 12px}
.kbt span{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;color:var(--mu)}
.kbt b{display:block;font-size:22px;line-height:1.1;margin-top:4px;white-space:nowrap}
.kbt em{display:block;font-style:normal;font-size:12px;margin-top:2px}
.kcols{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;height:180px;margin-top:14px;padding-bottom:20px}
.kcols:after{content:"";position:absolute;left:0;right:0;bottom:calc(20px + 160px * var(--obj));border-top:1.5px dashed #8A8990}
.kcols .c{position:relative;display:flex;align-items:flex-end;justify-content:center}
.kcols .c i{display:block;width:100%;max-width:28px;border-radius:7px 7px 3px 3px;background:#CFC8BA}
.kcols .c.last i{background:var(--b)}
.kcols .c em{position:absolute;bottom:-20px;left:0;right:0;text-align:center;font-style:normal;font-size:11px;color:var(--mu)}
.kbi{display:flex;flex-direction:column}
.kbi .kcols{margin-bottom:14px}
.ksrc{margin-top:auto;padding-top:12px;border-top:1px solid var(--l);font-size:12px;color:var(--mu)}
.kdoc-t{font-size:20px;font-weight:600;letter-spacing:-.01em;margin-top:2px}
.kdoc-m{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mu);margin-top:14px}
.kdoc ol{margin:8px 0 0;padding-left:20px;font-size:14px;line-height:1.6;color:var(--tx2)}
.kdoc ol+.kk{margin-top:8px}
.kdoc-n{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--mu);margin-top:8px}

/* architecture : le grand schéma */
.archfig{margin:40px 0 0;padding:0}
.archfig svg{display:block;width:100%;height:auto}
.archfig .af-m{display:none}
.af-cap{text-align:center;margin-top:6px}
/* les sources flottent, quelques briques filent vers le harnais */
.af-fl{transform-box:fill-box;transform-origin:center;animation:af-float var(--d,8s) ease-in-out var(--dl,0s) infinite;will-change:transform}
@keyframes af-float{
0%,100%{transform:translate(0,0) rotate(0)}
30%{transform:translate(var(--x1),var(--y1)) rotate(var(--r1))}
62%{transform:translate(var(--x2),var(--y2)) rotate(var(--r2))}
84%{transform:translate(var(--x3),var(--y3)) rotate(var(--r3))}}
.af-feed{transform-box:fill-box;transform-origin:center;opacity:0;animation:af-feed var(--fdur,2.6s) cubic-bezier(.5,0,.6,1) var(--fdl,0s) infinite}
@keyframes af-feed{
0%{opacity:0;transform:translate(0,0) rotate(-20deg) scale(.6)}
18%{opacity:1}
78%{opacity:1}
100%{opacity:0;transform:translate(var(--fx),var(--fy)) rotate(25deg) scale(.9)}}
/* architecture layers */
.layers{position:relative;margin-top:56px;display:flex;flex-direction:column;gap:14px}
.layers:before{content:"";position:absolute;left:31px;top:20px;bottom:20px;width:3px;border-radius:2px;background:var(--gv)}
.layer{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) minmax(0,.9fr);gap:22px;align-items:start;padding:22px 24px 22px 0;border-radius:22px}
.layer .n{position:relative;z-index:1;width:64px;height:64px;border-radius:18px;background:var(--p);border:1px solid var(--l);display:flex;align-items:center;justify-content:center;font-family:'Geist Mono',monospace;font-size:15px}
.layer.core{background:var(--halo);box-shadow:inset 0 0 0 1px rgba(43,43,217,.1),0 24px 60px -40px rgba(43,43,217,.35);margin-left:-22px;padding:22px 24px 22px 22px}
.layer.core .n{background:var(--b);color:var(--i);border-color:var(--b)}
.layer p{font-size:15px;line-height:1.6;color:var(--tx2);margin-top:8px}
.layer .tech{padding-top:6px;line-height:1.7}
.layer .ltech{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;padding-top:2px;line-height:1}
.tchip{display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:99px;background:var(--p);border:1px solid var(--l);font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;color:var(--tx2);white-space:nowrap}
.layer.core .tchip{background:rgba(255,255,255,.75);border-color:rgba(43,43,217,.12)}
.tchip.more{background:transparent;border-style:dashed;color:var(--mu)}
.ltech .tchip:not(.more):before{content:"";width:6px;height:6px;border-radius:2px;background:var(--lc,var(--klein));margin-right:7px;flex:none}

/* MCP flow */
.mcp{display:grid;grid-template-columns:minmax(0,1.1fr) 48px minmax(0,.8fr) 48px minmax(0,1fr);gap:0;align-items:center;margin-top:56px}
.feed .it{padding:11px 14px;border-radius:14px;background:#16161B;border:1px solid #2A2A33;margin-bottom:8px;font-size:13.5px;line-height:1.5;color:rgba(245,241,232,.82)}
.feed .it .lab{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(245,241,232,.45);margin-bottom:2px}
.feed .it.agent{background:linear-gradient(180deg,rgba(124,125,245,.14),rgba(255,122,51,.08));border-color:#33334A}
.arr{display:flex;justify-content:center;color:rgba(245,241,232,.5)}
.hub{display:flex;flex-direction:column;gap:10px}
.hub .box{padding:16px;border-radius:18px;background:#16161B;border:1px solid #2A2A33;text-align:center}
.hub .box b{display:block;font-size:15px;font-weight:600;margin-top:8px}
.hub .box span{display:block;font-size:12.5px;color:rgba(245,241,232,.55);margin-top:2px}
.hub .box.core{background:var(--halo);color:var(--b);border:0}
.hub .box.core span{color:var(--mu)}
.hub .box .chips{justify-content:center;margin-top:10px}
.cons{display:flex;flex-direction:column;gap:8px}
.cons .c{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#16161B;border:1px solid #2A2A33}
.cons .c .ico{width:34px;height:34px;border-radius:10px;background:#1F1F27;display:flex;align-items:center;justify-content:center}
.cons .c b{display:block;font-size:14px;font-weight:600}
.cons .c span{font-size:12.5px;color:rgba(245,241,232,.55)}
.steps3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:40px}
.steps3 .m{font-size:13px;color:var(--saf)}
.steps3 p{font-size:15px;line-height:1.6;color:rgba(245,241,232,.66);margin-top:6px}
.steps3.light{margin-top:22px;padding:22px 12px 4px;border-top:1px solid var(--l);text-align:left}
.steps3.light .m{font-size:13px;font-weight:500;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.steps3.light p{color:var(--tx2)}

/* trust */
.tbl{width:100%;border-collapse:collapse;font-size:13.5px}
.tbl th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mu);padding:0 10px 10px;border-bottom:1px solid var(--l)}
.tbl td{padding:11px 10px;border-bottom:1px solid var(--l);vertical-align:middle}
.tbl tr:last-child td{border-bottom:0}
.tbl .num{text-align:right;font-family:'Geist Mono',monospace;font-size:12.5px;white-space:nowrap}
.mask{display:inline-block;height:10px;width:64px;border-radius:5px;background:repeating-linear-gradient(90deg,#D9D2C4 0 6px,#E9E3D7 6px 10px);vertical-align:middle}
.tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.ptag{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:7px;background:rgba(226,75,133,.10);color:#B02E64;font-size:11.5px;font-weight:600}
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.cmp>div{border:1px solid var(--l);border-radius:14px;padding:12px;background:#fff}
.cmp .m{font-size:12.5px;display:block;margin-top:6px}

/* harness */
.harn{display:flex;flex-direction:column;gap:8px}
.hl{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;padding:14px 16px;border-radius:16px;background:var(--p);border:1px solid var(--l)}
.hl .m{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--b);color:var(--i);font-size:13px}
.hl b{display:block;font-size:15px;font-weight:600}
.hl span{display:block;font-size:14px;line-height:1.5;color:var(--tx2);margin-top:2px}
.hl:nth-child(n+4) .m{color:var(--b)}
.hl:nth-child(1) .m{background:#2B2BD9}.hl:nth-child(2) .m{background:#4E33E6}.hl:nth-child(3) .m{background:#8A3FD8}.hl:nth-child(4) .m{background:#C845A6}.hl:nth-child(5) .m{background:#E24B85}.hl:nth-child(6) .m{background:#FF5A4C}.hl:nth-child(7) .m{background:#FFA21F;color:var(--b)}

/* install timeline */
.inst{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px}
.inst .s{position:relative;background:var(--p);border:1px solid var(--l);border-radius:22px;padding:24px}
.inst .s .m{font-size:13px;color:var(--klein)}
.inst .s p{font-size:15px;line-height:1.6;color:var(--tx2);margin-top:8px}
.inst .bricks{display:flex;gap:4px;margin-bottom:16px;height:26px;align-items:flex-end}
.inst .bricks i{width:22px;height:22px;border-radius:5px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.12),inset 0 2px 0 rgba(255,255,255,.25)}

/* models + savings */
.save .row .amt{font-family:'Geist Mono',monospace;font-size:13px;color:#08704D;white-space:nowrap}
.mini{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:99px;border:1px solid var(--l);font-size:12.5px;font-weight:500;white-space:nowrap;background:#fff}
.mini.bk{background:var(--b);color:var(--i);border-color:var(--b)}

/* beta form */
.form{background:var(--p);border:1px solid var(--l);border-radius:26px;padding:30px}
.fl{display:block;font-size:14px;font-weight:600;margin:0 0 8px}
.fld{margin-bottom:20px}
.inp{width:100%;min-height:50px;padding:0 16px;border-radius:12px;border:1px solid var(--l2);background:#fff;font:inherit;font-size:15px;color:var(--b)}
textarea.inp{min-height:96px;padding:12px 16px;resize:vertical}
.inp:focus{outline:2px solid var(--klein);outline-offset:1px}
.radios{display:flex;flex-wrap:wrap;gap:8px}
.radios label{position:relative}
.radios input{position:absolute;opacity:0;inset:0;cursor:pointer}
.radios span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:99px;border:1px solid var(--l2);background:#fff;font-size:14px;font-weight:500;cursor:pointer}
.radios input:checked+span{background:var(--b);color:var(--i);border-color:var(--b)}
.radios input:focus-visible+span{outline:2px solid var(--klein);outline-offset:2px}
.ferr{margin-top:10px;font-size:13.5px;color:#B42318}
.ok{text-align:center;padding:24px 10px}
.ok .h3{font-size:30px;margin-top:16px}
.ok p{margin:12px auto 0;max-width:460px;color:var(--tx2);line-height:1.6}
.ok a{color:var(--klein);font-weight:500}
.founder{display:grid;grid-template-columns:200px minmax(0,1fr);gap:36px;align-items:center}
.founder img{width:200px;height:200px;border-radius:28px;object-fit:cover}
.fd-ring{display:inline-flex;width:max-content;padding:3px;border-radius:50%;background:var(--g);box-shadow:0 24px 50px -30px rgba(138,63,216,.55)}
.fd-ring img{width:184px;height:184px;border-radius:50%;border:4px solid var(--i);object-fit:cover}
.fnote{position:relative;margin:36px 0 0;padding:24px 24px 22px;border-radius:22px;background:var(--p);border:1px solid var(--l);overflow:hidden;box-shadow:0 30px 70px -50px rgba(43,43,217,.35)}
.fnote:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--g);opacity:.85}
.fn-h{display:flex;align-items:center;gap:14px}
.fd-ring.sm{padding:2.5px;box-shadow:none}
.fd-ring.sm img{width:60px;height:60px;border-width:3px;border-color:var(--p)}
.fn-stack{display:flex;align-items:center;gap:6px;padding-left:12px;border-left:1px solid var(--l)}
.fn-ag{display:flex}
.fn-more{margin-left:10px;font-size:12px;color:var(--mu)}
.fn-q{margin:18px 0 0;font-size:clamp(22px,2vw,26px);line-height:1.2;letter-spacing:-.012em}
.fn-t{font-size:15.5px;line-height:1.6;color:var(--tx2);margin-top:10px}
.fn-s{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--l)}
.fn-s>span{display:flex;flex-direction:column;font-size:13px;color:var(--mu)}
.fn-s b{font-size:14.5px;font-weight:600;color:var(--b)}
.fn-s .link{font-size:14px}
.tm-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:34px}.tm-ag{display:flex}
.road{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:40px}
.road .s{background:var(--p);border:1px solid var(--l);border-radius:20px;padding:20px}
.road .s .m{font-size:12.5px;color:var(--mu)}
.road .s p{font-size:14px;line-height:1.55;color:var(--tx2);margin-top:8px}
.legal{max-width:780px}
.legal h2{font-family:var(--fd);font-weight:600;font-size:28px;letter-spacing:-.02em;margin:44px 0 10px}
.legal h3{font-size:16px;font-weight:600;margin:24px 0 6px}
.legal p{font-size:15.5px;line-height:1.7;color:var(--tx2);margin-top:8px}
.legal a{color:var(--klein);font-weight:500}

/* ---------- responsive ---------- */

/* ---- agents perchés sur la capture produit */
.shot-wrap{margin-top:150px}
.perchers{position:absolute;left:0;right:0;top:0;height:0;z-index:4}
.pa{position:absolute;bottom:-2px;padding:0;margin:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pa:focus-visible{outline:2px solid var(--klein);outline-offset:4px;border-radius:10px}
.pa-hop{display:block;transform-origin:50% 100%;animation:pa-hop 7s cubic-bezier(.3,.7,.4,1) var(--dl,0s) infinite}
.pa-body{display:block;transform-origin:50% 100%;animation:pa-idle 2.4s ease-in-out calc(var(--dl,0s) * -1) infinite alternate}
.pa .spr{display:block;height:62px;width:auto}
.pa-sh{position:absolute;left:50%;bottom:-4px;width:66%;height:7px;margin-left:-33%;border-radius:50%;background:rgba(11,11,15,.16);filter:blur(2px);animation:pa-sh 7s ease var(--dl,0s) infinite;pointer-events:none}
@keyframes pa-idle{from{transform:scale(1,1)}to{transform:scale(1.02,.97)}}
@keyframes pa-hop{0%,76%,100%{transform:translateY(0) rotate(0) scale(1)}80%{transform:translateY(0) scale(1.07,.9)}86%{transform:translateY(-20px) rotate(-6deg) scale(.95,1.06)}91%{transform:translateY(0) rotate(0) scale(1.09,.88)}95%{transform:scale(.98,1.03)}}
@keyframes pa-sh{0%,80%,91%,100%{transform:scale(1);opacity:1}86%{transform:scale(.55);opacity:.45}}
.pa-walk{animation:pa-walk 24s ease-in-out var(--dl,0s) infinite}
.pa-walk .pa-hop{animation:none}
.pa-walk .pa-body{animation:pa-waddle .42s ease-in-out infinite alternate}
@keyframes pa-walk{0%,8%{left:30%}42%,58%{left:57%}92%,100%{left:30%}}
@keyframes pa-waddle{from{transform:rotate(-4deg) translateY(0)}to{transform:rotate(4deg) translateY(-2px)}}
.pa-say{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%,6px) scale(.96);opacity:0;pointer-events:none;white-space:nowrap;background:var(--b);color:var(--i);font-size:13px;line-height:1.35;text-align:left;padding:9px 13px 10px;border-radius:12px;box-shadow:0 16px 30px -14px rgba(11,11,15,.5);transition:opacity .25s ease,transform .3s cubic-bezier(.2,.9,.3,1.2)}
.pa-say b{display:block;font:500 10.5px 'Geist Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:rgba(245,241,232,.55);margin-bottom:2px}
.pa-say:after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border:6px solid transparent;border-top-color:var(--b)}
.pa:first-child .pa-say{left:-6px;transform:translate(0,6px) scale(.96)}.pa:first-child .pa-say:after{left:30px}
.pa:last-child .pa-say{left:auto;right:-6px;transform:translate(0,6px) scale(.96)}.pa:last-child .pa-say:after{left:auto;right:24px}
.pa:hover .pa-say,.pa:focus-visible .pa-say,.pa.talk .pa-say{opacity:1;transform:translate(-50%,0) scale(1)}
.pa:first-child:hover .pa-say,.pa:first-child:focus-visible .pa-say,.pa:first-child.talk .pa-say,.pa:last-child:hover .pa-say,.pa:last-child:focus-visible .pa-say,.pa:last-child.talk .pa-say{transform:translate(0,0) scale(1)}
.pa.talk .pa-hop,.pa:hover .pa-hop{animation:pa-hi .6s cubic-bezier(.3,.7,.4,1) 1}
@keyframes pa-hi{0%{transform:translateY(0)}40%{transform:translateY(-12px) rotate(4deg)}75%{transform:translateY(0) scale(1.06,.92)}100%{transform:none}}

/* ---- la boucle humain / agents */
.loop{list-style:none;margin:44px auto 0;padding:0 0 22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1120px;position:relative}
.loop li{position:relative;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:var(--p);border:1px solid var(--l);font-size:14px;line-height:1.35;min-width:0;text-align:left}
.loop li:not(:last-child):after{content:"";position:absolute;right:-11px;top:50%;width:7px;height:7px;border-top:1.6px solid var(--mu);border-right:1.6px solid var(--mu);transform:translateY(-50%) rotate(45deg)}
.loop:after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:16px;border:1.6px dashed rgba(138,63,216,.5);border-top:0;border-radius:0 0 16px 16px}
.lp-n{font-size:11px;color:var(--mu);flex:none}
.lp-av{flex:none;display:flex}
.lp-h{width:30px;height:30px;border-radius:9px;background:var(--b);color:var(--i);align-items:center;justify-content:center}
.lp-t{min-width:0}

/* ---- cartes illustrées « ce qui reste humain » */
.hcard{display:flex;flex-direction:column;padding:16px 16px 26px}
.hcard .h3,.hcard p{padding:0 10px}
.hv-w{height:172px;border-radius:16px;background:var(--sand);padding:18px;margin-bottom:22px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hv{width:100%;max-width:330px;background:#fff;border:1px solid var(--l);border-radius:14px;padding:13px 14px;box-shadow:0 14px 30px -20px rgba(11,11,15,.4);font-size:13.5px;line-height:1.4}
.hv-row{display:flex;align-items:center;gap:8px;min-width:0}
.hv-row b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hv-k{font-size:11px;color:var(--mu);letter-spacing:.06em;white-space:nowrap}
.hv-meta{font-size:12px;color:var(--mu);margin-top:6px;display:flex;align-items:center;gap:5px}
.hv-acts{display:flex;gap:6px;margin-top:12px;justify-content:flex-end}
.hv-acts .mini{height:28px;gap:5px}
.hv-q{display:flex;gap:9px;align-items:center;font-size:13px}
.hv-who{display:flex;flex:none}
.hv-a{display:flex;gap:9px;margin-top:9px;padding:9px 10px;border-radius:10px;background:var(--i);font-size:13px}
.hv-a b{display:block;font-size:11px;color:var(--mu);font-weight:600}
.hv-ini{width:26px;height:26px;border-radius:50%;background:var(--b);color:var(--i);font-size:10.5px;font-weight:600;display:flex;align-items:center;justify-content:center;flex:none}
.hv-big{font-size:44px;line-height:1;margin-top:10px}

/* ---- l'équipe : cartes d'identité façon polaroid */
.team-sec{padding-bottom:88px;overflow:hidden}
.team-h{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 40px;flex-wrap:wrap}
.team-h>div:first-child{min-width:0;max-width:600px}
.team-ctl{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.seg.sm button{height:34px;padding:0 13px;font-size:13px}
.seg.sm button{white-space:nowrap}.seg.sm button .m{font-size:11px;opacity:1;color:var(--mu)}
.seg button[aria-pressed="true"] .m{opacity:.72;color:var(--i)}
.seg.sm .sh{display:none}
.mhop{display:block;transform-origin:50% 100%;animation:pa-hop 7s cubic-bezier(.3,.7,.4,1) var(--dl,0s) infinite}.mhop .spr{display:block}
.team-nav{display:flex;gap:8px}
.tn{width:42px;height:42px;border-radius:50%;border:1px solid var(--l2);background:var(--p);color:var(--b);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}
.tn:hover{background:#fff}.tn:disabled{opacity:.35;cursor:default}
.tn[data-team-prev] .ic{transform:rotate(180deg)}
.team-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;margin-top:12px;padding:30px max(var(--pad),calc((100vw - 1240px) / 2 + var(--pad))) 26px;scroll-padding-inline:max(var(--pad),calc((100vw - 1240px) / 2 + var(--pad)))}
.team-track::-webkit-scrollbar{display:none}
.pc[hidden]{display:none}
.kt-scroll{margin-top:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px}.kt-scroll .kt-svg{width:760px!important;max-width:none}
.team-track:focus-visible{outline:2px solid var(--klein);outline-offset:-2px}
.pc{flex:0 0 252px;scroll-snap-align:start;perspective:1400px;transform:rotate(var(--tilt,0deg));transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.pc:hover,.pc:focus-within{transform:rotate(0) translateY(-6px)}
.pc-in{position:relative;height:376px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,.7,.2,1)}
.pc.flip .pc-in{transform:rotateY(180deg)}
.pc-f,.pc-b{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#FFFEFB;border:1px solid #ECE6DA;border-radius:6px;box-shadow:0 1px 0 rgba(11,11,15,.03),0 22px 40px -24px rgba(11,11,15,.4)}
.pc-f{padding:10px 10px 12px;display:flex;flex-direction:column}
.pc-b{transform:rotateY(180deg);padding:18px 18px 12px;display:flex;flex-direction:column}
.pc-ph{position:relative;flex:none;height:168px;border-radius:3px;background:var(--halo);display:flex;align-items:flex-end;justify-content:center;overflow:hidden;padding-bottom:12px}
.pc-ph:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--g);opacity:.75}
.pc-ph .spr{position:relative;height:94px;width:auto}
.pc-ph.day{background:linear-gradient(180deg,#F8F2E8,#EDE3D2);padding-bottom:0}
.pc-person{position:relative;width:118px;height:118px;color:#24242C;display:block}
.pc-id{position:absolute;left:9px;top:8px;font-size:10.5px;letter-spacing:.08em;color:rgba(11,11,15,.5)}
.pc-shift{position:absolute;right:9px;top:7px;font-size:10.5px;font-weight:600;color:rgba(11,11,15,.5)}
.pc-cap{padding:13px 6px 0;display:flex;flex-direction:column;flex:1;min-height:0}
.pc-n{font-size:22px;line-height:1.1}
.pc-r{font-size:12.5px;color:var(--mu);margin-top:3px}
.pc-m{font-size:13.5px;line-height:1.45;margin-top:9px}
.pc-ft{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px}
.pc-btn{display:inline-flex;align-items:center;gap:5px;border:0;background:none;font:500 12.5px Inter,sans-serif;color:var(--b);cursor:pointer;padding:6px 0}
.pc-btn:focus-visible{outline:2px solid var(--klein);outline-offset:2px;border-radius:6px}
.pc-back{align-self:flex-start;margin-top:auto}.pc-back .ic{transform:rotate(180deg)}
.pc-sign{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:8px;background:var(--b);color:var(--i);font-size:12px;font-weight:600}
.pc-bh{display:flex;flex-direction:column;gap:3px;padding-bottom:12px;border-bottom:1px dashed var(--l2)}
.pc-bh .m{font-size:10.5px;color:var(--mu);letter-spacing:.1em}
.pc-bh b{font-size:21px;font-weight:600}
.pc-row{display:flex;flex-direction:column;gap:5px;padding:10px 0;border-bottom:1px solid var(--l);font-size:13px;line-height:1.45}
.pc-row:last-of-type{border-bottom:0}
.pc-l{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mu)}
.pc-chips{display:flex;flex-wrap:wrap;gap:5px}
.pc-chips span{height:22px;padding:0 8px;border-radius:6px;background:var(--sand);font-size:11.5px;display:inline-flex;align-items:center}

@media (max-width:1100px){
  .links,.hide-m{display:none!important}
  .burger{display:flex}
  .cards4,.feat.f4,.explore,.road{grid-template-columns:repeat(2,minmax(0,1fr))}
  .team{grid-template-columns:repeat(3,minmax(0,1fr))}
  .grid2{grid-template-columns:1fr;gap:32px}
  .kwins{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;margin:32px calc(-1*var(--pad)) 0;padding:0 var(--pad) 10px;scroll-padding:0 var(--pad)}
  .kwins>*{flex:0 0 min(400px,84%);scroll-snap-align:start}
  .mcp{grid-template-columns:1fr;gap:12px}
  .mcp .arr{transform:rotate(90deg);height:40px}
  .layer{grid-template-columns:64px minmax(0,1fr)}
  .layer .tech{grid-column:2}
  .grid2.rev>:first-child{order:2}
}
@media (max-width:760px){
  :root{--pad:20px}
  .sec{padding:80px 0}
  .lead{font-size:16.5px}
  .btn{min-height:48px;padding:0 20px;font-size:15px}
  .hide-s{display:none!important}
  .mob-only{display:block}
  .hero-in{padding-top:56px}
  .pill{font-size:12.5px}
  .hero .ctas,.cta .ctas{flex-direction:column;align-items:stretch}
  .trio{gap:28px;margin-top:56px}
  .trio .spr{height:52px}
  .cta{padding-top:88px}
  .cta .trio .spr{height:48px}
  .phero-in{flex-direction:column;align-items:flex-start;gap:0;padding-top:40px}
  .phero-txt{padding-bottom:28px}
  .phero-ag{align-self:center;margin-right:0}
  .phero-ag .spr{height:84px}
  .cards3,.feat,.feat.f4,.cards4,.steps3,.inst,.road,.explore{grid-template-columns:1fr}
  .team{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .ag{padding:8px 8px 14px}.ag-w{height:100px}.ag-w .spr{height:68px}.ag-b{padding:0 6px}.ag-n{font-size:19px}
  .kpi-v{font-size:48px;margin-top:18px}
  .steps{grid-template-columns:1fr;gap:34px;margin-top:56px;padding-left:34px}
  .steps .line{left:6px;right:auto;top:6px;bottom:6px;width:3px;height:auto;background:var(--gv)}
  .step{padding-top:0}.step .dot{left:-34px;top:3px}.walker{display:none}
  .bars,.form,.vig{padding:20px}
  .founder{grid-template-columns:1fr;gap:20px}
  .founder>*{min-width:0}
  .founder .chip{white-space:normal;height:auto;min-height:30px;padding:6px 12px;line-height:1.35}
  .founder img{width:120px;height:120px;border-radius:22px}
  .fd-ring{padding:2.5px}.fd-ring img{width:112px;height:112px;border-radius:50%;border-width:3px}
  .layers:before{left:23px}
  .layer{grid-template-columns:48px minmax(0,1fr);gap:14px;padding-right:14px}
  .layer .n{width:48px;height:48px;border-radius:14px;font-size:13px}
  .layer.core{margin-left:-12px;padding:16px 14px 16px 12px}
  .tl1{margin-left:14px}.tl2{margin-left:28px}.tl3{margin-left:42px}
  .next-card{grid-template-columns:76px minmax(0,1fr);gap:14px;padding:12px 16px 12px 12px;border-radius:22px}
  .next-w{height:96px;border-radius:14px}.next-w .spr{height:52px}
  .next-w .fd-ring.sm img{width:52px;height:52px}
  .next-t{font-size:clamp(21px,6.4vw,25px);gap:8px;flex-wrap:wrap}
  .next-s{font-size:14px}
  .cmp{grid-template-columns:1fr}
  .tblwrap .tbl{min-width:480px}
  .archfig{margin-top:28px}
  .archfig .af-d{display:none}.archfig .af-m{display:block;max-width:420px;margin:0 auto}
  .sec.kafter{padding-top:44px}
  .anch-sec{padding-top:20px}
  .anch{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 calc(-1*var(--pad));padding:0 var(--pad) 2px}
  .anch::-webkit-scrollbar{display:none}
  .krep{padding:14px 14px 14px}
  .krep-h{flex-wrap:wrap}
  .kts{gap:6px}.kt{padding:9px 10px}.kt b{font-size:19px}.kt span,.kt em{font-size:11.5px}
  .kb{grid-template-columns:78px minmax(0,1fr) 34px;gap:8px}
  .kout em{margin-left:0;width:100%}
  .kch{flex-wrap:wrap;gap:4px 10px}
  .kcarry,.kalso{gap:6px}
  .kcarry em,.kalso em{width:100%}
  .kcarry span,.kalso span{height:32px;font-size:13px;padding:0 11px}
  .prompt{font-size:14px;align-items:flex-start;flex-direction:column;gap:8px}
  .kbadge{display:flex;width:max-content;margin:10px 0 0}
  .kt .lg{display:none}.kt .sh{display:inline}
  .kmsg .kk.in{margin-left:-40px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.af-fl{animation:none!important}.af-feed{display:none}}

@media (max-width:760px){
  .loop{grid-template-columns:1fr;gap:8px;padding-bottom:0}
  .loop li:not(:last-child):after{right:auto;left:30px;top:auto;bottom:-7px;transform:rotate(135deg)}
  .loop:after{display:none}
  .team-h{align-items:flex-start}
  .team-ctl{width:100%;justify-content:space-between}
  .team-nav{display:none}
  .shot-wrap{margin-top:44px}
  .seg.sm .lg{display:none}.seg.sm .sh{display:inline}
  .seg.sm{width:100%}.seg.sm button{flex:1;justify-content:center}
  .team-track{padding:22px 16px 22px;scroll-padding-inline:16px;gap:14px}
  .pc{flex-basis:244px}
  .hv-w{height:auto;min-height:150px}
}
@media (prefers-reduced-motion:reduce){.prompt .caret{animation:none}.pa-hop,.pa-body,.pa-sh,.pa-walk,.mhop{animation:none!important}.pc,.pc-in{transition:none}}

/* KPI tree mobile explorable (data-kdrill) */
.kd .kd-crumbs{display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none;margin:0 -4px 12px;padding:0 4px}
.kd .kd-crumbs::-webkit-scrollbar{display:none}
.kd .kd-crumb{flex:none;min-height:36px;padding:0 10px;border-radius:99px;border:1px solid var(--l);background:#fff;font:500 12.5px/1 Inter,system-ui,sans-serif;color:var(--tx2);cursor:pointer;display:inline-flex;align-items:center}
.kd .kd-crumb.on{background:var(--b);border-color:var(--b);color:var(--i)}
.kd .kd-sep{flex:none;color:var(--mu);font-size:14px;padding:0 2px}
.kd .kd-cur{margin-bottom:16px;padding:14px 16px;outline:none}
.kd .kd-cur .tx b{font-size:15.5px}
.kd .kd-cur .v{font-size:24px}
.kd .kd-n{text-align:right;flex:none}
.kd .kd-tags{display:flex;gap:6px;margin-top:8px}
.kd .kd-tag{font-style:normal;font-size:11px;font-weight:600;padding:3px 8px;border-radius:99px}
.kd .kd-tag.c{background:var(--seal-tint);color:var(--seal-ink)}
.kd .kd-tag.x{background:#FDECEA;color:#B42318}
.kd .kd-lab{font:500 11px/1.2 'Geist Mono',ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--mu);margin:0 0 10px 2px}
.kd .kd-list{list-style:none;margin:0;padding:0 0 0 14px;border-left:1.5px solid var(--l2)}
.kd .kd-list li{position:relative}
.kd .kd-list li:before{content:"";position:absolute;left:-14px;top:50%;width:10px;border-top:1.5px solid var(--l2)}
.kd .kd-row{width:100%;text-align:left;font:inherit;color:inherit;min-height:60px}
.kd button.kd-row{cursor:pointer;transition:border-color .15s,transform .15s}
.kd button.kd-row:active{transform:scale(.985)}
.kd button.kd-row:focus-visible,.kd .kd-crumb:focus-visible{outline:2px solid var(--klein);outline-offset:2px}
.kd .kd-row.x{border-color:#E9A6A0}
.kd .kd-row.leaf{background:var(--p)}
.kd .kd-ck{font-style:normal;display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--seal);color:#fff;font-size:9px;vertical-align:1px;margin-left:3px}
.kd .kd-alert{display:inline-block!important;margin-top:6px!important;font-size:11px!important;font-weight:600;color:#B42318!important;background:#FDECEA;padding:2px 7px;border-radius:99px}
.kd .kd-go{flex:none;font-size:22px;line-height:1;color:var(--mu);margin-left:-2px}
.kd .kd-hint{margin:4px 0 0;font-size:12.5px;color:var(--mu);text-align:center}
.kd .kd-in-r{animation:kd-r .28s cubic-bezier(.2,.7,.2,1)}
.kd .kd-in-l{animation:kd-l .28s cubic-bezier(.2,.7,.2,1)}
@keyframes kd-r{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
@keyframes kd-l{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.kd .kd-in-r,.kd .kd-in-l{animation:none}}

/* KPI : onglets du carrousel d'exemples (mobile seulement) */
.kwtabs{display:none}
@media (max-width:760px){
  .kwtabs{display:flex;gap:6px;margin-top:28px;overflow-x:auto;scrollbar-width:none}
  .kwtabs::-webkit-scrollbar{display:none}
  .kwtabs button{flex:none;min-height:38px;padding:0 14px;border-radius:99px;border:1px solid var(--l);background:var(--p);font:500 13px/1 Inter,system-ui,sans-serif;color:var(--tx2);cursor:pointer}
  .kwtabs button.on{background:var(--b);border-color:var(--b);color:var(--i)}
  .kwtabs+.kwins{margin-top:12px}
}
/* KPI : « voyage avec le chiffre » / « et aussi » sont des listes, pas des boutons */
.kcarry span,.kalso span{height:auto;padding:0;background:none;border:0;border-radius:0;color:var(--tx2)}
.kcarry span:not(:last-child):after,.kalso span:not(:last-child):after{content:"·";margin-left:8px;color:var(--l2);font-weight:600}
.kcarry,.kalso{column-gap:12px;row-gap:6px}
@media (max-width:760px){.kcarry span:after,.kalso span:after{content:none!important}.kcarry,.kalso{column-gap:18px;row-gap:8px}}

/* ── correctifs audit (oct. 2026) ── */
/* cartes « Ce qui reste humain » : plus de maquettes rognées */
.hv-w{height:196px}
@media (max-width:1100px) and (min-width:761px){
  .cards3{grid-template-columns:1fr;max-width:600px;margin-left:auto;margin-right:auto}
  .hv-w{height:auto;min-height:196px}
  .loop{grid-template-columns:repeat(2,minmax(0,1fr))}
  .loop li:nth-child(2):after{display:none}
  .loop:after{display:none}
}
/* lien d'évitement */
.skip{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 16px;border-radius:10px;background:var(--i);color:var(--b);font-weight:600;font-size:14px;transition:top .15s}
.skip:focus{top:12px}
/* contraste des petits libellés sur fond sombre */
.trio .c .m,.phero-ag .m,.feed .it .lab{color:rgba(245,241,232,.66)}
.pc-id,.pc-shift{color:rgba(11,11,15,.66)}
/* zones tactiles ≥ 44 px (sans changer l'apparence) */
@media (max-width:760px){
  .foot-l{row-gap:4px}
  .foot-l a,.small a{display:inline-block;padding:12px 0;margin:-12px 0}
  .foot-l a{margin:0}
  .lang{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
  .anch a,.seg button{position:relative}
  .anch a:after,.seg button:after{content:"";position:absolute;inset:-5px 0}
  .pc-btn{min-height:44px}
}
.next-t .nw{display:inline-flex;align-items:center;gap:inherit}