:root{--blue:#374968;--green:#87ae5d;--soft:#c9d1cd;--ink:#273750;--cream:#f7f9f6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,'Segoe UI',Arial,sans-serif;color:var(--ink);line-height:1.65}a{color:inherit}.wrap{width:min(1120px,calc(100% - 42px));margin:auto}.top{background:#fff;position:sticky;top:0;z-index:5;box-shadow:0 2px 14px #37496812}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:9px 0}.logo{width:165px;display:block}.nav nav{display:flex;gap:26px;align-items:center;flex-wrap:wrap}.nav nav a{text-decoration:none;font-weight:600;font-size:.91rem}.navcta{background:var(--blue);color:#fff;padding:9px 17px;border-radius:8px}.hero{background:linear-gradient(125deg,#f1f6ed,#fff 65%);padding:90px 0}.hero-grid{display:grid;grid-template-columns:1.3fr .85fr;gap:65px;align-items:center}.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#658a45}h1,h2,h3{line-height:1.2;color:var(--blue)}h1{font-size:clamp(2.5rem,5vw,4.4rem);margin:17px 0 24px}h1 em{font-style:normal;color:#779c53}h2{font-size:clamp(1.85rem,3vw,2.7rem);margin:12px 0 23px}h3{font-size:1.15rem}.lead{font-size:1.15rem}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}.btn{background:var(--green);color:#19314a;text-decoration:none;font-weight:800;padding:13px 21px;border-radius:8px;display:inline-block}.secondary,.textlink{font-weight:700;color:var(--blue)}.hero-panel{background:var(--blue);color:white;padding:38px;border-radius:24px;box-shadow:0 20px 50px #37496820}.hero-panel h2{color:#fff}.small{color:#cfe5b7;font-weight:700}.panel-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.panel-tags span{border:1px solid #ffffff50;border-radius:30px;padding:5px 13px;font-size:.85rem}.section{padding-top:88px;padding-bottom:88px}.intro{max-width:650px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.cards article{border:1px solid #e0e8e3;border-radius:15px;padding:27px;background:#fff}.num{font-weight:900;color:#79a44f}.note{font-size:.82rem;color:#657080}.about{background:var(--cream)}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.portrait{height:470px;overflow:hidden;border-radius:24px;background:white}.portrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}.steps>div{border-top:4px solid var(--green);padding-top:20px}.steps strong{font-size:1.14rem;color:var(--blue)}.contact{background:var(--blue);color:white;padding:75px 0}.contact h2{color:white}.light{color:#cce2b8}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}.contact-box{display:flex;flex-direction:column;gap:16px}.contact-box>a:not(.btn){color:white;font-size:1.2rem;font-weight:700;text-decoration:none}.contact-box .btn{align-self:start}footer{background:#263750;color:#dce4ef;padding:25px 0}.foot{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:.76rem}@media(max-width:760px){.nav{align-items:flex-start;flex-direction:column}.nav nav{gap:12px}.nav nav a{font-size:.8rem}.hero{padding:50px 0}.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.cards,.steps{grid-template-columns:1fr}.section{padding-top:55px;padding-bottom:55px}.portrait{height:380px}.hero-panel{padding:25px}}

/* Version partenaire : lisibilité de l'accroche et présentation du métier */
.hero-panel .small{display:block;font-size:clamp(1.22rem,2.1vw,1.65rem);
line-height:1.35;color:#cfe5b7;font-weight:800;margin-bottom:18px}
.hero-panel h2{font-size:clamp(1.7rem,2.5vw,2.3rem);margin-top:0}
.metier{padding-bottom:75px}
.metier>p:not(.eyebrow){max-width:850px}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}
.pillars article{background:#f3f7f1;border-left:4px solid var(--green);
padding:24px;border-radius:12px}
.pillars h3{margin-top:0}
.metier-bottom{font-size:1.04rem}
.about-grid{align-items:start}
.about-grid h3{margin-top:28px}
@media(max-width:760px){.pillars{grid-template-columns:1fr}}

.network-section{margin-top:42px;padding:28px 32px;background:#f3f7f1;border-left:4px solid #87AE5D;border-radius:12px}.network-section h3{margin-top:0;color:#374968}.network-section p:last-child{margin-bottom:0}@media(max-width:600px){.network-section{padding:22px}}

.article-page{max-width:920px;padding-top:65px;padding-bottom:85px}
.article-page h1{font-size:clamp(2rem,4vw,3rem);line-height:1.2;color:#374968}
.article-page h2{margin-top:35px}
.article-page p,.article-page li{line-height:1.75}
.article-intro{font-size:1.2rem;font-weight:500}
.article-cta{margin:45px 0 28px;padding:28px;background:#eef3ea;border-radius:16px}
.article-cta h2{margin-top:0}

/* Version 8 : parcours de lecture plus compact */
.hero{padding:64px 0}
.section{padding-top:58px;padding-bottom:58px}
.metier{padding-bottom:58px}
.contact{padding:58px 0}
.cards{margin-top:22px}
.steps{margin-top:24px}
.network-section{margin-top:26px}
.pillars{margin:22px 0}
.section h2{margin-bottom:17px}
@media(max-width:760px){.hero{padding:38px 0}.section{padding-top:38px;padding-bottom:38px}.metier{padding-bottom:38px}.contact{padding:42px 0}.article-page{padding-top:38px;padding-bottom:48px}}

/* Version 9 : aligner la largeur des paragraphes sur les tableaux et cartes */
.intro, .metier>p:not(.eyebrow){max-width:100%;}

/* Version 10 : accroche plus discrète, logo davantage visible */
.logo{width:190px;max-width:100%;height:auto}
.hero h1{font-size:clamp(2.15rem,3.7vw,3.35rem);line-height:1.18;margin:15px 0 21px}
@media(max-width:760px){.logo{width:180px}.hero h1{font-size:clamp(2rem,7vw,2.7rem)}}

.foot a{color:inherit;text-decoration:underline;text-underline-offset:3px}