/* Declinaisons bleues par offre : structure et navigation conservees. */
:root{--offer-accent:#24758e;--offer-blue:#a6d4e2;--offer-light:#e1f1f6;--offer-pale:#f1f9fb}
[data-offer="business-consulting"]{--offer-accent:#385e7d;--offer-blue:#8eadc3;--offer-light:#d8e4ed;--offer-pale:#f0f5f8}
[data-offer="it-consulting"]{--offer-accent:#256a94;--offer-blue:#9cc5df;--offer-light:#deedf6;--offer-pale:#f1f7fb}
[data-offer="consultants"]{--offer-accent:#496e88;--offer-blue:#b0c9d9;--offer-light:#e3edf3;--offer-pale:#f4f8fa}
[data-offer="recrutement-rpo"]{--offer-accent:#24758e;--offer-blue:#a6d4e2;--offer-light:#e1f1f6;--offer-pale:#f1f9fb}
.header{background:rgba(244,249,252,.96)}
.brand,.brand-main,.brand-main>span,.brand-cube{background:transparent;box-shadow:none;border:0}
.brand-cube{isolation:auto}
.main-nav{gap:clamp(12px,1.4vw,22px)}
.nav-toggle.is-current{box-shadow:inset 0 -2px var(--offer-accent)}
.nav-panel{border-top-color:var(--offer-blue)}
.nav-panel a:hover{color:var(--offer-accent)}
.slash:before,.topic-copy li:before{background:var(--offer-accent)}
.topic-kicker span{color:var(--offer-accent)}
.section-nav a:hover{box-shadow:0 2px var(--offer-accent)}
.page-hero{background:linear-gradient(112deg,var(--offer-blue),var(--offer-light))}
/* Une même trame photographique, teintée par le bleu propre à chaque offre. */
.page-hero-image{filter:grayscale(1);mix-blend-mode:multiply;opacity:.26;object-position:center;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 70%);mask-image:linear-gradient(90deg,transparent 0%,#000 70%);pointer-events:none}
.rpo-hero .page-hero-image{object-position:65% center}
body[data-offer="consulting"] .page-hero{background:linear-gradient(115deg,#edf4f8,#e5f2f7)}
.pill{border-color:var(--offer-accent);color:var(--offer-accent)}
.pill:hover{background:var(--offer-accent);color:white}
.pill.dark{background:var(--offer-accent);border-color:var(--offer-accent);color:white}
.pill.dark:hover{background:var(--offer-pale);border-color:var(--offer-accent);color:var(--offer-accent)}
.pill.turquoise{background:var(--offer-blue);border-color:var(--offer-blue);color:#142e3f}
.pill.turquoise:hover{background:var(--offer-light);border-color:var(--offer-light)}
.accent-text,.footer-cta .eyebrow{color:#b9ddea}
.footer-grid a:hover{color:#b9ddea}
.sector-tabs button[aria-selected=true]{background:#edf7fb;border-left-color:#719fb9}
.figures-grid>div{border-left-color:#8bb7ca}
.offers-grid .expertise-card{background:linear-gradient(135deg,var(--offer-blue),var(--offer-light))}
.recruit{--offer-accent:#496e88}
.join-callout{background:var(--offer-pale)}
.contact-form-wrap{background:linear-gradient(140deg,var(--offer-pale),var(--offer-light))}
.hero.showing-rpo .hero-card{background:linear-gradient(135deg,#e5f4f9f0,#d7edf5ed)}
.rpo-news .eyebrow{color:#32677d}

.rpo-home{margin-top:45px;background:linear-gradient(125deg,var(--offer-blue),var(--offer-light));padding:38px 45px;border-radius:22px;display:grid;grid-template-columns:1fr 250px;gap:35px;align-items:center}
.rpo-home h3{font-size:clamp(1.8rem,2.5vw,2.5rem);margin-bottom:20px}
.rpo-home p{max-width:710px;font-size:1rem}
.rpo-home img{width:250px;height:250px;object-fit:contain;background:transparent}
.rpo-hero .pill{margin-top:29px}
.rpo-domains{display:block;letter-spacing:.15em;font-size:.7rem;margin-top:22px;color:#32677d}
.rpo-services{padding-bottom:75px}
.rpo-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.rpo-service{scroll-margin-top:160px;display:flex;flex-direction:column;align-items:flex-start;border-top:3px solid var(--offer-blue);padding-top:25px}
.rpo-service .eyebrow{color:var(--offer-accent);margin-bottom:20px}
.rpo-service h3{font-size:1.55rem;line-height:1.25;min-height:64px;margin-bottom:18px}
.rpo-service p{font-size:.96rem;color:#415968}
.rpo-service ul{padding-left:19px;font-size:.85rem;line-height:1.8;margin:0 0 28px;color:#415968}
.rpo-service li{margin-bottom:7px}
.rpo-service .pill{margin-top:auto;font-size:.8rem}
.rpo-method{max-width:none;background:var(--offer-pale);scroll-margin-top:155px}
.rpo-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;margin-top:42px}
.rpo-steps>div{border-top:1px solid #abcbd9;padding-top:22px}
.rpo-steps .eyebrow{color:var(--offer-accent)}
.rpo-steps h3{font-size:1.5rem;margin-bottom:15px}
.rpo-steps p{font-size:.9rem;color:#415968}
.rpo-faq{display:grid;grid-template-columns:.85fr 1.2fr;gap:9%;scroll-margin-top:155px}
.rpo-faq details{border-top:1px solid #cddde6}
.rpo-faq details:last-child{border-bottom:1px solid #cddde6}
.rpo-faq summary{padding:24px 26px 24px 0;font-size:1rem;font-weight:500;cursor:pointer;list-style:none;position:relative}
.rpo-faq summary::-webkit-details-marker{display:none}
.rpo-faq summary:after{content:'+';position:absolute;right:4px;top:18px;font-size:23px;color:var(--offer-accent)}
.rpo-faq details[open] summary:after{content:'−'}
.rpo-faq details p{font-size:.93rem;line-height:1.8;color:#415968;padding-right:16px}
.rpo-callout{background:linear-gradient(115deg,var(--offer-light),var(--offer-pale))}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-color:var(--offer-accent)}
@media(min-width:1081px) and (max-width:1360px){.header{gap:18px;padding-left:3%;padding-right:3%}.main-nav{gap:13px}.nav-toggle{font-size:.76rem;gap:6px}.brand-main{font-size:1.38rem}.brand-cube{width:46px;height:46px}.contact-nav{padding-left:16px;padding-right:16px}}
@media(max-width:1080px){.rpo-home{grid-template-columns:1fr 185px;padding:32px}.rpo-home img{width:185px;height:185px}.rpo-service-grid{gap:24px}.rpo-service h3{font-size:1.4rem;min-height:76px}.rpo-steps{gap:22px}.rpo-service,.rpo-method,.rpo-faq{scroll-margin-top:100px}}
@media(max-width:850px){.rpo-service-grid{grid-template-columns:1fr}.rpo-service h3{min-height:0}.rpo-steps{grid-template-columns:1fr 1fr}.rpo-faq{grid-template-columns:1fr;gap:32px}}
@media(max-width:640px){.page-hero-image{opacity:.16}}
@media(max-width:640px){.main-nav{background:#f4f9fc}.sector-tabs button[aria-selected=true]{border:1px solid #719fb9;background:#edf7fb}.rpo-home{grid-template-columns:1fr;padding:29px;gap:16px;margin-top:35px}.rpo-home img{width:190px;height:190px;margin:auto}.rpo-home h3{font-size:1.95rem}.rpo-hero h1{font-size:2.4rem}.rpo-service h3{font-size:1.6rem}.rpo-faq summary{font-size:.94rem}.rpo-steps{gap:25px}.rpo-steps h3{font-size:1.25rem}.rpo-domains{font-size:.64rem}}