/* Carte Run meter v3 (balisage .rmbox > .rm), copie de la maquette site-v1, réduite par --k */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rmbox{position:relative;width:calc(var(--w) * var(--k) * 1px);height:calc(var(--h) * var(--k) * 1px);flex:0 0 auto}
.rm{
  position:absolute;left:0;top:0;width:calc(var(--w) * 1px);height:calc(var(--h) * 1px);
  transform:scale(var(--k));transform-origin:0 0;
  border-radius:40px;overflow:hidden;
  background:#0B1020;color:#F2F4FA;
  font-family:Manrope,system-ui,sans-serif;
  font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;
  box-shadow:0 60px 120px -50px rgba(5,8,20,.7), 0 0 0 1px rgba(255,255,255,.1);
  --mute:#9AA4B8;--mute2:rgba(242,244,250,.55);--line:rgba(255,255,255,.12);
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
.rm>*{position:relative}
.rm .mesh{position:absolute;inset:-12%;pointer-events:none;
  background:
    radial-gradient(55% 40% at 18% 14%, rgba(58,88,214,.58), transparent 70%),
    radial-gradient(46% 40% at 88% 24%, rgba(92,72,190,.36), transparent 70%),
    radial-gradient(60% 36% at 55% 96%, rgba(28,104,150,.34), transparent 70%),
    radial-gradient(36% 30% at 8% 84%, rgba(66,60,160,.22), transparent 70%),
    #0B1020;
  filter:blur(30px)}
.rm .dots{position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.075) 1.2px, transparent 1.7px);
  background-size:26px 26px;
  -webkit-mask-image:radial-gradient(var(--dots) at var(--dotsAt), rgba(0,0,0,.95), transparent 100%);
  mask-image:radial-gradient(var(--dots) at var(--dotsAt), rgba(0,0,0,.95), transparent 100%)}
