.hm{--hm-v:#5D0FE8;--hm-vf:#4A0BBA;--hm-vp:#F1EBFF;--hm-papier:#FBFAFF;--hm-blanc:#fff;--hm-ink:#15101F;--hm-ink2:#5C5670;--hm-ink3:#8E87A3;
  --hm-l:rgba(21,16,31,.1);--hm-l2:rgba(21,16,31,.18);--hm-ok:#18A058;--hm-ambre:#B86A00;--hm-ambrep:#FFF3DF;--hm-rouge:#C9342A;--hm-rougep:#FDECEA;
  --hm-d:'Space Grotesk',system-ui,sans-serif;--hm-u:'Plus Jakarta Sans',system-ui,sans-serif;--hm-m:'JetBrains Mono',ui-monospace,monospace;
  --hm-r:12px;--hm-e:cubic-bezier(.2,.7,.2,1);background:var(--hm-papier);color:var(--hm-ink);font-family:var(--hm-u);font-size:16px;line-height:1.55}
.hm *{box-sizing:border-box}
.hm :where(h1,h2,h3,p,ul,ol,dl,dd){margin:0;padding:0}
.hm a{color:inherit;text-decoration:none}
.hm-cadre{width:100%;max-width:1240px;margin:0 auto;padding:0 32px}
.hm-btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--hm-u);font-weight:700;font-size:15px;padding:12px 20px;border-radius:8px;border:1.5px solid transparent;cursor:pointer;transition:background .2s,transform .2s var(--hm-e),border-color .2s;white-space:nowrap}
.hm-btn:active{transform:scale(.97)}
.hm-btn-plein{background:var(--hm-v);color:#fff}
.hm-btn-plein:hover{background:var(--hm-vf)}
.hm-btn-ligne{border-color:var(--hm-l2);color:var(--hm-ink);background:var(--hm-blanc)}
.hm-btn-ligne:hover{border-color:var(--hm-ink)}
.hm-btn-blanc{background:#fff;color:var(--hm-v)}
.hm-btn[disabled]{opacity:.6;cursor:default}
.hm-fleche{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;color:var(--hm-v)}
.hm-fleche::after{content:"";width:14px;height:2px;background:currentColor;transition:width .25s var(--hm-e)}
.hm-fleche:hover::after{width:24px}

.hm-edition{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;padding-top:calc(var(--banner-h,0px) + 112px);padding-bottom:28px;border-bottom:2px solid var(--hm-ink)}
.hm-edition h1{font-family:var(--hm-d);font-weight:700;font-size:clamp(28px,2.9vw,40px);line-height:1.1;letter-spacing:-.03em;max-width:780px;color:var(--hm-ink)}
.hm-edition h1 span{color:var(--hm-ink3)}
.hm-meta{display:flex;gap:28px}
.hm-meta div{border-left:1px solid var(--hm-l2);padding-left:14px}
.hm-meta dt{font-family:var(--hm-m);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--hm-ink3)}
.hm-meta dd{font-family:var(--hm-d);font-weight:700;font-size:16px;white-space:nowrap}
.hm-meta b{color:var(--hm-v)}

.hm .hm-une{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;padding-top:28px;padding-bottom:72px}
.hm-piece{background:var(--hm-blanc);border:1px solid var(--hm-l);border-radius:var(--hm-r);padding:24px;position:relative;transition:border-color .25s,transform .3s var(--hm-e),box-shadow .3s}
.hm-piece:hover{border-color:var(--hm-l2);transform:translateY(-2px);box-shadow:0 14px 30px -18px rgba(21,16,31,.25)}
.hm-piece h2 a,.hm-piece h3 a{background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;transition:background-size .35s var(--hm-e)}
.hm-piece:hover h2 a,.hm-piece:hover h3 a{background-size:100% 2px}
.hm-piece h3{font-family:var(--hm-d);font-weight:700;font-size:19px;line-height:1.22;letter-spacing:-.015em;margin:10px 0 8px;color:var(--hm-ink)}
.hm-piece>p:not(.hm-rub):not(.hm-etiq):not(.hm-avert):not(.hm-source){color:var(--hm-ink2);font-size:15px}
.hm-rub{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;font-size:13px}
.hm-rub b{font-weight:700;color:var(--hm-v)}
.hm-rub span{font-family:var(--hm-m);font-size:12px;color:var(--hm-ink3)}
.hm-etiq{display:inline-block;margin-top:14px;font-family:var(--hm-m);font-size:12px;font-weight:700;padding:3px 8px;border-radius:5px}
.hm-etiq-info{background:var(--hm-vp);color:var(--hm-v)}
.hm-etiq-ambre{background:var(--hm-ambrep);color:var(--hm-ambre)}
.hm-etiq-rouge{background:var(--hm-rougep);color:var(--hm-rouge)}

.hm-piece-une{grid-column:span 8;padding:36px 40px;border-left:6px solid var(--hm-v)}
.hm-sans-chiffre .hm-piece-une{grid-column:1/-1}
.hm-piece-une h2{font-family:var(--hm-d);font-weight:700;font-size:clamp(28px,3.2vw,42px);line-height:1.08;letter-spacing:-.03em;margin:14px 0 16px;max-width:640px;color:var(--hm-ink)}
.hm .hm-chapo{font-size:17.5px;line-height:1.6;max-width:620px;color:var(--hm-ink2)}
.hm-tampon{position:absolute;top:30px;right:32px;font-family:var(--hm-m);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;padding:7px 12px;border:2px solid;border-radius:6px;transform:rotate(-7deg)}
.hm-tampon-ambre{color:var(--hm-ambre)}.hm-tampon-rouge{color:var(--hm-rouge)}.hm-tampon-info{color:var(--hm-v)}
.hm-jauge{margin:28px 0 22px;padding:18px 20px;background:var(--hm-papier);border:1px dashed var(--hm-l2);border-radius:10px;max-width:620px}
.hm-jauge-txt{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.hm-jauge-txt b{font-family:var(--hm-m);font-size:24px;color:var(--hm-ambre)}
.hm-jauge-txt span{font-size:14.5px;color:var(--hm-ink2)}
.hm-jauge-barre{height:8px;background:var(--hm-l);border-radius:4px;margin:12px 0 8px;overflow:hidden}
.hm-jauge-barre i{display:block;height:100%;width:var(--p);background:var(--hm-ambre);border-radius:4px;transition:width 1.4s var(--hm-e) .5s}
.hm-js .hm-jauge-barre i{width:0}
.hm-js .hm-vu .hm-jauge-barre i{width:var(--p)}
.hm-jauge-bornes{display:flex;justify-content:space-between;gap:12px;font-family:var(--hm-m);font-size:11.5px;color:var(--hm-ink3)}
.hm-source{font-size:13.5px;color:var(--hm-ink3)}
.hm-source a{font-weight:700;color:var(--hm-v)}

.hm-chiffre{grid-column:span 4;background:var(--hm-ink);color:#fff;border-radius:var(--hm-r);padding:30px 28px;display:flex;flex-direction:column}
.hm-chiffre-tit{font-family:var(--hm-m);font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#B9B2CC}
.hm-chiffre-val{font-family:var(--hm-d);font-weight:700;font-size:clamp(56px,6vw,84px);line-height:1;letter-spacing:-.04em;margin:18px 0 10px;font-variant-numeric:tabular-nums;color:#fff}
.hm-chiffre-leg{color:#D6D0E4;font-size:15px}
.hm-chiffre-evo{margin-top:12px;font-size:14px;color:#B9B2CC}
.hm-baisse{color:#FF8A7E;font-weight:700}
.hm-hausse{color:#5FD69A;font-weight:700}
.hm-mouv{margin:26px 0 22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14)}
.hm-mouv-tit{font-size:13px;font-weight:700;margin-bottom:12px}
.hm-mouv li{list-style:none;display:grid;grid-template-columns:1fr 70px 60px;gap:12px;align-items:center;font-size:14px;padding:6px 0}
.hm-mouv li i{height:6px;border-radius:3px;width:var(--w);transition:width 1s var(--hm-e) .8s}
.hm-js .hm-mouv li i{width:0}
.hm-js .hm-vu .hm-mouv li i{width:var(--w)}
.hm-hausse-b{background:#5FD69A}.hm-baisse-b{background:#FF8A7E}
.hm-mouv li b{text-align:right;font-family:var(--hm-m);font-size:13px}
.hm-chiffre .hm-fleche{color:#fff;margin-top:auto}
.hm-secondaires{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}

.hm-tete{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:baseline;margin-bottom:36px}
.hm-tete h2,.hm-bref-fil h2{font-family:var(--hm-d);font-weight:700;font-size:clamp(26px,2.8vw,36px);letter-spacing:-.025em;line-height:1.1;color:var(--hm-ink)}
.hm-tete p{color:var(--hm-ink2);max-width:560px}

.hm-frise-sec{background:var(--hm-blanc);border-top:1px solid var(--hm-l);border-bottom:1px solid var(--hm-l);padding:72px 0 80px}
.hm-frise{list-style:none;display:grid;grid-template-columns:repeat(var(--n,5),1fr);gap:24px;position:relative;padding-top:34px}
.hm-frise::before,.hm-frise::after{content:"";position:absolute;top:9px;left:0;height:2px;border-radius:2px}
.hm-frise::before{right:0;background:var(--hm-l2)}
.hm-frise::after{width:100%;background:linear-gradient(90deg,var(--hm-ambre),var(--hm-v) 45%);transition:width 1.8s var(--hm-e) .3s}
.hm-js .hm-frise::after{width:0}
.hm-js .hm-frise.hm-vu::after{width:100%}
.hm-jalon{position:relative}
.hm-point{position:absolute;top:-34px;left:0;width:20px;height:20px;border-radius:50%;background:var(--hm-blanc);border:3px solid var(--hm-v);z-index:1}
.hm-urgent .hm-point{border-color:var(--hm-rouge);box-shadow:0 0 0 6px var(--hm-rougep)}
.hm-proche .hm-point{border-color:var(--hm-ambre)}
.hm-j{font-family:var(--hm-m);font-weight:700;font-size:30px;line-height:1;letter-spacing:-.02em;color:var(--hm-v);font-variant-numeric:tabular-nums}
.hm-urgent .hm-j{color:var(--hm-rouge)}.hm-proche .hm-j{color:var(--hm-ambre)}
.hm-date{font-family:var(--hm-m);font-size:12.5px;color:var(--hm-ink3);margin:8px 0 12px}
.hm-quoi{font-family:var(--hm-d);font-weight:700;font-size:16.5px;line-height:1.28;letter-spacing:-.01em}
.hm-qui{font-size:13.5px;color:var(--hm-ink2);margin-top:8px}

.hm-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;padding-top:72px;padding-bottom:72px}
.hm-b-art{grid-column:span 4}
.hm-b-large,.hm-b-secteur{grid-column:span 8}
.hm-b-secteur{border-style:dashed}
.hm-lettre{grid-column:9/span 4;grid-row:1/span 2;background:var(--hm-v);color:#fff;border-radius:var(--hm-r);padding:32px 28px;display:flex;flex-direction:column}
.hm-lettre h2{font-family:var(--hm-d);font-weight:700;font-size:32px;letter-spacing:-.025em;line-height:1.05;margin-bottom:14px;color:#fff}
.hm-lettre>p{color:#EDE5FF}
.hm-lettre-form{margin-top:auto;padding-top:28px}
.hm-lettre-form label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}
.hm-lettre-form div{display:flex;gap:8px;flex-wrap:wrap}
.hm-lettre-form input{flex:1 1 180px;min-width:0;font:inherit;font-size:16px;padding:11px 14px;border-radius:8px;border:1.5px solid rgba(255,255,255,.35);background:rgba(255,255,255,.1);color:#fff}
.hm-lettre-form input::placeholder{color:#CDBDFF}
.hm-lettre-form input:focus{outline:none;border-color:#fff;background:rgba(255,255,255,.16)}
.hm-lettre-msg{margin-top:12px;font-size:14px;font-weight:600;color:#fff}
.hm .hm-lettre-pied{font-size:12.5px;color:#D8C9FF;margin-top:12px}
.hm-avert{font-family:var(--hm-m);font-size:12px;color:var(--hm-ink3);margin-top:12px}
.hm-avert a{color:var(--hm-v);font-weight:700}

.hm-bref{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;padding-bottom:80px}
.hm-bref-fil{grid-column:span 8}
.hm-bref-fil h2{padding-bottom:14px;border-bottom:2px solid var(--hm-ink)}
.hm-bref-fil ol{list-style:none;margin-bottom:22px}
.hm-bref-fil li{display:grid;grid-template-columns:64px 1fr auto;gap:18px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--hm-l)}
.hm-bref-fil time{font-family:var(--hm-m);font-size:13px;font-weight:700;color:var(--hm-v)}
.hm-bref-fil li p{font-weight:600;font-size:16px;line-height:1.4}
.hm-bref-fil li a:hover{color:var(--hm-v)}
.hm-bref-fil li span{font-family:var(--hm-m);font-size:11.5px;color:var(--hm-ink3);text-transform:uppercase;letter-spacing:.06em}
.hm-preuve{grid-column:span 4;align-self:start;border:1px solid var(--hm-l);border-radius:var(--hm-r);padding:28px;background:var(--hm-blanc);position:sticky;top:calc(var(--banner-h,0px) + 96px)}
.hm-preuve-chiffre{font-family:var(--hm-d);font-weight:700;font-size:72px;line-height:1;letter-spacing:-.04em;color:var(--hm-v);font-variant-numeric:tabular-nums}
.hm-preuve-leg{margin-top:12px;color:var(--hm-ink2);font-size:15px}
.hm-preuve-eds{margin-top:22px;padding-top:18px;border-top:1px solid var(--hm-l)}
.hm-preuve-eds>p{font-size:14px;margin-bottom:10px}
.hm-preuve-eds li{list-style:none;display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:14.5px;font-weight:600;border-bottom:1px dashed var(--hm-l)}
.hm-preuve-eds li span{font-family:var(--hm-m);font-size:12px;color:var(--hm-ink3);font-weight:500;white-space:nowrap}
.hm-preuve-eds a:hover{color:var(--hm-v)}

.hm-guides{background:var(--hm-vp);padding:72px 0 80px}
.hm-onglets{display:flex;gap:4px;flex-wrap:wrap;padding-left:14px}
.hm-onglets button{font-family:var(--hm-d);font-weight:700;font-size:15px;color:var(--hm-ink2);background:#E4DAFB;border:none;border-radius:10px 10px 0 0;padding:11px 18px 10px;cursor:pointer;transition:background .2s,color .2s}
.hm-onglets button:hover{color:var(--hm-ink)}
.hm-onglets button[aria-selected=true]{background:var(--hm-blanc);color:var(--hm-v)}
.hm-feuille{background:var(--hm-blanc);border-radius:var(--hm-r);padding:30px 32px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:36px;min-height:210px}
.hm-feuille[hidden]{display:none}
.hm-feuille h3{font-family:var(--hm-d);font-weight:700;font-size:26px;letter-spacing:-.02em;line-height:1.1;color:var(--hm-ink)}
.hm-intro{color:var(--hm-ink2);font-size:15px;margin:10px 0 18px !important}
.hm-feuille ul{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 24px;align-content:start}
.hm-feuille li a{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--hm-l);font-weight:600;font-size:15px}
.hm-feuille li a::after{content:"→";color:var(--hm-v);transition:transform .2s var(--hm-e)}
.hm-feuille li a:hover{color:var(--hm-v)}
.hm-feuille li a:hover::after{transform:translateX(4px)}
.hm-feuille.hm-change>*{animation:hm-feuille .35s var(--hm-e)}
@keyframes hm-feuille{from{opacity:0;transform:translateY(6px)}}
.hm-metier{list-style:none;display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:28px}
.hm-metier a{font-weight:700;font-size:15px;color:var(--hm-ink);border-bottom:2px solid rgba(93,15,232,.3);padding-bottom:2px}
.hm-metier a:hover{border-color:var(--hm-v);color:var(--hm-v)}

.hm-espace{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding-top:88px;padding-bottom:40px}
.hm-espace h2{font-family:var(--hm-d);font-weight:700;font-size:clamp(30px,3.4vw,44px);letter-spacing:-.03em;line-height:1.06;margin-bottom:16px;color:var(--hm-ink)}
.hm-espace-txt>p:not(.hm-espace-pied){color:var(--hm-ink2);font-size:17px;max-width:540px}
.hm-espace-cta{display:flex;gap:12px;margin:28px 0 14px;flex-wrap:wrap}
.hm-espace-pied{font-size:14px;color:var(--hm-ink3)}
.hm-espace-pied a{color:var(--hm-v);font-weight:700}
.hm-ecran{background:var(--hm-blanc);border:1px solid var(--hm-l2);border-radius:14px;box-shadow:0 30px 60px -30px rgba(21,16,31,.35);overflow:hidden;transform:rotate(1.2deg)}
.hm-ecran-barre{font-family:var(--hm-m);font-size:12px;color:var(--hm-ink3);padding:10px 16px;border-bottom:1px solid var(--hm-l);background:var(--hm-papier)}
.hm-ecran-corps{padding:22px}
.hm-ecran-bonjour{font-family:var(--hm-d);font-weight:700;font-size:20px}
.hm-ecran-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 16px}
.hm-ecran-kpi p{background:var(--hm-papier);border-radius:10px;padding:12px;font-size:12.5px;color:var(--hm-ink2)}
.hm-ecran-kpi b{display:block;font-family:var(--hm-d);font-size:24px;color:var(--hm-ink)}
.hm-ecran-kpi .a b{color:var(--hm-ambre)}
.hm-ecran-ligne{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--hm-l)}
.hm-pastille{width:40px;height:40px;border-radius:10px;background:var(--hm-vp);color:var(--hm-v);font-family:var(--hm-m);font-weight:700;font-size:13px;display:grid;place-items:center}
.hm-ecran-ligne p{font-weight:700;font-size:15px;line-height:1.3}
.hm-ecran-ligne small{display:block;font-weight:500;font-size:12.5px;color:var(--hm-ink3)}
.hm-ecran-ligne em{font-style:normal;font-family:var(--hm-m);font-size:12px;font-weight:700;padding:4px 8px;border-radius:5px}
.hm-ecran-ligne .ok{background:#E3F6EC;color:var(--hm-ok)}
.hm-ecran-ligne .am{background:var(--hm-ambrep);color:var(--hm-ambre)}
.hm-ecran-relance{margin-top:8px !important;font-size:13px;background:var(--hm-ambrep);color:#7A4600;padding:10px 12px !important;border-radius:8px}

.hm-js .hm-rv{opacity:0;transform:translateY(18px);transition:opacity .7s var(--hm-e),transform .7s var(--hm-e);transition-delay:calc(var(--d,0) * 90ms)}
.hm-js .hm-rv.hm-vu{opacity:1;transform:none}
.hm-js .hm-tampon{opacity:0;transform:rotate(-7deg) scale(1.6);transition:opacity .25s ease .9s,transform .45s cubic-bezier(.3,1.6,.5,1) .9s}
.hm-js .hm-vu .hm-tampon{opacity:1;transform:rotate(-7deg) scale(1)}

@media (max-width:1080px){
  .hm-edition{grid-template-columns:1fr;gap:22px}
  .hm-piece-une,.hm-chiffre{grid-column:1/-1}
  .hm-frise{grid-template-columns:repeat(3,1fr);row-gap:44px}
  .hm-frise::before,.hm-frise::after{display:none}
  .hm-point{top:-30px}
  .hm-lettre{grid-column:span 6;grid-row:auto}
  .hm-b-art,.hm-b-large,.hm-b-secteur{grid-column:span 6}
  .hm-bref-fil,.hm-preuve{grid-column:1/-1}
  .hm-preuve{position:static}
  .hm-espace{grid-template-columns:1fr;gap:44px}
}
@media (max-width:680px){
  .hm-cadre{padding:0 16px}
  .hm-edition{padding-top:calc(var(--banner-h,0px) + 92px)}
  .hm-meta{flex-wrap:wrap;gap:12px 20px}
  .hm .hm-une,.hm-bento,.hm-bref{grid-template-columns:1fr;gap:16px}
  .hm .hm-une{padding-top:20px}
  .hm-une>*,.hm-bento>*,.hm-bref>*{grid-column:1/-1 !important;grid-row:auto !important}
  .hm-secondaires{grid-template-columns:1fr;gap:16px}
  .hm-piece-une{padding:26px 20px 24px}
  .hm-tampon{position:static;display:inline-block;margin-bottom:14px}
  .hm-piece{padding:20px}
  .hm-tete{grid-template-columns:1fr;gap:10px}
  .hm-frise{grid-template-columns:1fr;row-gap:0;padding:0 0 0 34px}
  .hm-frise::before{display:block;top:6px;bottom:6px;left:9px;right:auto;width:2px;height:auto}
  .hm-jalon{padding:0 0 28px}
  .hm-point{top:2px;left:-34px}
  .hm-bref-fil li{grid-template-columns:52px 1fr;gap:12px}
  .hm-bref-fil li span{display:none}
  .hm-feuille{grid-template-columns:1fr;padding:22px 20px;gap:18px}
  .hm-feuille ul{grid-template-columns:1fr}
  .hm-onglets{flex-wrap:nowrap;overflow-x:auto;padding-left:0;scrollbar-width:none}
  .hm-onglets button{flex:0 0 auto}
  .hm-ecran{transform:none}
  .hm-chiffre-val{font-size:56px}
}
@media (prefers-reduced-motion:reduce){
  .hm-js .hm-rv,.hm-js .hm-tampon{opacity:1 !important;transform:none !important;transition:none !important}
  .hm-js .hm-tampon{transform:rotate(-7deg) !important}
  .hm-frise::after,.hm-jauge-barre i,.hm-mouv li i{transition:none !important}
  .hm-piece:hover{transform:none}
}