.uc-metrics{margin:0 auto;max-width:var(--max-w);padding:48px var(--gutter)}.uc-metrics__hdr{align-items:center;display:flex;gap:10px;margin:0 0 20px}.uc-metrics__puce{background:var(--ax-orange);border-radius:50%;box-shadow:0 0 0 4px rgba(255,124,109,.18);height:9px;width:9px}.uc-metrics__titre{color:var(--ax-txt);font-family:var(--font-title);font-size:20px;font-weight:800;letter-spacing:-.4px;margin:0}.uc-metrics__grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(205px,1fr))}.uc-metric{background:var(--ax-surface);border:1px solid var(--ax-bordure);border-radius:18px;container-type:inline-size;overflow:hidden;padding:26px 24px 24px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.uc-metric:before{inset:0 auto 0 0;width:4px}.uc-metric:after,.uc-metric:before{background:var(--uc-accent);content:"";position:absolute}.uc-metric:after{border-radius:50%;height:110px;opacity:.07;pointer-events:none;right:-30px;top:-30px;width:110px}.uc-metric:hover{box-shadow:0 10px 28px rgba(24,6,54,.1);transform:translateY(-2px)}.uc-metric__val{color:var(--uc-accent);font-family:var(--font-title);font-size:clamp(26px,2.3vw,34px);font-variant-numeric:tabular-nums;font-weight:900;hyphens:none;letter-spacing:-1.4px;line-height:1.05;margin-bottom:10px;overflow-wrap:normal}.uc-metric__leg{color:var(--ax-txt-doux);font-family:var(--font-body);font-size:14.5px;line-height:1.5;margin:0}.uc-metric__note{color:var(--ax-txt-faible);font-family:var(--font-body);font-size:12.5px;line-height:1.45;margin:8px 0 0}.uc-metric--0{--uc-accent:var(--ax-blue)}.uc-metric--1{--uc-accent:var(--ax-orange)}.uc-metric--2{--uc-accent:var(--ax-purple)}.uc-metric--3{--uc-accent:var(--ax-pink)}.ax-section--dark .uc-metric,[data-fond=sombre] .uc-metric{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.12)}.ax-section--dark .uc-metric--0,[data-fond=sombre] .uc-metric--0{--uc-accent:#7fb2ff}.ax-section--dark .uc-metric--1,[data-fond=sombre] .uc-metric--1{--uc-accent:#ffae8f}.ax-section--dark .uc-metric--2,[data-fond=sombre] .uc-metric--2{--uc-accent:#a896ff}.ax-section--dark .uc-metric--3,[data-fond=sombre] .uc-metric--3{--uc-accent:#ff7fb5}@media (prefers-reduced-motion:reduce){.uc-metric{transition:none}.uc-metric:hover{transform:none}}@container (max-width: 235px){.uc-metric__val{font-size:27px;letter-spacing:-1px}}@media (max-width:600px){.uc-metrics{padding:32px var(--gutter)}.uc-metrics__grid{gap:12px;grid-template-columns:1fr}.uc-metric{padding:22px 20px}.uc-metric__val{font-size:30px}}