/* Generated route CSS — v1990. Source: tools/css-source/page-specializations/public-specializations.css. */
/* MapMyStaff public specializations — v1786. Loaded only by pages that use these specializations. */
/* ===== Page specialization 44: en/methodologie-kpi-rentabilite.html | fr/methodologie-kpi-rentabilite.html ===== */

/* Page-specific layout: Methodologie KPI v1694 */
.mms-kpi{--kpi-ink:#123c39;--kpi-muted:#526a68;--kpi-soft:#eef5f3;--kpi-line:rgba(18,60,57,.14);--kpi-yellow:#f5c64b;--kpi-blue:#dceaf7;}
.mms-kpi .mms-hero__copy{max-width:730px;}
.mms-kpi .mms-hero__copy h1{max-width:19ch;}
.mms-kpi .mms-hero__copy p{max-width:68ch;}
.mms-kpi .mms-kpi-hero-card{background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.58);box-shadow:0 24px 70px rgba(0,0,0,.18);border-radius:28px;padding:24px;color:var(--kpi-ink);backdrop-filter:blur(18px);}
.mms-kpi .mms-kpi-hero-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px;}
.mms-kpi .mms-kpi-hero-card__head span{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#54726f;}
.mms-kpi .mms-kpi-hero-card__head strong{display:block;font-size:1.12rem;line-height:1.25;margin-top:5px;}
.mms-kpi .mms-kpi-hero-card__badge{white-space:nowrap;background:#e8f2ef;border-radius:var(--mms-control-shape-radius);padding:7px 10px;font-size:.73rem;font-weight:800;color:#1d5a54;}
.mms-kpi .mms-kpi-hero-card__list{display:grid;gap:9px;}
.mms-kpi .mms-kpi-hero-card__row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px;background:#f7faf9;border:1px solid var(--kpi-line);border-radius:15px;}
.mms-kpi .mms-kpi-hero-card__row b{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#123c39;color:#fff;font-size:.8rem;}
.mms-kpi .mms-kpi-hero-card__row strong{font-size:.92rem;}
.mms-kpi .mms-kpi-hero-card__row em{font-style:normal;font-size:.72rem;color:#53716e;font-weight:750;}
.mms-kpi .mms-kpi-hero-card__note{margin-top:14px;padding-top:13px;border-top:1px solid var(--kpi-line);font-size:.82rem;color:#5c7472;}
.mms-kpi .mms-kpi-section{padding:clamp(64px,8vw,112px) 0;}
.mms-kpi .mms-kpi-section--soft{background:#f4f8f7;}
.mms-kpi .mms-kpi-section--dark{background:#0f3431;color:#fff;}
.mms-kpi .mms-kpi-section__head{max-width:810px;margin-bottom:34px;}
.mms-kpi .mms-kpi-section__index{display:inline-flex;align-items:center;gap:9px;font-size:.76rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase;color:#6a817f;margin-bottom:12px;}
.mms-kpi .mms-kpi-section__index:before{content:"";width:26px;height:2px;background:var(--kpi-yellow);}
.mms-kpi .mms-kpi-section--dark .mms-kpi-section__index{color:#c2d4d1;}
.mms-kpi .mms-kpi-section__head h2{font-size:clamp(2rem,4vw,3.35rem);line-height:1.08;letter-spacing:-.035em;margin:0 0 16px;max-width:20ch;}
.mms-kpi .mms-kpi-section__head p{font-size:1.05rem;line-height:1.72;color:var(--kpi-muted);max-width:70ch;margin:0;}
.mms-kpi .mms-kpi-section--dark .mms-kpi-section__head p{color:#d3dfdd;}
.mms-kpi .mms-kpi-five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;}
.mms-kpi .mms-kpi-question{position:relative;min-height:0;padding:22px 18px 19px;border:1px solid var(--kpi-line);border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(18,60,57,.06);}
.mms-kpi .mms-kpi-question__num{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#143f3b;color:#fff;font-weight:850;margin-bottom:17px;}
.mms-kpi .mms-kpi-question h3{font-size:1.03rem;line-height:1.25;margin:0 0 9px;color:var(--kpi-ink);}
.mms-kpi .mms-kpi-question p{font-size:.88rem;line-height:1.52;margin:0;color:#5b716f;}
.mms-kpi .mms-kpi-copy h2{font-size:clamp(2rem,4vw,3.15rem);line-height:1.08;letter-spacing:-.035em;margin:0 0 18px;color:var(--kpi-ink);}
.mms-kpi .mms-kpi-copy p{font-size:1.02rem;line-height:1.72;color:var(--kpi-muted);}
.mms-kpi .mms-kpi-copy .mms-text-link{margin-top:8px;}
.mms-kpi .mms-kpi-na{display:grid;grid-template-columns:1fr 70px 1fr;gap:14px;align-items:center;}
.mms-kpi .mms-kpi-na__panel{background:#fff;border:1px solid var(--kpi-line);border-radius:22px;padding:23px;box-shadow:0 12px 28px rgba(18,60,57,.06);}
.mms-kpi .mms-kpi-na__label{font-size:.73rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#718582;}
.mms-kpi .mms-kpi-na__panel h3{font-size:1.12rem;margin:8px 0 18px;color:var(--kpi-ink);}
.mms-kpi .mms-kpi-na__metric{padding:16px;border-radius:15px;background:#f2f7f5;border:1px solid var(--kpi-line);}
.mms-kpi .mms-kpi-na__metric strong{display:block;font-size:1.75rem;color:#143f3b;}
.mms-kpi .mms-kpi-na__metric span{font-size:.78rem;color:#617673;}
.mms-kpi .mms-kpi-na__arrow{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#143f3b;color:#fff;margin:auto;font-size:1.4rem;}
.mms-kpi .mms-kpi-na__status{display:flex;align-items:center;gap:10px;padding:16px;border-radius:15px;background:#fbf5e5;border:1px solid rgba(180,136,25,.2);color:#725815;font-weight:800;}
.mms-kpi .mms-kpi-na__panel p{margin:13px 0 0;font-size:.88rem;line-height:1.52;color:#607572;}
.mms-kpi .mms-kpi-demo-note{font-size:.75rem;font-weight:800;color:#6d817f;margin-top:12px;}
.mms-kpi .mms-kpi-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.mms-kpi .mms-kpi-compare__panel{border-radius:24px;padding:26px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);}
.mms-kpi .mms-kpi-compare__panel--sim{background:rgba(76,136,185,.16);}
.mms-kpi .mms-kpi-compare__top{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:18px;}
.mms-kpi .mms-kpi-compare__top h3{font-size:1.4rem;margin:0;color:#fff;}
.mms-kpi .mms-kpi-compare__top span{font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;font-weight:850;color:#d5e4e1;}
.mms-kpi .mms-kpi-compare ul{list-style:none;padding:0;margin:0;display:grid;gap:12px;}
.mms-kpi .mms-kpi-compare li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;line-height:1.5;color:#e1ebe9;}
.mms-kpi .mms-kpi-compare li:before{content:"✓";display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:rgba(245,198,75,.18);color:#f7d56e;font-weight:900;}
.mms-kpi .mms-kpi-compare__warning{margin-top:18px;padding:13px 15px;border-radius:14px;background:rgba(245,198,75,.12);color:#f6dfa0;font-weight:750;font-size:.87rem;}
.mms-kpi .mms-kpi-decision{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,5vw,68px);align-items:center;}
.mms-kpi .mms-kpi-decision__path{display:grid;gap:10px;}
.mms-kpi .mms-kpi-decision__step{display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;align-items:start;padding:16px 18px;border:1px solid var(--kpi-line);background:#fff;border-radius:18px;}
.mms-kpi .mms-kpi-decision__step b{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#143f3b;color:#fff;}
.mms-kpi .mms-kpi-decision__step strong{display:block;color:var(--kpi-ink);margin-bottom:4px;}
.mms-kpi .mms-kpi-decision__step span{font-size:.88rem;line-height:1.45;color:#627673;}
.mms-kpi .mms-kpi-decision__signal{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0;}
.mms-kpi .mms-kpi-signal{padding:18px;border-radius:18px;background:#f5f9f8;border:1px solid var(--kpi-line);}
.mms-kpi .mms-kpi-signal span{display:block;font-size:.76rem;color:#6b807d;margin-bottom:6px;}
.mms-kpi .mms-kpi-signal strong{font-size:1.1rem;color:#143f3b;}
.mms-kpi .mms-kpi-faq{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(30px,5vw,70px);align-items:start;}
.mms-kpi .mms-kpi-faq__intro h2{font-size:clamp(2rem,4vw,3.15rem);line-height:1.08;letter-spacing:-.035em;margin:0 0 15px;color:var(--kpi-ink);}
.mms-kpi .mms-kpi-faq__intro p{color:var(--kpi-muted);line-height:1.7;}
.mms-kpi .mms-kpi-faq__list{display:grid;gap:11px;}
.mms-kpi .mms-kpi-faq summary{list-style:none;cursor:pointer;padding:var(--mms-accordion-summary-padding,1.15rem 1.25rem);font-weight:820;color:var(--kpi-ink);position:relative;}
.mms-kpi .mms-kpi-faq summary::-webkit-details-marker{display:none;}
.mms-kpi .mms-kpi-faq details p{margin:0;padding:0 20px 19px;color:#5d716f;line-height:1.62;}
@media (max-width:1100px){
.mms-kpi .mms-kpi-five{grid-template-columns:repeat(3,minmax(0,1fr));}
.mms-kpi .mms-kpi-question:nth-child(4),.mms-kpi .mms-kpi-question:nth-child(5){min-height:170px;}
}
@media (max-width:820px){
.mms-kpi .mms-kpi-five{grid-template-columns:1fr 1fr;}
.mms-kpi .mms-kpi-decision,.mms-kpi .mms-kpi-faq{grid-template-columns:1fr;}
.mms-kpi .mms-kpi-na{grid-template-columns:1fr;}
.mms-kpi .mms-kpi-na__arrow{transform:rotate(90deg);}
}
@media (max-width:620px){
.mms-kpi .mms-kpi-hero-card{padding:17px;border-radius:22px;}
.mms-kpi .mms-kpi-hero-card__head{display:block;}
.mms-kpi .mms-kpi-hero-card__badge{display:inline-block;margin-top:12px;}
.mms-kpi .mms-kpi-hero-card__row{grid-template-columns:34px minmax(0,1fr);}
.mms-kpi .mms-kpi-hero-card__row em{grid-column:2;}
.mms-kpi .mms-kpi-five{grid-template-columns:1fr;}
.mms-kpi .mms-kpi-question{min-height:0;}
.mms-kpi .mms-kpi-compare,
.mms-kpi .mms-kpi-decision__signal {grid-template-columns:1fr;}
}


/* v1987 — keep the unavailable-breakdown metric prominent without overpowering its card. */
.mms-kpi .mms-kpi-na__metric strong{font-size:clamp(1.28rem,1.16rem + .35vw,1.5rem);line-height:1.15;}