.rm .grain{position:absolute;inset:0;pointer-events:none;opacity:.12;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.rm .hd{position:absolute;left:var(--m);right:var(--m);top:var(--hdTop);display:flex;justify-content:space-between;align-items:center}
.rm .title{display:flex;align-items:center;gap:var(--titleGap);font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:var(--fsTitle)}
.rm .title i{width:var(--dotOn);height:var(--dotOn);border-radius:50%;background:#7CF2C2;box-shadow:0 0 0 calc(var(--dotOn) * .3) rgba(124,242,194,.16), 0 0 calc(var(--dotOn) * 1.2) rgba(124,242,194,.75)}
.rm .meta{display:flex;align-items:center;gap:var(--pillGap)}
.rm .pill{font-size:var(--fsPill);font-weight:600;padding:var(--pillPad);border-radius:999px;color:#DDE2F2;white-space:nowrap;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);line-height:1.2}
.rm .pill.plain{background:transparent;border-color:rgba(255,255,255,.12);color:var(--mute)}
.rm svg.dial{position:absolute;left:0;top:0;width:calc(var(--w) * 1px);height:calc(var(--h) * 1px);overflow:visible}
.rm .dial .track{fill:none;stroke:rgba(255,255,255,.06);stroke-linecap:butt}
.rm .dial .seg{fill:none;stroke-linecap:butt;opacity:.35}
.rm .dial .seg.on{opacity:1}
.rm .dial .tick{stroke:rgba(255,255,255,.22);stroke-width:2}
.rm .dial .tick.maj{stroke:rgba(255,255,255,.6);stroke-width:3}
.rm .dial .num{fill:var(--mute2);font-family:var(--mono);font-size:var(--fsNum);font-weight:500;text-anchor:middle}
.rm .dial .zl{font-family:var(--mono);font-size:var(--fsZl);font-weight:500;letter-spacing:.14em;fill:rgba(242,244,250,.42)}
.rm .dial .zl .on{fill:#fff;font-weight:700}
.rm .dial .ptr{transform-box:view-box;transform:rotate(var(--ang));animation:sweep 1.5s .15s cubic-bezier(.2,.85,.2,1) both}
@keyframes sweep{from{transform:rotate(-90deg)}}
.rm .center{position:absolute;left:0;right:0;top:var(--centerTop);text-align:center}
.rm .big{font-size:var(--fsBig);font-weight:800;line-height:.78;letter-spacing:-.05em;color:#fff;text-shadow:0 0 60px rgba(255,255,255,.18);white-space:nowrap}
.rm .unit{font-size:var(--fsUnit);font-weight:600;color:rgba(242,244,250,.7);margin-top:var(--unitMt);letter-spacing:-.005em}
.rm .verdict{font-size:var(--fsVerdict);font-weight:800;letter-spacing:-.025em;margin-top:var(--verdictMt);color:#fff}
.rm .glass{position:absolute;border-radius:30px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(26px) saturate(140%);-webkit-backdrop-filter:blur(26px) saturate(140%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 30px 60px -30px rgba(0,0,0,.6)}
.rm .panel{display:flex;align-items:center}
.rm .barbox{flex:1 1 auto}
.rm .k{font-size:var(--fsK);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.rm .barbox .k{margin-bottom:var(--kMb)}
.rm .bar{position:relative;display:flex;gap:6px;height:var(--barH)}
.rm .bar i{display:block;height:100%;border-radius:999px;background:var(--c);opacity:.35}
.rm .bar i.on{opacity:1;box-shadow:0 0 0 3px rgba(255,255,255,.08), 0 0 22px color-mix(in srgb, var(--c) 60%, transparent)}
.rm .bar .z1,.rm .bar .z5{width:calc((100% - 24px) * .25)}
.rm .bar .z2,.rm .bar .z3,.rm .bar .z4{width:calc((100% - 24px) / 6)}
.rm .bar .dot{position:absolute;left:var(--pos);top:50%;width:var(--barDot);height:var(--barDot);border-radius:50%;background:#fff;transform:translate(-50%,-50%);
  box-shadow:0 0 0 calc(var(--barDot) * .22) #101733, 0 0 18px rgba(255,255,255,.7);animation:cursorX 1.5s .15s cubic-bezier(.2,.85,.2,1) both}
@keyframes cursorX{from{left:0}}
.rm .scale{position:relative;height:var(--fsScale);margin-top:var(--scaleMt);font-family:var(--mono);font-size:var(--fsScale);line-height:1;color:var(--mute2)}
.rm .scale span{position:absolute;top:0;left:var(--x);transform:translateX(-50%);white-space:nowrap}
.rm .scale span:first-child{transform:none}
.rm .scale span:last-child{transform:translateX(-100%)}
.rm .sep{flex:0 0 1px;align-self:stretch;background:var(--line);margin:0 var(--sepMx)}
.rm .stats{flex:0 0 var(--statsW);display:grid;grid-template-columns:auto 1fr}
.rm .stats>div{display:contents}
.rm .stats dt,.rm .stats dd{display:flex;align-items:center;height:var(--rowH);border-top:1px solid var(--line)}
.rm .stats>div:first-child dt,.rm .stats>div:first-child dd{border-top:0}
.rm .stats dt{font-size:var(--fsK);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);white-space:nowrap}
.rm .stats dd{justify-content:flex-end;font-family:var(--mono);font-size:var(--fsVal);font-weight:500;color:#F6F7FB;white-space:nowrap;letter-spacing:-.01em}
.rm .stats>div:last-child dd{font-size:var(--fsValSm)}
.rm .ft{position:absolute;left:var(--m);right:var(--m);bottom:var(--ftBottom);display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.rm .exp{font-size:var(--fsExp);line-height:1.3;color:rgba(242,244,250,.72);font-weight:500;max-width:var(--expW)}
.rm .brand{text-align:right;line-height:1.35;white-space:nowrap}
.rm .brand strong{display:block;font-size:var(--fsBrand);font-weight:700;color:rgba(242,244,250,.85)}
.rm .brand span{font-family:var(--mono);font-size:var(--fsBrand2);color:var(--mute2)}
.rm.p{--m:72px;--hdTop:64px;--fsTitle:30px;--titleGap:16px;--dotOn:14px;--pillGap:12px;--fsPill:26px;--pillPad:12px 22px;
   --dots:62% 44%;--dotsAt:50% 44%;--fsNum:22px;--fsZl:24px;
   --centerTop:588px;--fsBig:216px;--fsUnit:32px;--unitMt:14px;--fsVerdict:64px;--verdictMt:22px;
   --fsK:20px;--kMb:16px;--barH:16px;--barDot:26px;--fsScale:20px;--scaleMt:14px;--sepMx:32px;
   --statsW:392px;--rowH:46px;--fsVal:28px;--fsValSm:23px;
   --ftBottom:52px;--fsExp:26px;--expW:640px;--fsBrand:22px;--fsBrand2:20px}
.rm.p .panel{left:72px;right:72px;top:948px;height:220px;padding:0 36px}
.rm.l{--m:56px;--hdTop:40px;--fsTitle:24px;--titleGap:12px;--dotOn:11px;--pillGap:10px;--fsPill:18px;--pillPad:8px 16px;
   --dots:34% 62%;--dotsAt:29% 60%;--fsNum:14px;--fsZl:15px;
   --centerTop:286px;--fsBig:150px;--fsUnit:19px;--unitMt:10px;--fsVerdict:42px;--verdictMt:10px;
   --fsK:13px;--kMb:12px;--barH:12px;--barDot:18px;--fsScale:14px;--scaleMt:10px;--sepMx:0;
   --statsW:100%;--rowH:50px;--fsVal:20px;--fsValSm:17px;
   --ftBottom:36px;--fsExp:19px;--expW:600px;--fsBrand:16px;--fsBrand2:14px}
.rm.l .center{left:0;right:auto;width:700px}
.rm.l .panel{left:672px;width:472px;top:126px;height:auto;padding:30px 32px 26px;flex-direction:column;align-items:stretch;justify-content:flex-start}
.rm.l .barbox{flex:0 0 auto}
.rm.l .sep{flex:0 0 1px;width:100%;margin:26px 0 8px}
.rm.l .stats{flex:0 0 auto}
.rm.l .stats dt,.rm.l .stats dd{border-top:1px solid var(--line)}
.rm.l .stats>div:first-child dt,.rm.l .stats>div:first-child dd{border-top:0}
@keyframes up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes in{from{opacity:0}to{opacity:1}}
.rm .hd{animation:in .6s ease both}
.rm .center{animation:up .8s .2s cubic-bezier(.2,.8,.2,1) both}
.rm .glass{animation:up .8s .35s cubic-bezier(.2,.8,.2,1) both}
.rm .ft{animation:in .8s .5s ease both}
@media (prefers-reduced-motion:reduce){
  .rm *,.rm *::before,.rm *::after{animation:none !important;transition:none !important}
}