/* Alternate calm surfaces; content stays visible when JavaScript is unavailable. */
.agency-page #mc-flow>#production{background:#fff}
.agency-page #mc-flow>#demonstration-production{background:#f3f6fb}
.agency-page #mc-flow>#comparaison{background:#fff}
.agency-page #mc-flow>#rentabilite{background:linear-gradient(180deg,#edf3fc 0%,#f5f8fd 100%)}
.agency-page #mc-flow>#tarifs{background:#fff}
.agency-page #mc-flow>#expertise{background:#f3f6fb}
.agency-page #mc-flow>#agences{background:#fff}
.agency-page #mc-flow>.agency-faq{background:#f3f6fb}
.agency-page #mc-flow>#contact-mc-flow{background:#fff}
.agency-page #mc-flow>section:not(.agency-hero){border-top:1px solid #071e6106}
.workflow-section-heading>.agency-eyebrow{margin-bottom:18px}
.agency-page #comparaison .agency-heading,.agency-page #comparaison .agency-heading h2{max-width:none;width:100%}
.agency-page #contact-mc-flow .service-contact-form{background:#f7f9fd}
.agency-page [data-reveal-state=pending]{pointer-events:none}
.agency-page .centered-service-hero .hero-capacity-promise{display:block}
.agency-page .agency-hero-copy a{color:#174c9c;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.agency-page #rentabilite>.container>.agency-heading{max-width:none}
.agency-page #rentabilite>.container>.agency-heading h2{max-width:none}
.simulation-summary{scroll-margin-top:110px}
.summary-toolbar{display:flex;justify-content:flex-end;margin:0 0 20px}
.summary-period-tabs{display:inline-flex;gap:4px;padding:4px;border:1px solid #d4e0f1;border-radius:12px;background:#edf3fc}
.summary-period-tabs button{min-width:108px;min-height:42px;border:0;border-radius:8px;padding:10px 18px;background:transparent;color:#4b6284;font:600 13px/1.5 Inter,Arial,sans-serif;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}
.summary-period-tabs button:hover{background:#e1eafb;color:#071e61}
.summary-period-tabs button[aria-selected=true]{background:#071e61;color:#fff;box-shadow:0 2px 7px #071e611a}
.simulation-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.agency-page #rentabilite .simulation-price-assumption{grid-column:1/-1;font-size:12px;line-height:1.8;color:#294c80;background:#edf3fc;border:1px solid #d4e0f1;border-radius:9px;padding:13px 16px;margin:0 0 3px}
.simulation-metrics:focus-visible{outline:2px solid #0862ff;outline-offset:5px;border-radius:12px}
.simulation-summary:focus{outline:none}.simulation-summary:focus-visible{outline:2px solid #0862ff;outline-offset:5px}
.simulation-metric{min-width:0;padding:24px;border:1px solid #d6e2f2;border-radius:12px;background:#fff}
.simulation-metric>svg{display:block;width:28px;height:28px;margin-bottom:17px;color:#0862ff}
.agency-page #rentabilite .simulation-metric h3{font-size:18px;line-height:1.4;margin:0 0 7px;color:#102f65}
.agency-page #rentabilite .simulation-metric-caption{font-size:12px;color:#62728b;line-height:1.6;margin:0 0 24px}
.simulation-metric>strong{display:block;font:800 clamp(23px,2.2vw,31px)/1.3 Manrope,Arial,sans-serif;letter-spacing:-.03em;color:#0862ff}
.simulation-metric-unit{display:block;font:600 14px/1.5 Inter,Arial,sans-serif;letter-spacing:0;margin-top:7px}
.agency-page #rentabilite [data-summary-note]{font-size:11px;line-height:1.8;color:#526583;margin:12px 0 0}
.simulation-summary[data-cost-state=negative] [data-summary-value=cost]{color:#94642d}
.capacity-opportunity{grid-column:1/-1;padding:28px 30px;border-radius:14px;background:#071e61;color:#fff;margin-bottom:5px}
.agency-page #rentabilite .capacity-opportunity h3{font:700 clamp(21px,2.2vw,28px)/1.35 Manrope,Arial,sans-serif;color:#fff;letter-spacing:-.02em;margin:0 0 16px}
.agency-page #rentabilite .opportunity-lead{font-size:18px;line-height:1.8;color:#e0e9fc;margin:0;max-width:920px}
.agency-page #mc-flow .opportunity-lead strong{font-weight:600;color:#fff}
.agency-page #rentabilite .opportunity-copy{font-size:12px;line-height:1.8;color:#c5d5f2;margin:16px 0 0;max-width:900px}
.simulation-summary[data-investment=true] [data-summary-card=cost]{background:#f2f6ff;border-color:#b8cff3}
.simulation-summary[data-investment=true] [data-summary-value=cost]{color:#0862ff}
.agency-page #rentabilite .simulation-summary[data-investment=true] .simulation-metric h3{min-height:50px}
.agency-page #rentabilite .simulation-summary[data-investment=true] .simulation-metric-caption{min-height:38px}
.calculation-details>.agency-outcome{margin-top:18px}
.agency-page #mc-flow .agency-heading,.agency-page #mc-flow h2{max-width:none;width:100%;text-wrap:wrap}
.agency-page #mc-flow .agency-heading>p:not(.agency-eyebrow){max-width:980px}
.agency-page #mc-flow p strong{font-weight:600}
.expertise-section-heading,.contact-section-heading,.agency-faq>.container>.agency-heading{grid-column:1/-1;margin-bottom:0}
.agency-page .compact-expertise .agency-proof-grid{row-gap:32px}
.agency-page .agency-contact>.container{row-gap:30px}
.agency-contact>.container>.service-contact-form{grid-column:1/-1;width:100%;max-width:980px}
.agency-faq>.container>div:not(.agency-heading){grid-column:1/-1}
.agency-page .agency-faq>.container{row-gap:36px}
.agency-page .language-switch{display:inline-flex;align-items:center;padding:3px;border:1px solid #d4e0f1;border-radius:999px;background:#edf3fc;gap:2px;flex-shrink:0}
.agency-page .site-header .language-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:27px;padding:0 8px;border-radius:999px;background:transparent;color:#62738b;font:600 10px Inter,Arial,sans-serif;text-decoration:none}
.agency-page .site-header .language-switch a:hover{color:#0862ff}
.agency-page .site-header .language-switch a.is-active{background:#fff;color:#071e61;box-shadow:0 2px 8px #071e6115}
.agency-page .header-inner>.language-switch{margin-left:auto;margin-right:8px}
@media(max-width:760px){.simulation-metrics{grid-template-columns:1fr;gap:12px}.simulation-metric{padding:21px}.simulation-metric>svg{margin-bottom:12px}.agency-page #rentabilite .simulation-metric-caption{margin-bottom:15px}.simulation-metric>strong{font-size:28px}.summary-toolbar{justify-content:stretch;margin-bottom:16px}.summary-period-tabs{width:100%}.summary-period-tabs button{flex:1;min-width:0}.simulation-metric-unit{font-size:13px}}
@media(max-width:760px){.workflow-section-heading>.agency-eyebrow{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}[data-section-reveal] *{animation-duration:0s!important;transition-duration:0s!important}}
@media(prefers-reduced-motion:reduce){.summary-period-tabs button{transition:none}}
@media(max-width:760px){.capacity-opportunity{padding:22px}.agency-page #rentabilite .opportunity-lead{font-size:16px;line-height:1.8}.agency-page #rentabilite .opportunity-copy{font-size:11px}.agency-page #rentabilite .simulation-summary[data-investment=true] .simulation-metric h3,.agency-page #rentabilite .simulation-summary[data-investment=true] .simulation-metric-caption{min-height:0}}
.journey-progress button{display:block;width:100%;min-height:42px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;padding:6px 4px 8px;border-radius:5px;cursor:pointer}
.journey-progress button:hover{background:#edf3fc;color:#0756d5}
.references-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px}
.agency-page #agences .references-title{font:600 18px/1.5 Manrope,Arial,sans-serif;letter-spacing:0;text-transform:none;color:#173966;margin:0}
.reference-tabs{display:inline-flex;flex-shrink:0;gap:4px;padding:4px;border:1px solid #d4e0f1;border-radius:11px;background:#edf3fc}
.reference-tabs button{border:0;background:transparent;min-width:94px;min-height:40px;border-radius:7px;padding:9px 16px;font:600 12px/1.5 Inter,Arial,sans-serif;color:#536a8d;cursor:pointer}
.reference-tabs button:hover{color:#0756d5}.reference-tabs button[aria-selected=true]{background:#071e61;color:#fff;box-shadow:0 2px 7px #071e611a}
.reference-panel:focus-visible{outline:2px solid #0862ff;outline-offset:6px;border-radius:8px}
.agency-page #agences .reference-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;align-items:center;list-style:none;padding:0;margin:0}
.agency-page #agences .reference-grid li{display:flex;align-items:center;justify-content:center;height:80px;min-width:0;padding:10px 4px;grid-column:auto;grid-row:auto}
.agency-page #agences .reference-grid img{width:150px!important;max-width:100%!important;height:48px;max-height:48px;object-fit:contain;transform:none}
.agency-page #agences .reference-grid img[alt="Hopscotch Groupe"]{height:54px;max-height:54px}
@media(min-width:761px) and (max-width:1000px){.agency-page #agences .reference-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 30px}}
@media(max-width:760px){.references-header{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:20px}.agency-page #agences .references-title{font-size:17px}.reference-tabs{width:100%}.reference-tabs button{flex:1;min-width:0}.agency-page #agences .reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}.agency-page #agences .reference-grid li{height:62px}.agency-page #agences .reference-grid img{width:140px!important;height:40px;max-height:40px}}