:root{--yellow:#fee004;--gray:#828181;--ink:#202628;--char:#252b2c;--deep:#18282f;--paper:#fff;--muted:#5f686c;--soft:#f5f5f2;--line:#dce0de;--max:1240px;--radius:4px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font-family:Calibri,"Segoe UI",Arial,sans-serif;line-height:1.55;font-size:17px}button,input,select{font:inherit}a{color:inherit}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.025em}h1{font-size:clamp(2.8rem,5vw,5.2rem);font-weight:750}h2{font-size:clamp(2rem,3.6vw,3.4rem);font-weight:750}h3{font-size:clamp(1.35rem,2vw,1.8rem)}p{margin-bottom:1.25rem}.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;left:20px;top:-120px;background:var(--yellow);padding:8px 12px;z-index:50}.skip-link:focus{top:16px}a:focus-visible,button:focus-visible{outline:3px solid #1a6fc3;outline-offset:3px}
.site-header{position:sticky;top:0;z-index:25;background:#fff;border-bottom:1px solid #e6e7e5}.header-inner{min-height:118px;display:flex;gap:28px;align-items:center;justify-content:space-between}.brand{display:block;flex:none;overflow:hidden;width:195px;height:115px}.brand-window{display:block;width:195px;height:115px;overflow:hidden;position:relative}.brand-window img{position:absolute;left:0;top:0;width:282px;max-width:none;height:auto}.site-nav{display:flex;align-items:center;gap:clamp(12px,1.6vw,25px);font-size:14px;font-weight:700}.site-nav a{text-decoration:none;white-space:nowrap}.site-nav a:not(.nav-action):hover{box-shadow:inset 0 -2px var(--yellow)}.nav-action{background:var(--yellow);padding:12px 16px;display:inline-flex;gap:18px}.nav-action:hover,.button.yellow:hover{background:#f4d800}.menu-toggle{display:none;border:1px solid var(--line);background:white;padding:10px;width:46px;height:43px;cursor:pointer}.menu-toggle span{display:block;height:2px;background:var(--ink);margin:5px auto;width:22px}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#4f5759;margin-bottom:24px;display:flex;gap:12px;align-items:center}.eyebrow.light{color:#cbd0ce}.bar{display:inline-block;width:30px;height:5px;background:var(--yellow)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:55px;padding:14px 22px;text-decoration:none;font-size:15px;font-weight:800;transition:background .15s,transform .15s}.button:hover{transform:translateY(-2px)}.button.yellow{background:var(--yellow);color:#171c1d}.button.dark{background:var(--char);color:#fff}.button.dark:hover{background:#3a4345}.button.ghost-on-dark{border:1px solid #9da5a6;color:white}.button.ghost-on-dark:hover{background:#ffffff13}.button span:last-child{font-size:19px}.text-link{font-weight:800;text-decoration:none;border-bottom:2px solid var(--yellow);padding-bottom:5px;display:inline-flex;gap:16px;align-items:center;white-space:normal}.text-link:hover{background:#fff5a6}
.hero{background:var(--deep);color:white;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0 0 auto auto;width:40%;height:100%;background:linear-gradient(140deg,#ffffff00,#ffffff06);pointer-events:none}.hero-grid{display:grid;grid-template-columns:minmax(0,1.11fr) minmax(320px,.89fr);gap:clamp(35px,5vw,76px);align-items:center;padding-block:82px 90px}.hero-content{position:relative}.hero-top{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:28px}.hero-top .eyebrow{margin:0;letter-spacing:.11em}.b2b-sign{font-size:19px;font-weight:850;letter-spacing:.08em;padding:8px 15px;border:1px solid #777e7d;border-left:5px solid var(--yellow);color:white}.hero h1{font-size:clamp(3.3rem,5.25vw,5.45rem);max-width:780px;margin-bottom:25px}.hero h1 em{color:var(--yellow);font-style:normal}.hero h1 span{border-bottom:6px solid var(--yellow)}.hero-lead{max-width:710px;color:#dbe0dd;font-size:clamp(18px,1.7vw,21px);line-height:1.5}.hero-lead strong{color:white}.hero-buttons{display:flex;flex-wrap:wrap;gap:13px;margin-top:31px}.hero-foot{font-size:14px;color:#c9cfce;margin-top:24px}.small-dot{background:var(--yellow);display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px}.hero-panel{background:#ffffff10;padding:31px;border:1px solid #677577}.panel-eyebrow{font-size:12px;font-weight:800;color:var(--yellow);letter-spacing:.12em;margin-bottom:18px}.mechanics>div{display:grid;grid-template-columns:36px 1fr;column-gap:14px;padding:17px 0;border-bottom:1px solid #ffffff25}.mechanics>div:last-child{border-bottom:0}.mechanic-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid #9ea9aa;color:var(--yellow);grid-row:span 2;font-weight:900}.mechanics b{font-size:21px;line-height:1}.mechanics small{color:#cad2d0;font-size:15px;margin-top:8px}.panel-foot{border-top:3px solid var(--yellow);padding-top:17px;font-size:14px;margin-top:13px;color:#d9dddd}
.clients{background:#f6f6f2;border-bottom:1px solid var(--line);padding:41px 0}.clients-layout{display:grid;grid-template-columns:290px 1fr;gap:35px;align-items:center}.clients-copy h2{font-size:26px;line-height:1.22;margin-bottom:12px}.clients-copy .eyebrow{margin-bottom:12px}.clients-copy p{color:var(--muted);font-size:12px;line-height:1.55;margin-bottom:0}.logos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.client-logo{height:95px;display:flex;align-items:center;justify-content:center;background:white;border:1px solid #e4e6e3;padding:13px}.client-logo img{max-height:68px;max-width:85%;object-fit:contain}.client-logo img[src$="image10.jpeg"],.client-logo img[src$="image7.png"]{max-height:76px}
.section{padding:92px 0}.experience{background:white}.experience-grid{display:grid;grid-template-columns:.92fr 1fr;gap:11%;align-items:start}.text-large{font-size:21px;line-height:1.53;color:#4b5659}.experience-highlights{border-top:2px solid var(--ink)}.experience-highlights>div{padding:18px 0 16px;border-bottom:1px solid var(--line)}.experience-highlights b{font-size:19px}.experience-highlights p{color:var(--muted);font-size:16px;margin:6px 0 0}.problems{background:#f5f6f3}.heading-row{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:35px}.heading-row>div{max-width:850px}.heading-row h2{margin-bottom:15px}.heading-row .intro{font-size:18px;color:#536065;max-width:800px}.heading-row .aside{max-width:300px;font-size:17px;color:var(--muted)}.issues-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.issue{padding:32px 26px;background:white;border:1px solid var(--line);display:flex;flex-direction:column;min-height:250px}.issue.standout{border-top:5px solid var(--yellow)}.issue-tag{font-size:11px;letter-spacing:.13em;font-weight:800;color:#6b7375;margin-bottom:25px}.issue h3{font-size:24px;line-height:1.2;margin-bottom:16px}.issue p{font-size:16px;color:var(--muted);margin-bottom:0}.problem-foot{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:25px}.problem-foot p{max-width:760px;color:#4c5759;margin-bottom:0}.offers{background:white}.offers .heading-row{align-items:center}.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.offer{padding:34px 30px;border:1px solid #d8dddb;border-top:6px solid #91999b;display:flex;flex-direction:column;min-height:585px}.offer.featured{background:#253034;color:white;border-color:#253034;border-top-color:var(--yellow)}.offer-label{font-size:12px;letter-spacing:.1em;font-weight:800;color:#596467;margin-bottom:28px}.offer.featured .offer-label{color:var(--yellow)}.offer h3{font-size:clamp(1.65rem,2.25vw,2.1rem);line-height:1.12;margin-bottom:17px}.offer-lead{font-size:19px;line-height:1.42;margin-bottom:20px}.offer-for{font-size:15px;color:var(--muted);border-top:1px solid var(--line);padding-top:17px;min-height:84px}.offer.featured .offer-for{color:#cbd7d8;border-color:#ffffff33}.offer ul{padding:0;margin:4px 0 28px;list-style:none;font-size:15.5px;line-height:1.5}.offer li{position:relative;padding-left:18px;margin-bottom:12px}.offer li:before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;background:var(--yellow)}.offer-link{margin-top:auto;font-weight:800;text-decoration:none;border-bottom:3px solid var(--yellow);align-self:flex-start;padding-bottom:5px}.offers-note{font-size:13px;color:var(--muted);margin-top:18px}
.approach{background:#f5f6f3}.approach-grid{display:grid;grid-template-columns:.88fr 1fr;gap:9%}.approach-cta{margin-top:24px}.pathway{border-top:2px solid #253034}.pathway>div{position:relative;padding:20px 0 19px 50px;border-bottom:1px solid #cdd2cf}.step-dot{position:absolute;left:4px;top:26px;width:15px;height:15px;background:var(--yellow);border:2px solid #253034}.pathway b{font-size:23px}.pathway p{margin:6px 0 0;color:#536064;font-size:16px}
.diagnostic-promo{background:var(--deep);color:white;padding:85px 0}.diag-promo-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:9%;align-items:center}.diagnostic-promo h2{max-width:730px}.diagnostic-promo p:not(.eyebrow){color:#cbd3d2;font-size:19px;max-width:680px}.diag-benefits{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0}.diag-benefits span{border:1px solid #778285;padding:8px 13px;font-size:14px;font-weight:800}.diag-illustration{background:#ffffff0c;padding:28px;border:1px solid #ffffff31}.diag-illustration-title{font-size:12px;letter-spacing:.11em;font-weight:800;margin-bottom:25px}.dimension{margin-bottom:18px}.dimension span{display:block;font-size:14px;margin-bottom:6px}.dimension i{display:block;height:10px;background:linear-gradient(to right,var(--yellow) var(--w),#536264 var(--w))}.diag-illustration small{font-size:12px;color:#bec7c5}.contact-grid{display:grid;grid-template-columns:1.05fr .8fr;gap:12%;align-items:center}.contact h2{margin-bottom:19px}.contact p{color:#4c585a;max-width:690px;font-size:18px}.contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:30px}.contact-caveat{margin-top:22px;font-size:13px!important;color:#6c7577!important}.contact-panel{background:#f5f6f3;padding:48px 38px;border-left:8px solid var(--yellow);position:relative}.contact-panel-label{letter-spacing:.13em;color:#677174;font-size:12px;font-weight:800}.contact-panel h3{font-size:34px;margin:24px 0}.contact-panel p{font-size:18px}.contact-b2b{display:inline-block;margin-top:15px;font-size:25px;font-weight:800;border:2px solid var(--ink);padding:5px 13px}.site-footer{background:#192528;color:#fff;padding:32px 0}.footer-inner{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.footer-brand{color:white;text-decoration:none;font-size:19px}.footer-brand b{color:var(--yellow)}.footer-inner p{font-size:13px;margin:0;color:#e3e7e4}.footer-inner>span{font-size:12px;color:#bbc4c2;margin-left:auto}
/* Diagnostic */
.diagnostic-intro{background:var(--deep);color:white;padding:54px 0 51px}.diagnostic-intro a{color:#dfe5e4;font-size:14px;text-decoration:none}.diagnostic-intro .eyebrow{margin-bottom:15px}.diagnostic-intro h1{font-size:clamp(2.3rem,4vw,4.3rem);max-width:880px;margin:17px 0}.diagnostic-intro h1 em{font-style:normal;color:var(--yellow)}.diagnostic-intro p{color:#d4dcdb;max-width:820px;font-size:18px}.wizard{background:#f4f5f2;padding:45px 0 75px;min-height:600px}.wizard-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.wizard-panel{padding:38px;background:white;border:1px solid #e1e4e1;min-height:420px}.hidden{display:none!important}.wizard-kicker{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#647075}.wizard-panel h2{font-size:clamp(1.9rem,3vw,3.1rem);margin:19px 0}.wizard-panel p{color:#526064}.dimensions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:27px 0}.dimensions span{border:1px solid var(--line);padding:12px 15px;font-size:15px;font-weight:700}.wizard-actions,.wizard-step-actions,.result-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:24px}.wizard-actions>span{color:#637072;font-size:13px}.wizard-progress-heading{display:flex;justify-content:space-between;font-size:14px;font-weight:800}.progress{width:100%;height:9px;background:#e3e7e3;margin:11px 0 26px}.progress>div{background:var(--yellow);height:100%;transition:width .2s}.wizard-axis{font-size:13px!important;font-weight:800;letter-spacing:.02em;color:#657073}.question-hint{font-size:16px}.answers{display:grid;gap:9px;margin-top:25px}.answer{border:1px solid #cdd3d0;background:white;cursor:pointer;text-align:left;padding:14px 16px;display:flex;gap:17px;align-items:center;color:var(--ink);font-weight:600;line-height:1.35}.answer:hover{background:#fffce5}.answer.selected{border-color:#86770a;box-shadow:inset 5px 0 var(--yellow);background:#fffbe0}.answer-num{background:#f2f4f0;border:1px solid #ccd3cf;display:grid;place-items:center;flex:none;width:35px;height:35px}.answer.selected .answer-num{background:var(--yellow);border-color:var(--yellow)}.wizard-step-actions{justify-content:space-between;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:49px;border:none;padding:12px 18px;text-decoration:none;cursor:pointer;font-weight:800;font-size:14px}.btn[disabled]{opacity:.4;cursor:not-allowed}.btn-yellow{background:var(--yellow);color:#171c1d}.btn-dark{background:#253034;color:white}.btn-outline-dark{border:1px solid #253034;background:white;color:#253034}.btn-ghost{background:transparent;color:#3e494c}.btn-text{color:#253034;background:transparent;border-bottom:2px solid var(--yellow)}.wizard-sidebar{background:#253034;color:white;padding:28px;position:sticky;top:138px}.side-header{font-size:12px;color:var(--yellow);letter-spacing:.13em;font-weight:800}.side-sections{margin:22px 0;display:grid;gap:14px}.side-sections span{border-bottom:1px solid #ffffff24;padding-bottom:12px;font-size:15px}.side-bottom{border-top:3px solid var(--yellow);padding-top:18px}.side-bottom strong{font-size:21px}.side-bottom p{font-size:15px;color:#cad2d0;margin-top:10px}.qual-items{display:grid;gap:18px}.qual-group{border-bottom:1px solid var(--line);padding-bottom:17px}.qual-group h3{font-size:19px;margin-bottom:12px}.qual-group small{font-size:12px;color:#647075;margin-left:10px}.qual-options{display:flex;gap:7px;flex-wrap:wrap}.chip{background:#f5f6f3;border:1px solid #cbd3cf;padding:9px 12px;cursor:pointer;font-size:14px}.chip.selected{background:#fff6a7;border:1px solid #ad9300}.result-intro{font-size:16px}.result-overview{display:grid;grid-template-columns:160px 1fr;gap:15px;margin:20px 0 34px}.result-score,.result-profile{padding:22px;background:#f4f6f3;border:1px solid var(--line)}.result-score>span:first-child,.result-profile>span:first-child{font-size:12px;letter-spacing:.08em;font-weight:800;color:#657073}.result-score>div{font-size:48px;font-weight:800;line-height:1.1;margin:17px 0}.result-score small{font-size:16px}.result-profile h3{margin:12px 0;font-size:26px}.result-profile p{font-size:15px}.result-heading{font-size:22px;margin:25px 0 16px}.axis-results{display:grid;gap:13px}.score-row{display:grid;grid-template-columns:1fr minmax(110px,200px) 52px;gap:15px;align-items:center;font-size:15px}.score-track{height:12px;background:#e4e8e4}.score-track span{height:100%;background:#fee004;display:block}.score-row.is-low .score-track span{background:#b5a126}.score-row strong{text-align:right}.priority-heading{margin-top:33px;display:flex;align-items:start;justify-content:space-between;gap:15px}.priority-heading p{font-size:14px;max-width:260px}.priority-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.priority-item{border:1px solid var(--line);padding:17px;background:#fbfcfa}.priority-item .p-num{display:none}.priority-item .priority-kind{text-transform:uppercase;font-size:11px;letter-spacing:.06em;font-weight:800;color:#6d7475}.priority-item h4{font-size:17px;margin:13px 0}.priority-item p{font-size:14px}.alert-panel{background:#f6f6f2;padding:24px;margin-top:30px}.alert-panel h3{font-size:21px}.alert-panel p{font-size:15px}.alert-items{display:grid;gap:12px;grid-template-columns:1fr 1fr}.insight{border-left:3px solid var(--yellow);padding-left:12px}.insight strong{font-size:14px}.insight p{font-size:13px}.three-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:28px}.three-levels>div{border:1px solid var(--line);padding:14px}.three-levels b{display:none}.three-levels strong{display:block}.three-levels span{display:block;font-size:13px;color:#657073}.result-disclaimer{font-size:13px!important;border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.result-actions .btn{flex:1 1 170px}.diag-mini-note{background:#fff7cf;padding:12px;font-size:14px!important;margin-top:25px}
@media(max-width:1040px){.site-nav{gap:11px;font-size:13px}.brand{width:182px}.brand-window{transform:scale(.84);transform-origin:left center}.hero-grid,.diag-promo-grid{gap:35px}.offer{padding:25px 19px}.clients-layout{grid-template-columns:240px 1fr}}
@media(max-width:850px){.header-inner{min-height:100px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:14px 32px 20px;box-shadow:0 14px 17px #0002}.site-nav.open{display:flex}.site-nav a{padding:11px 7px}.site-nav .nav-action{margin-top:8px;justify-content:space-between;padding:12px 17px}.hero-grid,.experience-grid,.approach-grid,.diag-promo-grid,.contact-grid{grid-template-columns:1fr}.hero-grid{padding-block:65px;gap:30px}.hero h1{max-width:750px}.hero-panel{max-width:750px}.clients-layout{grid-template-columns:1fr;gap:22px}.clients-copy{max-width:650px}.issues-grid{grid-template-columns:repeat(2,1fr)}.offer-grid{grid-template-columns:1fr}.offer{min-height:0}.offer-for{min-height:0}.wizard-layout{grid-template-columns:1fr}.wizard-sidebar{position:static}.contact-grid{gap:25px}}
@media(max-width:600px){body{font-size:16px}.container{width:calc(100% - 36px)}.header-inner{min-height:89px}.brand{height:85px}.brand-window{transform:scale(.74)}.hero-grid{padding:47px 0 55px}.hero h1{font-size:clamp(2.55rem,11vw,3.7rem)}.hero-lead{font-size:18px}.hero-top{gap:11px}.hero-top .eyebrow{font-size:10px}.hero-buttons,.hero-buttons .button{width:100%}.hero-panel{padding:22px}.logos-grid{grid-template-columns:repeat(2,1fr)}.client-logo{height:80px}.clients{padding:35px 0}.section{padding:60px 0}.heading-row{display:block}.heading-row .text-link{margin-bottom:10px}.issues-grid{grid-template-columns:1fr}.issue{min-height:0;padding:25px}.problem-foot{flex-direction:column;align-items:flex-start}.offer{padding:28px 25px}.diag-illustration{padding:18px}.diag-benefits span{font-size:12px}.contact-panel{padding:30px}.footer-inner{display:block}.footer-inner>*{display:block;margin:10px 0!important}.wizard{padding:20px 0 55px}.wizard-panel{padding:23px 19px}.dimensions{grid-template-columns:1fr}.wizard-sidebar{display:none}.result-overview{grid-template-columns:1fr}.priority-results,.alert-items,.three-levels{grid-template-columns:1fr}.score-row{grid-template-columns:1fr 90px 42px;gap:8px;font-size:13px}.priority-heading{display:block}.result-actions{display:grid}.diagnostic-intro{padding:38px 0}}
@media print{.site-header,.site-footer,.wizard-sidebar,.result-actions,.site-nav,.menu-toggle{display:none!important}.wizard,.wizard-panel{padding:0;border:0}.hidden{display:none!important}.result-profile,.result-score,.priority-item{break-inside:avoid}.diagnostic-intro{padding:15px;color:#000;background:white}.diagnostic-intro h1{font-size:24pt}.diagnostic-intro h1 em{color:#000}}

.experience-person{font-size:15px;color:#667074;font-weight:700;margin:0 0 18px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* === V0.4 : parcours commercial plus direct et plus lisible === */
.site-header .header-inner{min-height:104px}.site-header .brand,.site-header .brand-window{height:104px}
.site-nav{gap:clamp(10px,1.35vw,20px);font-size:14px}.site-nav .nav-diag{background:var(--yellow);color:#192126;padding:12px 14px;display:inline-flex;align-items:center;gap:11px}.site-nav .nav-diag:hover{background:#f1d300;box-shadow:none}.site-nav .nav-contact{border-bottom:2px solid var(--yellow);padding-bottom:4px}
.hero-grid{grid-template-columns:minmax(0,1.18fr) minmax(310px,.82fr)}.hero h1{font-size:clamp(3.1rem,5.3vw,5.4rem);max-width:870px}.hero-sub{font-size:17px;color:#e2e7e5;max-width:700px}.hero-sub strong{color:white}.hero-buttons .yellow{box-shadow:0 0 0 4px #fee00417}.hero-panel{background:#ffffff0c}.hero-top .eyebrow{color:#e5ebea}
.clients.clients-wide{padding:38px clamp(18px,3vw,56px);width:100%}.clients-title{display:flex;align-items:center;gap:20px;max-width:1550px;margin:0 auto 21px}.clients-title .eyebrow{margin:0;white-space:nowrap}.clients-title h2{font-size:25px;margin:0}.logos-grid.wide-logos{max-width:1650px;margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.wide-logos .client-logo{height:108px;padding:14px}.wide-logos img{max-width:93%;max-height:76px;object-fit:contain}.clients-caveat{max-width:1650px;margin:11px auto 0;font-size:11px;color:#707c7d}
.section-heading{max-width:940px;margin-bottom:38px}.section-heading .intro{font-size:19px;color:#526063;max-width:890px}
.issues-grid.issues-rich{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.issues-rich .issue{padding:25px 22px;min-height:220px}.issues-rich .issue h3{font-size:21px}.issues-rich .issue-tag{margin-bottom:18px}.issues-rich .issue p{font-size:15px}.problem-footnote{margin:26px 0 0;font-size:17px;color:#4d595c}
.diagnostic-early{padding:82px 0}.diagnostic-early .diag-promo-grid{grid-template-columns:1.15fr .85fr;gap:6%}.diagnostic-early h2 em{font-style:normal;color:var(--yellow)}.diagnostic-early .diag-primary{font-size:16px}.diag-card{background:#ffffff0d;border:1px solid #ffffff38;padding:30px 30px 22px;color:white}.diag-card-top{font-size:13px;letter-spacing:.15em;color:var(--yellow);font-weight:800}.diag-card h3{font-size:clamp(26px,2.3vw,35px);margin:24px 0;color:white}.diag-card h3 strong{color:var(--yellow)}.diag-mini-rows{display:grid;gap:12px;border-top:1px solid #ffffff25;padding-top:21px}.diag-mini-rows span{font-size:16px;display:flex;align-items:center;gap:12px}.diag-mini-rows i{height:10px;width:10px;background:var(--yellow);display:inline-block}.diag-card small{display:block;color:#cdd5d1;margin-top:27px;font-size:11px}
.offer-grid-v04 .offer{min-height:590px}.offer-grid-v04 .offer h3{font-size:clamp(27px,2vw,34px)}.offer-grid-v04 .offer-label{margin-bottom:20px}.offer-grid-v04 .offer-for{min-height:50px}.offer-meta{border-top:1px solid #c9d0cc;padding:18px 0 21px;margin-top:auto;display:grid;gap:3px}.offer-meta strong{font-size:34px;letter-spacing:-.02em}.offer-meta strong small{font-size:17px}.offer-meta span{font-size:13px;color:var(--muted)}.featured .offer-meta{border-color:#ffffff3b}.featured .offer-meta span{color:#d5e0dc}.offer-grid-v04 .offer-link{margin-top:0}.offers-note{font-size:13px;line-height:1.45}
.experience-v04{background:#f5f6f3}.experience-v04 .experience-grid{grid-template-columns:.88fr 1.12fr;gap:9%}.experience-display{border-top:4px solid var(--yellow)}.experience-stat{background:#253034;color:white;display:grid;grid-template-columns:220px 1fr;gap:25px;padding:28px 28px;align-items:center}.experience-stat>strong{font-size:clamp(58px,5.3vw,85px);line-height:1;font-weight:800;letter-spacing:-.05em}.experience-stat>strong span{color:var(--yellow)}.experience-stat b{display:block;font-size:22px;line-height:1.2}.experience-stat small{color:#cdd7d3;display:block;margin-top:10px;font-size:12px;line-height:1.5}.experience-v04 .experience-highlights>div{padding-left:19px;border-left:3px solid #e2d100}.experience-v04 .experience-highlights b{font-size:20px}
.approach-v04{background:#fff}.approach-v04 .pathway{border-color:var(--yellow)}.approach-v04 .text-large strong{color:#233235}.approach-v04 .button{margin-top:12px}
@media(max-width:1080px){.site-nav{gap:9px;font-size:12.5px}.site-nav .nav-diag{padding:10px}.issues-grid.issues-rich{grid-template-columns:repeat(3,1fr)}.logos-grid.wide-logos{grid-template-columns:repeat(4,minmax(0,1fr))}.experience-stat{grid-template-columns:1fr}.experience-stat>strong{font-size:72px}}
@media(max-width:850px){.site-header .header-inner{min-height:90px}.site-header .brand,.site-header .brand-window{height:90px}.site-nav .nav-diag{margin-top:9px;padding:13px 16px}.site-nav .nav-contact{border-bottom:0}.hero-grid,.diagnostic-early .diag-promo-grid,.experience-v04 .experience-grid{grid-template-columns:1fr}.issues-grid.issues-rich{grid-template-columns:repeat(2,minmax(0,1fr))}.clients-title{display:block}.clients-title .eyebrow{margin-bottom:9px}}
@media(max-width:600px){.hero h1{font-size:clamp(2.6rem,11vw,3.8rem)}.hero-grid{padding-block:48px 60px}.logos-grid.wide-logos{grid-template-columns:repeat(2,minmax(0,1fr))}.wide-logos .client-logo{height:88px;padding:8px}.clients-title h2{font-size:23px}.issues-grid.issues-rich{grid-template-columns:1fr}.issues-rich .issue{min-height:0}.offer-grid-v04 .offer{min-height:0}.experience-stat{padding:24px}.experience-stat b{font-size:18px}.diagnostic-early{padding:60px 0}.diag-card{padding:23px}.site-nav{font-size:15px}.hero-buttons .button{font-size:14px}.clients-caveat{font-size:10px}}

/* === V0.5 : modifications approuvées uniquement ; styles V0.4 préservés ailleurs === */
:root{--gray:#828181;--soft:#F1F1F0;--line:#C8C9C7}
/* Header : logo simplifié entièrement visible, ratio respecté */
.site-header .brand,.site-header .brand-window{width:190px;height:104px;overflow:visible}
.site-header .brand-window img{position:static;display:block;width:180px;height:104px;max-width:100%;object-fit:contain;object-position:center left}
/* Charte : gris davantage présent sans changer les couleurs identitaires */
.clients.clients-wide{background:#F1F1F0}
.issues-rich .issue-tag,.offer-grid .offer-label,.eyebrow{color:#727373}
.hero .eyebrow.light,.diag-promo .eyebrow.light{color:#EBEBEB}
.section.experience-v04{background:#EDEDEC}
.issue{background:#FBFBFA;border-color:#CCCFCB}
.section.offers{background:#FAFAF9}
.tools-block{padding-block:62px 22px;border-top:1px solid #C8C9C7}
/* Bandeau de références : une ligne avec scroll horizontal volontaire */
.logos-grid.wide-logos{max-width:none;display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:9px;scrollbar-color:#828181 #EEE}
.wide-logos .client-logo{flex:1 0 135px;min-width:135px;max-width:240px;height:92px;scroll-snap-align:start;background:white;border-color:#D3D5D2}
.wide-logos img{max-height:62px}
.clients-sme{font-size:14px;margin:16px 0 4px;color:#475154;font-weight:600;text-align:center}
/* Statut radar d'exemple sur la page d'accueil */
.diag-radar{width:100%;max-height:285px;display:block;margin:10px auto 4px}
.diag-card h3.radar-outcome{font-size:clamp(22px,2vw,29px);margin:19px 0 8px}
.radar-axis-list{display:flex;flex-wrap:wrap;gap:7px 12px;justify-content:center}
.radar-axis-list span{border:1px solid #9ea8a5a6;font-size:11px;padding:4px 7px;color:#E2E7E5}
/* Offres : hiérarchie des prix explicitement décidée */
.offers .section-heading .eyebrow{color:#62696A;font-size:14px;letter-spacing:.11em}
.offer-grid .featured .offer-meta>strong{font-size:29px}
/* Expérience : preuve, retours, outils et double compétence */
.experience-tenure{background:#F5F5F3;border:1px solid #CDCDCB!important;padding:14px 17px!important}
.experience-tenure b{color:#3F4749}
.testimonials{margin-top:36px;padding-block:34px 18px;border-top:1px solid #C8C9C7}
.testimonials h3{font-size:clamp(24px,2.5vw,33px);margin:5px 0 20px}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.testimonial-grid figure{margin:0;background:white;border:1px solid #D4D4D1;padding:24px;display:flex;flex-direction:column;min-height:195px}
.testimonial-grid blockquote{font-size:19px;line-height:1.45;font-weight:650;margin:0 0 22px}
.testimonial-grid figcaption{margin-top:auto;border-top:2px solid #FEE004;padding-top:13px;font-size:13px}
.testimonial-grid figcaption strong{display:block}.testimonial-grid figcaption span{display:block;color:#636B6C}
.testimonial-caveat{font-size:12px;color:#677173;margin-top:14px}
.dual-expertise{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);align-items:stretch;gap:6px;margin:26px 0 8px}
.dual-expertise>div:not(.dual-plus){background:#F2F2F1;padding:18px;border-top:4px solid #828181}
.dual-expertise>div:last-child{border-top-color:#FEE004}
.dual-expertise h3{font-size:20px;margin:5px 0 12px}
.dual-expertise p{font-size:14px;line-height:1.5;margin:0}
.dual-emoji{font-size:29px;color:#656F70}
.dual-plus{align-self:center;text-align:center;font-size:28px;font-weight:800;color:#828181}
.dual-base{font-size:14px;background:#263438;color:white;padding:12px;margin-bottom:22px;line-height:1.4;text-align:center;border-left:5px solid #FEE004}
.tools-block h3{max-width:720px}.tools-block>p:not(.eyebrow){max-width:900px}
.tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:21px 0}
.tool-card{border:1px solid #CDD0CD;padding:18px;background:#F6F6F5;min-width:0}
.tool-card h4{font-size:18px;margin:13px 0 10px}.tool-card p{font-size:14px;margin:0;color:#4D585B}
.tool-card .tool-symbol{width:50px;height:50px;background:#828181;color:white;display:grid;place-items:center;font-size:17px;font-weight:750}
.tool-card.tool-arc img{width:110px;height:110px;object-fit:contain;display:block;margin:auto}
.tool-card.tool-arc h4{margin-top:5px}
.tool-note{font-size:12px;color:#5D6668;margin-top:7px}
.contact-phone a{display:inline-block;color:#293334;font-size:23px;font-weight:750;text-decoration:underline;text-decoration-color:#FEE004;text-decoration-thickness:4px;text-underline-offset:5px;margin-bottom:16px}
.result-radar{border:1px solid #D5D8D5;background:#FBFCFB;padding:12px;margin:12px 0 20px}
.result-radar svg{width:100%;max-width:400px;display:block;margin:auto}
.radar-live-note{font-size:13px!important;color:#596265;text-align:center;margin:0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:1100px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.testimonial-grid{grid-template-columns:1fr 1fr}.wide-logos .client-logo{flex:0 0 150px}}
@media(max-width:850px){.site-header .brand,.site-header .brand-window{height:90px}.site-header .brand-window img{height:90px;width:160px}.logos-grid.wide-logos{display:flex;flex-wrap:nowrap}.testimonial-grid{grid-template-columns:1fr}}
@media(max-width:600px){.hero h1{font-size:clamp(2.3rem,10vw,3.5rem)}.dual-expertise{grid-template-columns:1fr;gap:8px}.dual-plus{font-size:22px}.tools-grid{grid-template-columns:1fr 1fr}.tool-card{padding:13px}.tool-card h4{font-size:16px}.tool-card p{font-size:12px}.clients.clients-wide{padding-inline:14px}.testimonial-grid figure{min-height:0}}
@media print{.result-radar{break-inside:avoid}}
/* V0.5: garder la promesse en deux lignes sur les écrans de bureau. */
@media (min-width:851px){.hero h1{font-size:clamp(2.65rem,4.28vw,4.6rem)}}

.offer-meta .from-price{display:block;font-size:16px;letter-spacing:0;font-weight:750;margin-bottom:4px}

/* === V0.6 : uniquement les arbitrages convenus, sur fond de V0.5 === */
:root{
  --ink:#303437; --char:#303437; --deep:#30383B;
  --soft:#F1F1EF; --line:#C8C9C7;
}
/* Navigation, logo, téléphone et resserrement du haut de page */
.site-header .header-inner{min-height:100px;gap:16px}
.site-header .brand,.site-header .brand-window{height:94px;flex-shrink:0}
.site-header .brand-window img{height:94px;width:172px}
.site-header .header-phone{display:inline-flex;align-items:center;gap:7px;color:var(--ink);font-weight:800;text-decoration:none;font-size:13px;white-space:nowrap;flex-shrink:0}
.site-header .header-phone svg{width:18px;height:18px;fill:none;stroke:#828181;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.site-header .header-phone:hover{text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:3px;text-underline-offset:4px}
.site-header .site-nav{font-size:12.5px;gap:clamp(7px,.95vw,15px)}
.site-header .site-nav .nav-diag{padding:11px 12px;gap:6px}
.hero-grid{padding-block:48px 73px}
.hero-top{margin-bottom:20px}
.hero-panel{border-color:#828181}
/* Gris de marque davantage présent, sans compromis de contraste */
.hero,.diagnostic-promo{background:var(--deep)}
.site-footer{background:#303437}
.contact-panel{background:#EFEFED;border-left-color:var(--yellow)}
.issues-rich .issue,.tool-card{background:#F6F6F5;border-color:#D1D2D0}
.problem-footnote,.section-heading .intro{color:#4D5456}
.experience-stat,.dual-base{background:#30383B}
.section .eyebrow,.diagnostic-promo .eyebrow{font-size:16px;line-height:1.4;letter-spacing:.075em;gap:15px;margin-bottom:15px}
.hero .eyebrow{font-size:12px}
.diagnostic-promo h2{font-size:clamp(2rem,3.65vw,3.55rem)}
.diagnostic-early h2 em{color:inherit;font-style:normal}
.diagnostic-early h2 em{color:var(--yellow)}
.diagnostic-early .diag-promo-grid>div:first-child>p:not(.eyebrow){font-size:20px;line-height:1.55;max-width:690px}
/* Radar fictif : titres au-dessus, légende de fictivité sous le schéma */
.diag-card h3.radar-outcome{font-size:clamp(23px,2.65vw,36px);line-height:1.28;margin:0 0 13px}
.diag-card h3.radar-outcome strong{color:var(--yellow)}
.diag-card .diag-radar{margin:0 auto;max-height:280px}
.diag-example-label{font-size:12px!important;line-height:1.5;color:#D1D7D4!important;margin:0 0 13px!important;text-align:center}
.diag-card{border-color:#828181}
/* Offres plus équilibrées et plus faciles à distinguer du pré-diagnostic */
.offer-grid-v04 .offer{background:#FAFAF9;color:var(--ink);border:1px solid #CED1CE;border-top:5px solid #828181;min-height:600px}
.offer-grid-v04 .offer.featured{border-top-color:var(--yellow);background:#F5F5F3;color:var(--ink)}
.offer-grid-v04 .offer-label,.offer-grid-v04 .featured .offer-label{font-size:17px;letter-spacing:.055em;line-height:1.35;color:#485054;font-weight:850;min-height:50px;margin-bottom:12px}
.offer-grid-v04 .offer h3{font-size:clamp(23px,2.2vw,29px);line-height:1.18}
.offer-grid-v04 .offer.featured .offer-for{color:var(--muted);border-color:#D0D2D0}
.offer-grid-v04 .offer.featured .offer-meta{border-color:#D0D2D0}
.offer-grid-v04 .offer.featured .offer-meta span{color:var(--muted)}
.offer-grid-v04 .offer.featured .offer-meta>strong{font-size:clamp(21px,2vw,27px)}
.custom-offer{margin-top:20px;padding:23px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#EFEFEC;border-left:5px solid var(--yellow)}
.custom-offer strong{font-size:23px;line-height:1.2}
.custom-offer p{font-size:16px;line-height:1.45;margin:8px 0 0;max-width:740px;color:#454D50}
.custom-offer a{font-weight:800;text-decoration:none;border-bottom:3px solid var(--yellow);padding-bottom:4px;white-space:nowrap}
/* Avis authentiques : étoiles de l'évaluation de formation déclarée, textes LinkedIn séparés */
.testimonials{margin-top:46px}
.testimonial-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.testimonial-grid figure{min-height:245px;background:#FCFCFB}
.testimonial-grid blockquote{font-size:17px;line-height:1.52;font-weight:600;overflow-wrap:anywhere}
.review-stars{color:#FEE004;letter-spacing:.16em;font-size:24px;line-height:1;margin-bottom:20px;white-space:nowrap}
.rating-explanation{font-size:12px;color:#596164;margin-top:13px;line-height:1.5}
/* "Savoir vendre" et "Savoir s'adapter" : pictogrammes explicites */
.dual-emoji{display:flex;align-items:center;width:45px;height:45px;color:#303437}
.dual-emoji svg{display:block;width:45px;height:45px}
.dual-expertise>div:not(.dual-plus){border-top-color:#828181}
.dual-expertise>div:last-child{border-top-color:var(--yellow)}
/* Quatre outils en deux rangées : Arc-en-ciel à côté de PPI */
.tools-block h3{font-size:clamp(2rem,3.3vw,3rem);line-height:1.17;max-width:850px}
.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tools-grid .tool-card{padding:24px}
.tools-grid .tool-card h4{font-size:22px}
.tools-grid .tool-card p{font-size:16px;line-height:1.52}
.tool-card.tool-arc img{width:128px;height:128px;margin:0 0 11px}
.tool-icon{width:74px;height:70px;display:block}
.method-proof{margin-top:18px;padding:15px;background:white;border:1px solid #C8C9C7;border-left:4px solid var(--yellow)}
.method-proof .method-proof-mark{color:#FEE004;font-size:20px;letter-spacing:.05em}
.method-proof .method-proof-mark strong{color:#303437;font-size:24px;letter-spacing:0}
.method-proof p{font-size:13px!important;margin:5px 0!important}
.method-proof a,.arc-method-basis a{font-size:13px;font-weight:700;text-underline-offset:3px}
.method-proof small{display:block;font-size:11px;line-height:1.4;color:#656B6D;margin-top:5px}
.tool-card .arc-method-basis{font-size:13px!important;border-top:1px solid #D1D3D1;margin-top:17px;padding-top:13px}
/* Footer : le logo prend la place du nom texte, avec une surface blanche dédiée */
.site-footer .footer-brand{display:inline-flex;align-items:center;background:white;padding:5px 8px;text-decoration:none;flex-shrink:0}
.site-footer .footer-brand img{display:block;width:127px;height:auto;max-height:81px;object-fit:contain}
.site-footer .footer-inner{align-items:center;justify-content:space-between}
/* Lecture sur téléphone et navigation mobile */
@media(max-width:1250px){
 .site-header .site-nav{font-size:12px;gap:7px}
 .site-header .brand,.site-header .brand-window{width:163px}
 .site-header .brand-window img{width:160px}
 .site-header .header-phone{font-size:12px}
}
@media(max-width:1130px){
 .site-header .menu-toggle{display:block;order:3}
 .site-header .site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;flex-direction:column;align-items:stretch;gap:0;padding:14px 32px 20px;box-shadow:0 14px 17px #0002;font-size:15px}
 .site-header .site-nav.open{display:flex}
 .site-header .site-nav a{padding:10px}
 .site-header .site-nav .nav-diag{margin-top:8px;padding:13px 16px}
 .site-header .header-phone{margin-left:auto;margin-right:7px;font-size:14px}
}
@media(max-width:850px){
 .site-header .header-inner{min-height:90px}
 .site-header .brand,.site-header .brand-window{height:90px;width:160px}
 .site-header .brand-window img{height:90px;width:160px}
 .testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
 .site-header .header-inner{gap:7px}
 .site-header .brand,.site-header .brand-window{width:119px;height:74px}
 .site-header .brand-window img{width:119px;height:74px}
 .site-header .header-phone{font-size:12px;gap:3px;margin-right:3px}
 .site-header .header-phone svg{width:16px;height:16px}
 .section{padding-block:57px}
 .hero-grid{padding-block:45px 53px}
 .offers .section-heading h2{font-size:clamp(1.95rem,8vw,3rem)}
 .custom-offer{display:block;padding:18px}
 .custom-offer a{display:inline-block;white-space:normal;margin-top:13px}
 .testimonial-grid,.tools-grid{grid-template-columns:1fr}
 .testimonial-grid figure{min-height:0}
 .tool-card.tool-arc img{width:110px;height:110px}
 .diag-card h3.radar-outcome{font-size:25px}
 .diagnostic-early .diag-promo-grid>div:first-child>p:not(.eyebrow){font-size:18px}
}

.review-stars,.method-proof-mark{ -webkit-text-stroke:.6px #B69E00; }

/* Avis vérifiés du fournisseur : deux plateformes clairement distinguées */
.supplier-reviews{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.supplier-reviews>div{padding:9px 10px;background:#F6F6F4;border:1px solid #D1D2D0;display:grid;gap:3px}
.supplier-platform{font-size:13px;font-weight:800;color:#4E5557}
.supplier-score{display:block;color:#FEE004;font-size:16px;white-space:nowrap;-webkit-text-stroke:.4px #B69E00;letter-spacing:.01em}
.supplier-score strong{color:#303437;font-size:19px;-webkit-text-stroke:0;letter-spacing:0}
.supplier-reviews small{font-size:12px;color:#596164}
.method-proof .supplier-info{font-size:12px!important;color:#596164;margin:9px 0 7px!important}
@media(max-width:420px){.supplier-reviews{grid-template-columns:1fr}.supplier-score{font-size:18px}}

/* ===== V0.7 — uniquement les corrections demandées ===== */
/* Header : meilleure lisibilité, ordre des liens fixé dans HTML, téléphone rapproché */
.site-header .header-inner{gap:11px}
.site-header .site-nav{font-size:clamp(13px,1vw,15px);gap:clamp(8px,.75vw,13px)}
.site-header .header-phone{margin-left:0;font-size:14px}
.site-header .brand,.site-header .brand-window{width:160px}
.site-header .brand-window img{width:157px}
@media(max-width:1250px){.site-header .site-nav{font-size:13px;gap:7px}.site-header .header-phone{font-size:13px}}
@media(max-width:1160px){
 .site-header .menu-toggle{display:block;order:3}
 .site-header .site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;flex-direction:column;align-items:stretch;gap:0;padding:14px 32px 20px;box-shadow:0 14px 17px #0002;font-size:16px}
 .site-header .site-nav.open{display:flex}
 .site-header .site-nav a{padding:10px}
 .site-header .site-nav .nav-diag{margin-top:8px;padding:13px 16px}
 .site-header .header-phone{margin-left:auto;margin-right:8px}
}
/* Accueil : les trois paragraphes ont la même taille. La hiérarchie tient aux passages en gras */
.hero-lead,.hero-sub{font-size:clamp(17px,1.35vw,20px);line-height:1.57;max-width:710px;color:#e3e9e8}
.hero-lead strong,.hero-sub strong{color:#fff;font-weight:800}
.hero-top{gap:10px;align-items:center}
.hero-top .eyebrow{font-size:12px}
.industry-sign{border-left-color:var(--yellow);font-size:17px;letter-spacing:.015em}
.hero-industrial-art{width:100%;max-height:135px;object-fit:cover;display:block;margin:0 0 20px;border:1px solid #657174}
/* Problématiques : phrase de conclusion nettement visible */
.problem-footnote-emphasis{padding:19px 24px;background:#E9EAE7;border-left:6px solid var(--yellow);color:#2D3436;font-size:18px;line-height:1.48}
/* Le radar présente désormais les cinq intitulés complets dans le diagramme */
.diag-card .diag-radar{max-height:none;width:100%;overflow:visible}
.diag-card{padding:27px 18px 20px}
.diag-example-label.fictitious-small{font-size:11px!important;font-style:italic;letter-spacing:.01em;color:#BFC8C7!important;margin:5px 0 0!important}
.radar-full-labels text{font-family:Calibri,"Segoe UI",Arial,sans-serif}
/* Expérience : 35 années dispose du même poids visuel que 1400+ */
.experience-tenure .tenure-stat{display:flex;align-items:center;gap:19px;min-height:87px}
.experience-tenure .tenure-stat>strong{display:inline-flex;align-items:baseline;white-space:nowrap;font-size:clamp(39px,4vw,64px);font-weight:800;letter-spacing:-.04em;color:#303437;line-height:1}
.experience-tenure .tenure-stat>strong span{font-size:.46em;letter-spacing:0;margin-left:5px}
.experience-tenure .tenure-stat>b{font-size:18px;line-height:1.25}
/* Icônes : SVG naturels et harmonisés, sans déformation */
.dual-emoji,.dual-emoji svg{width:52px;height:52px;flex:none}
.dual-emoji svg{overflow:visible}
.tool-card .tool-symbol-icon{width:74px;height:70px;background:transparent;color:#303437}
.tool-card .tool-symbol-icon svg{width:74px;height:70px;display:block}
.tools-grid .tool-card{min-height:290px;display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.tools-grid .tool-card.tool-arc{min-height:0}
.tools-grid .tool-card>svg.tool-icon,.tools-grid .tool-card>.tool-symbol-icon{flex:none}
/* Contact : harmoniser typographie, supprimer répétition, ajouter deux badges cohérents */
.contact-panel .contact-panel-label{font-family:Calibri,"Segoe UI",Arial,sans-serif;font-weight:750;letter-spacing:0;line-height:1.4;font-size:clamp(18px,1.6vw,23px)}
.contact-badges{display:flex;flex-wrap:wrap;gap:13px;margin-top:23px}
.contact-badges .contact-b2b{display:inline-flex;align-items:center;font-family:Calibri,"Segoe UI",Arial,sans-serif;font-size:17px;font-weight:800;padding:10px 15px;border:1px solid #777F7F;border-left:5px solid var(--yellow);color:#303437;background:transparent;letter-spacing:.02em}
/* Pied de page, gris de la charte */
.site-footer{background:#828181}
@media(max-width:850px){
 .site-header .brand,.site-header .brand-window{width:150px}
 .site-header .brand-window img{width:150px}
 .hero-industrial-art{max-height:135px}
 .experience-tenure .tenure-stat{gap:14px}
}
@media(max-width:650px){
 .site-header .brand,.site-header .brand-window{width:118px}
 .site-header .brand-window img{width:117px}
 .site-header .header-phone{font-size:12px}
 .industry-sign,.b2b-sign{font-size:15px;padding:7px 10px}
 .hero-lead,.hero-sub{font-size:17px}
 .radar-full-labels text{font-size:14px}
 .experience-tenure .tenure-stat{flex-wrap:wrap}
 .contact-badges .contact-b2b{font-size:15px}
}
/* Petit réglage nécessaire : éviter un point d'interrogation seul sur une ligne. */
.diagnostic-early h2{font-size:clamp(2rem,3vw,3.15rem);line-height:1.15}
@media(max-width:650px){.diagnostic-early h2{font-size:clamp(2rem,7.2vw,2.8rem)}}


/* ===== V0.8 : changements circonscrits aux corrections demandées ===== */
/* Navigation lisible et téléphone proche du dernier lien */
@media(min-width:1161px){
 .site-header .header-inner{gap:9px;justify-content:flex-start}
 .site-header .site-nav{font-size:clamp(14px,1.04vw,16px);gap:clamp(8px,.85vw,13px);margin-left:auto}
 .site-header .header-phone{margin-left:8px;font-size:clamp(14px,.98vw,16px);gap:7px}
 .site-header .site-nav .nav-diag{padding:12px 11px}
}
@media(max-width:1160px){.site-header .header-phone{margin-left:auto;margin-right:8px}}
/* Photo industrielle d'illustration : pas une représentation de mission réelle */
.hero .hero-panel{overflow:hidden}
.hero .hero-industrial-art{width:100%;height:238px;max-height:none;object-fit:cover;object-position:center center;display:block;margin:0 0 18px;border:1px solid #828181}
/* Pictogrammes de la double expertise : proportion naturelle et sans étirement */
.dual-emoji{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;min-width:56px}
.dual-emoji svg{width:52px!important;height:52px!important;max-width:none;max-height:none;overflow:visible;object-fit:contain;stroke-linecap:round;stroke-linejoin:round;flex:none}
/* Un visuel explicatif supplémentaire pour la méthode terrain */
.approach-progress-illustration{display:block;width:100%;height:auto;max-height:158px;object-fit:contain;margin:17px 0 6px;border:1px solid #D2D5D2;border-radius:6px}
/* Présentation identique pour les deux chiffres d'expérience */
.experience-display .experience-stat{display:grid;grid-template-columns:minmax(175px,42%) 1fr;gap:20px;align-items:center;background:#30383B;color:#fff;border-bottom:1px solid #778184;padding:24px 27px;min-height:135px}
.experience-display .experience-stat>strong{font-size:clamp(50px,4.7vw,80px);line-height:1.05;font-weight:800;white-space:nowrap;color:white}
.experience-display .experience-stat>strong span{color:#FEE004;font-size:.75em}
.experience-display .experience-stat b{font-size:clamp(18px,1.55vw,23px);line-height:1.25;font-weight:800;color:#fff}
/* PPI : même présence visuelle, sans ajouter de faux avis ni résultats */
.tools-grid .tool-card:nth-child(2){display:flex;flex-direction:column}
.ppi-steps{width:100%;margin-top:auto;padding-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.ppi-step{background:#fff;border:1px solid #d8d9d5;border-top:3px solid #828181;padding:10px 6px 11px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px}
.ppi-step-n{background:#FEE004;color:#303437;border-radius:50%;font-weight:800;width:28px;height:28px;display:grid;place-items:center;font-size:13px}
.ppi-step-text b{display:block;font-size:14px;color:#303437}
.ppi-step-text small{display:block;font-size:11px;color:#596366;line-height:1.25}
@media(max-width:1250px) and (min-width:1161px){.site-header .site-nav{font-size:13px;gap:7px}.site-header .header-phone{font-size:13px;margin-left:4px}}
@media(max-width:850px){.hero .hero-industrial-art{height:280px;max-height:none}}
@media(max-width:650px){
 .hero .hero-industrial-art{height:200px;max-height:none}
 .experience-display .experience-stat{grid-template-columns:1fr;gap:6px;min-height:0;padding:23px}
 .experience-display .experience-stat>strong{font-size:64px}
 .approach-progress-illustration{max-height:none}
 .ppi-steps{gap:5px}
 .ppi-step{padding:8px 3px}
 .ppi-step-text b{font-size:12px}
 .ppi-step-text small{font-size:10px}
}

/* V0.8 : progression visuelle ajoutée exclusivement à la carte PPI */
.ppi-roadmap-art{display:block;width:100%;max-height:118px;object-fit:contain;margin-top:24px;border:1px solid #e3e4e0;border-radius:8px}
.ppi-steps{margin-top:13px}
@media(max-width:650px){.ppi-roadmap-art{margin-top:18px;max-height:95px}}


/* ===== Maquette-inspired visual update: HERO + EXPERIENCE only ===== */
/* The image assets come from the exact approved generated mockup. The wording, references,
   offers, forms and diagnosis engine remain those of the functional previous version. */
@media(min-width:851px){
 .hero.hero-maquette{background:#1e3037;isolation:isolate;}
 .hero.hero-maquette::before{content:"";position:absolute;inset:0 0 0 auto;width:56%;height:100%;background-image:url("assets/maquette-scene-industrielle.jpg");background-size:cover;background-position:center center;opacity:1;z-index:-2;pointer-events:none;}
 .hero.hero-maquette::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#1e3037 0%,#1e3037 43%,rgba(30,48,55,.96) 47%,rgba(30,48,55,.36) 59%,transparent 71%);pointer-events:none;}
 .hero.hero-maquette .hero-grid{display:flex;align-items:center;min-height:550px;padding-top:48px;padding-bottom:49px;}
 .hero.hero-maquette .hero-content{width:54%;flex:none;z-index:1;}
 .hero.hero-maquette .hero-panel{display:none!important;}
 .hero.hero-maquette .hero-top{margin-bottom:17px;gap:10px;}
 .hero.hero-maquette .hero h1{max-width:none;}
 .hero.hero-maquette h1{font-size:clamp(42px,3.5vw,59px);line-height:1.06;letter-spacing:-.035em;margin:0 0 15px;}
 .hero.hero-maquette .hero-lead,.hero.hero-maquette .hero-sub{font-size:clamp(15px,1.06vw,17px);line-height:1.46;margin:0 0 14px;color:#f3f5f4;}
 .hero.hero-maquette .hero-buttons{margin-top:20px;gap:10px;}
 .hero.hero-maquette .button{font-size:clamp(12px,.9vw,15px);padding:14px 16px;}
 .hero.hero-maquette .hero-foot{font-size:12px;margin-top:12px;}
}
@media(min-width:851px) and (max-width:1140px){
 .hero.hero-maquette .hero-content{width:60%;}
 .hero.hero-maquette::after{background:linear-gradient(90deg,#1e3037 0%,#1e3037 47%,rgba(30,48,55,.91) 55%,rgba(30,48,55,.15) 80%,transparent);}
 .hero.hero-maquette .hero-grid{min-height:610px;}
 .hero.hero-maquette .hero-sub,.hero.hero-maquette .hero-lead{font-size:15px;}
 .hero.hero-maquette .hero-top .eyebrow{font-size:10px;}
}
@media(max-width:850px){
 .hero.hero-maquette{background:#1e3037;}
 .hero.hero-maquette:before{display:none!important;}
 .hero.hero-maquette .hero-grid{display:flex;flex-direction:column;gap:20px;padding-top:34px;padding-bottom:0;}
 .hero.hero-maquette .hero-content{width:100%;}
 .hero.hero-maquette .hero-panel{display:none!important;}
 .hero.hero-maquette .hero-grid::after{content:"";display:block;width:calc(100% + 36px);height:clamp(220px,57vw,390px);background-image:url("assets/maquette-scene-industrielle.jpg");background-size:cover;background-position:center;margin:8px -18px 0;}
 .hero.hero-maquette .hero-lead,.hero.hero-maquette .hero-sub{font-size:16px;line-height:1.5;}
}
/* Exact refinery imagery from the selected maquette + fully readable, responsive HTML metric cards */
.section.experience-v04.experience-maquette{position:relative;background:#1d3037;color:white;padding-top:38px;padding-bottom:38px;isolation:isolate;overflow:hidden;}
.section.experience-v04.experience-maquette::before{content:"";position:absolute;inset:0;background:url("assets/maquette-panorama-experience-nettoye.jpg") center center/cover no-repeat;z-index:-2;}
.section.experience-v04.experience-maquette::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1d3037 0%,#1d3037 48%,rgba(29,48,55,.95) 58%,rgba(29,48,55,.18) 82%,rgba(29,48,55,.05));z-index:-1;}
.section.experience-v04.experience-maquette .experience-grid{display:grid;grid-template-columns:1.1fr 0.92fr;gap:5%;align-items:center;}
.section.experience-v04.experience-maquette .eyebrow{color:white;font-size:13px;margin-bottom:9px;}
.section.experience-v04.experience-maquette h2{color:white;font-size:clamp(28px,2.75vw,42px);max-width:720px;margin:0 0 15px;line-height:1.14;}
.section.experience-v04.experience-maquette .text-large,.section.experience-v04.experience-maquette .experience-grid p:not(.eyebrow){color:#f0f4f4;font-size:clamp(15px,1.13vw,17px);line-height:1.43;margin:0 0 12px;}
.section.experience-v04.experience-maquette .experience-metrics-maquette{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:0;background:none;}
.section.experience-v04.experience-maquette .metric-maquette{background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.8);box-shadow:0 12px 25px rgba(0,0,0,.12);color:#1e272a;padding:17px 22px;display:flex;flex-direction:column;min-height:180px;justify-content:center;}
.section.experience-v04.experience-maquette .metric-symbol{font-size:31px;font-weight:900;color:#e8c900;letter-spacing:-4px;line-height:1.1;}
.section.experience-v04.experience-maquette .metric-maquette strong{font-size:clamp(34px,3vw,54px);font-weight:850;line-height:1.14;letter-spacing:-.04em;white-space:nowrap;}
.section.experience-v04.experience-maquette .metric-maquette span{font-size:clamp(14px,1.05vw,18px);line-height:1.32;color:#293135;}
.testimonials-section-maquette{background:#ededec;}
.testimonials-section-maquette .testimonials{margin-top:0;padding-block:36px 44px;border:0;}
@media(max-width:850px){
 .section.experience-v04.experience-maquette{padding:45px 0;}
 .section.experience-v04.experience-maquette::after{background:linear-gradient(90deg,rgba(29,48,55,.97),rgba(29,48,55,.70));}
 .section.experience-v04.experience-maquette .experience-grid{grid-template-columns:1fr;gap:22px;}
 .section.experience-v04.experience-maquette .experience-metrics-maquette{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
 .section.experience-v04.experience-maquette .metric-maquette{padding:14px;min-height:140px;}
 .section.experience-v04.experience-maquette .metric-maquette strong{font-size:clamp(30px,6vw,45px);}
}
@media(max-width:420px){
 .section.experience-v04.experience-maquette .experience-metrics-maquette{grid-template-columns:1fr 1fr;}
 .section.experience-v04.experience-maquette .metric-maquette{padding:11px;}
 .section.experience-v04.experience-maquette .metric-maquette strong{font-size:30px;}
 .section.experience-v04.experience-maquette .metric-maquette span{font-size:13px;}
}

.section.experience-v04.experience-maquette .metric-svg{width:34px;height:34px;display:block;margin:0 0 8px;letter-spacing:0;}


/* V1.0 - modifications de présentation exclusivement demandées par le client */
/* Le cartouche publicitaire intégré à l'illustration d'origine est retiré en changeant uniquement l'image de fond. */
.hero.hero-maquette{--hero-v10: url("assets/industrie-echange-illustration.jpg");}
@media(min-width:851px){.hero.hero-maquette::before{background-image:var(--hero-v10);background-position:60% center;}}
@media(max-width:850px){.hero.hero-maquette .hero-grid::after{background-image:var(--hero-v10);background-position:center center;}}
/* Cards: accent jaune, sans changement des contenus des autres rubriques */
.issues-rich .issue{border-top:4px solid #FEE004;transition:none;}
.issues-rich .issue-tag{color:#686d6c;}
/* Enchaînement logique du pré-diagnostic : observation puis action. */
.diagnostic-promo .diagnostic-action{display:flex;align-items:center;gap:15px;margin-top:13px!important;font-weight:700;color:#fff!important;}
.diagnostic-arrow{display:inline-grid;place-items:center;flex:none;width:43px;height:43px;background:#FEE004;color:#273237;font-size:29px;line-height:1;}
/* Expérience : texte sur gris clair, chiffres sur fond anthracite ; les pictos restent jaunes. */
.section.experience-v04.experience-maquette{background:#eeeeed;color:#263237;}
.section.experience-v04.experience-maquette::after{background:linear-gradient(90deg,#efefed 0%,#efefed 51%,rgba(239,239,237,.91) 60%,rgba(239,239,237,.20) 84%,rgba(239,239,237,.03) 100%);}
.section.experience-v04.experience-maquette h2{color:#263237;}
.section.experience-v04.experience-maquette .eyebrow{color:#626b6d;}
.section.experience-v04.experience-maquette .text-large,.section.experience-v04.experience-maquette .experience-grid p:not(.eyebrow){color:#3c474a;}
.section.experience-v04.experience-maquette .metric-maquette{background:#30383b;border:1px solid #30383b;color:#fff;}
.section.experience-v04.experience-maquette .metric-maquette strong{color:#fff;}
.section.experience-v04.experience-maquette .metric-maquette span{color:#f0f3f3;}
/* APPROCHE : la double expertise prend la largeur de la rubrique, sans déformer les deux images d'origine. */
.approach-v04 .approach-grid{display:block;}
.approach-v04 .approach-grid>div:first-child{max-width:none;}
.approach-v04 .dual-expertise{width:100%;max-width:1180px;display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);gap:15px;align-items:stretch;}
.approach-v04 .dual-expertise>div:not(.dual-plus){min-width:0;padding:30px 34px;}
.approach-v04 .dual-emoji{width:65px;height:65px;display:grid;place-items:center;}
.approach-v04 .dual-emoji img{width:auto!important;height:auto!important;max-width:100%;max-height:100%;object-fit:contain;display:block;}
.approach-v04 .dual-base{max-width:1180px;}
/* Outils : Arc-en-ciel grand encadré à gauche ; PPI, Business Skills et IA empilés à droite. */
.approach-v04 .tools-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:repeat(3,minmax(165px,auto));gap:14px;align-items:stretch;}
.approach-v04 .tools-grid>.tool-card{min-width:0;min-height:0;}
.approach-v04 .tools-grid>.tool-arc{grid-column:1;grid-row:1 / span 3;align-self:stretch;}
.approach-v04 .tools-grid>.tool-card:nth-child(2){grid-column:2;grid-row:1;}
.approach-v04 .tools-grid>.tool-card:nth-child(3){grid-column:2;grid-row:2;}
.approach-v04 .tools-grid>.tool-card:nth-child(4){grid-column:2;grid-row:3;}
.approach-v04 .tools-grid>.tool-card:not(.tool-arc){padding:22px 26px;}
.approach-v04 .tools-grid>.tool-card:not(.tool-arc) h4{margin-top:9px;}
.approach-v04 .tools-grid>.tool-card:not(.tool-arc) p{margin-bottom:0;}
.approach-v04 .tools-grid>.tool-card:not(.tool-arc) .tool-icon,
.approach-v04 .tools-grid>.tool-card:not(.tool-arc) .tool-symbol,
.approach-v04 .tools-grid>.tool-card:not(.tool-arc)>svg{max-height:62px;}
@media(max-width:780px){
 .approach-v04 .tools-grid{grid-template-columns:1fr;grid-template-rows:auto;}
 .approach-v04 .tools-grid>.tool-arc,.approach-v04 .tools-grid>.tool-card:nth-child(2),.approach-v04 .tools-grid>.tool-card:nth-child(3),.approach-v04 .tools-grid>.tool-card:nth-child(4){grid-column:1;grid-row:auto;}
 .approach-v04 .dual-expertise{grid-template-columns:1fr;}
 .approach-v04 .dual-expertise .dual-plus{justify-self:center;}
}


/* V0.11 CORRIGEE — UNIQUEMENT inversion des colonnes de l'accueil :
   texte a gauche et photo industrielle a droite sur ordinateur.
   Sur mobile, l'image reste au-dessus du texte (mise en page une colonne). */
.hero.hero-maquette{background:#1e3037;isolation:isolate;position:relative;overflow:hidden;}
.hero.hero-maquette::before{display:none!important;content:none!important;}
.hero.hero-maquette::after{pointer-events:none;}
.hero.hero-maquette .hero-grid::after{content:none!important;display:none!important;}
.hero.hero-maquette .hero-left-visual{overflow:hidden;}
.hero.hero-maquette .hero-left-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}
@media (min-width:851px){
 .hero.hero-maquette .hero-grid{display:flex;justify-content:flex-start;align-items:center;min-height:630px;padding-top:55px;padding-bottom:55px;}
 .hero.hero-maquette .hero-left-visual{position:absolute;left:auto;right:0;top:0;bottom:0;width:49%;z-index:0;}
 .hero.hero-maquette::after{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#1e3037 0%,#1e3037 49%,rgba(30,48,55,.35) 59%,transparent 68%,transparent 100%);}
 .hero.hero-maquette .hero-content{position:relative;z-index:2;width:53%;flex:0 0 53%;}
}
@media (min-width:851px) and (max-width:1140px){
 .hero.hero-maquette .hero-grid{min-height:720px;}
 .hero.hero-maquette .hero-content{width:57%;flex-basis:57%;}
 .hero.hero-maquette .hero-left-visual{width:48%;}
 .hero.hero-maquette::after{background:linear-gradient(90deg,#1e3037 0%,#1e3037 52%,rgba(30,48,55,.55) 61%,transparent 70%,transparent 100%);}
}
@media (max-width:850px){
 .hero.hero-maquette::after{display:none!important;content:none!important;}
 .hero.hero-maquette .hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:0;padding-bottom:34px;}
 .hero.hero-maquette .hero-left-visual{position:relative;order:0;width:calc(100% + 36px);height:clamp(220px,55vw,390px);margin:0 -18px 24px;}
 .hero.hero-maquette .hero-content{position:relative;order:1;width:100%;flex:none;}
}

/* V0.12 — uniquement les ajustements demandés */
/* Expérience : nouveau panorama net au crépuscule ; chiffres anthracite et icône professionnelle jaune. */
.section.experience-v012::before{background-image:url('assets/industrie-crepuscule-net.png')!important;background-position:center 45%!important;}
.section.experience-v012 .metric-icon-custom{display:block;width:35px;height:35px;object-fit:contain;margin-bottom:10px;}
.section.experience-v012 .metric-maquette strong{letter-spacing:-.03em;}
/* Approche : deux cartes centrées sur la gauche et échange terrain sur la droite. */
.approach-v012 .approach-visual-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);align-items:stretch;gap:26px;margin-top:30px;max-width:1190px;}
.approach-v012 .approach-visual-left{min-width:0;display:flex;flex-direction:column;}
.approach-v012 .dual-expertise{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:10px;flex:1;align-items:stretch;}
.approach-v012 .dual-expertise>div:not(.dual-plus){padding:27px 18px 21px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.approach-v012 .dual-expertise .dual-plus{align-self:center;text-align:center;}
.approach-v012 .dual-expertise .dual-emoji{width:78px;height:78px;margin:0 auto 11px;}
.approach-v012 .dual-expertise .dual-emoji svg{display:block;width:78px;height:78px;max-width:100%;}
.approach-v012 .dual-expertise h3{font-size:clamp(19px,1.7vw,25px);}
.approach-v012 .dual-expertise p{font-size:clamp(14px,1.2vw,17px);line-height:1.45;}
.approach-v012 .dual-base{font-weight:800;color:var(--yellow);background:#30383b;font-size:clamp(12px,1.2vw,16px);padding:13px 12px;text-align:center;margin-top:9px;max-width:none;}
.approach-v012 .approach-photo{width:100%;height:100%;min-height:255px;object-fit:cover;object-position:center;border:1px solid #d2d6d2;}
/* Outils : le diagramme PPI résume priorités, actions, suivi ; carte Arc-en-ciel sans vide artificiel. */
.approach-v012 .tools-grid>.tool-arc{display:flex;flex-direction:column;justify-content:flex-start;align-self:stretch;}
.approach-v012 .tools-grid>.tool-arc .method-proof{margin-top:18px;}
.approach-v012 .tools-grid>.tool-arc>img{width:132px;height:132px;object-fit:contain;}
.approach-v012 .tools-grid>.tool-card:nth-child(2){padding-top:20px;}
.ppi-visual{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%;max-width:370px;background:#fff;border:1px solid #d6d9d5;padding:10px;border-radius:5px;}
.ppi-visual>div{text-align:center;display:grid;justify-items:center;gap:2px;border-right:1px solid #e4e5e1;padding:2px 5px;}
.ppi-visual>div:last-child{border-right:0;}
.ppi-visual span{display:grid;place-items:center;width:29px;height:29px;background:#FEE004;border-radius:50%;font-weight:800;color:#303437;font-size:14px;}
.ppi-visual b{font-size:13px;line-height:1.1;}.ppi-visual small{color:#5a6364;font-size:11px;}
/* Démarrage du test directement : affiche la fiche de présentation et non deux introductions successives. */
.page-diagnostic .wizard{padding:23px 0 50px;min-height:0;}
.page-diagnostic .wizard-panel{padding:26px 30px;min-height:0;}
.page-diagnostic #start-screen h2{font-size:clamp(30px,3.3vw,45px);line-height:1.17;}
.page-diagnostic #start-screen h2 em{font-style:normal;color:#947900;}
.page-diagnostic #start-screen>.wizard-kicker{font-size:17px;color:#30383b;}
.page-diagnostic .wizard-sidebar{top:115px;padding:22px;}
.page-diagnostic .side-header{font-size:16px;}
.page-diagnostic .side-sections{gap:6px;margin:15px 0;}
.page-diagnostic .side-sections span{font-size:14px;line-height:1.27;padding:11px 10px;border-left:4px solid transparent;}
.page-diagnostic .side-sections span.active{color:#FEE004;border-left-color:#FEE004;background:#ffffff0d;font-weight:800;}
/* Une question + cinq réponses visibles dans la zone utile d'un écran d'ordinateur courant. */
.page-diagnostic #question-screen{padding:20px 26px;}
.page-diagnostic #question-screen h2{font-size:clamp(22px,2.1vw,30px);line-height:1.2;margin:11px 0 7px;}
.page-diagnostic #question-screen .wizard-progress-heading{font-size:13px;}
.page-diagnostic #question-screen .progress{margin:6px 0 14px;height:6px;}
.page-diagnostic #question-screen .question-hint{font-size:14px;line-height:1.3;margin-bottom:10px;}
.page-diagnostic #question-screen .answers{gap:6px;margin-top:7px;}
.page-diagnostic #question-screen .answer{padding:7px 12px;gap:12px;min-height:43px;line-height:1.22;font-size:15px;}
.page-diagnostic #question-screen .answer-num{width:27px;height:27px;}
.page-diagnostic #question-screen .wizard-step-actions{margin-top:15px;}
.page-diagnostic #question-screen .wizard-step-actions .btn{min-height:40px;padding:8px 13px;}
.page-diagnostic .wizard-layout{grid-template-columns:minmax(0,1fr) 278px;gap:16px;}
.page-diagnostic .result-transmission-note{font-size:14px;color:#526064;padding:10px 12px;border-left:3px solid #FEE004;background:#f8f7e8;}
/* Contact : fiche dédiée à tous les CTA concernés, sans envoi automatique en mode local. */
.page-contact-v012 .contact-form-section{background:#f4f5f2;min-height:70vh;}
.contact-form-layout{display:grid;grid-template-columns:minmax(280px,.88fr) minmax(0,1.12fr);gap:6%;align-items:start;}
.contact-form-layout h1{font-size:clamp(36px,4vw,59px);}
.contact-form-layout>.contact-form-card{background:#fff;border:1px solid #d4d8d5;border-top:6px solid var(--yellow);padding:28px;box-shadow:0 14px 26px #2222220a;}
.contact-form-card h2{font-size:26px;}
.contact-form-card label{display:block;font-weight:700;font-size:15px;margin-bottom:14px;}
.contact-form-card input:not([type=checkbox]),.contact-form-card textarea{display:block;width:100%;font:inherit;font-weight:400;font-size:16px;margin-top:6px;padding:11px;border:1px solid #b5bfba;background:#fff;color:#1f282c;border-radius:3px;}
.contact-form-card input:focus-visible,.contact-form-card textarea:focus-visible{outline:3px solid #d5b900;outline-offset:1px;}
.contact-form-card .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 13px;}
.contact-form-card .checkline{display:flex;align-items:flex-start;gap:10px;font-weight:400;font-size:14px;}
.contact-form-card .checkline input{margin-top:6px;flex:none;}
.contact-form-card .privacy-short{font-size:12px;color:#596366;}
.contact-form-card .form-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;}
.contact-prototype-notice{padding:15px;border-left:4px solid #d9bb00;background:#fff8d5;font-size:14px;}
.contact-form-card .form-status{color:#334246;font-weight:700;}
.contact-direct a{font-size:23px;font-weight:800;text-decoration:none;border-bottom:3px solid var(--yellow);}
@media(max-width:1100px){.approach-v012 .approach-visual-layout{grid-template-columns:minmax(0,1fr) 320px;gap:14px;}}
@media(max-width:850px){.approach-v012 .approach-visual-layout,.contact-form-layout{grid-template-columns:1fr;}.approach-v012 .approach-photo{max-height:320px;}.page-diagnostic .wizard-layout{grid-template-columns:1fr;}.page-diagnostic .wizard-sidebar{display:block;position:static;order:-1;}.page-diagnostic .side-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;}.page-diagnostic .wizard-sidebar{padding:15px;margin-bottom:0;}.page-diagnostic .side-sections span{font-size:12px;padding:5px;}}
@media(max-width:650px){.approach-v012 .dual-expertise{grid-template-columns:1fr;}.approach-v012 .approach-photo{max-height:280px;}.page-diagnostic .wizard-sidebar{display:none;}.page-diagnostic #question-screen{padding:15px;}.page-diagnostic #question-screen h2{font-size:clamp(20px,5vw,25px);}.page-diagnostic #question-screen .answer{font-size:13px;min-height:40px;padding:6px 9px;}.page-contact-v012 .contact-form-card .form-grid{grid-template-columns:1fr;}.contact-form-layout>.contact-form-card{padding:20px;}}
@media print{.contact-form-card{display:none!important}.page-diagnostic .wizard-sidebar{display:none!important}}

/* Carte Arc-en-ciel : rapprocher le panneau de preuves du bord inférieur. */
.approach-v012 .tools-grid>.tool-arc .method-proof{margin-top:auto;padding-top:20px;}


/* ===== V0.13 : uniquement demandes validées ===== */
/* Approche : photo intégrée au fond jusqu’au bord droit, fondu sur la gauche. */
.approach-v012 .approach-grid{position:relative;isolation:isolate}
.approach-v012 .approach-visual-layout{position:relative;grid-template-columns:minmax(0, 660px) 1fr;max-width:none;min-height:330px;align-items:center}
.approach-v012 .approach-visual-layout::before{content:"";position:absolute;z-index:-1;top:-35px;bottom:-32px;right:calc((min(var(--max),100vw - 64px) - 100vw)/2);width:min(62vw,920px);background:url('assets/accompagnement-terrain.png') center 44% / cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.33) 21%,#000 53%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.33) 21%,#000 53%)}
.approach-v012 .approach-visual-left{position:relative;z-index:2;max-width:660px}
.approach-v012 .dual-expertise .dual-emoji img{width:65px!important;height:65px!important;max-height:65px;object-fit:contain;display:block;image-rendering:auto}
.approach-v012 .dual-base{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px;color:var(--yellow)}
.approach-v012 .dual-white-arrow{color:#fff;font-weight:900;font-size:18px}
/* Outils : visibilité du logo, des évaluations et mise en avant PPI. */
.approach-v012 .tools-grid .tool-card.tool-arc>img{width:172px;height:172px;max-width:100%;object-fit:contain}
.approach-v012 .tools-grid .tool-arc .supplier-reviews{gap:12px}
.approach-v012 .tools-grid .tool-arc .supplier-reviews>div{padding:13px 15px}
.approach-v012 .tools-grid .tool-arc .supplier-score{font-size:21px}
.approach-v012 .tools-grid .tool-arc .supplier-platform{font-size:16px}
.approach-v012 .tools-grid .tool-arc .supplier-reviews small{font-size:13px}
.approach-v012 .tools-grid>.tool-card:not(.tool-arc) .tool-symbol-icon{display:flex;align-items:center;justify-content:flex-start;height:78px}
.approach-v012 .tools-grid>.tool-card:not(.tool-arc) .tool-symbol-icon img{width:auto;height:74px;max-width:155px;object-fit:contain}
.approach-v012 .tools-grid>.tool-card:not(.tool-arc) .tool-icon-ppi{display:block;width:82px;height:69px;object-fit:contain;margin:0 0 6px}
.approach-v012 .tools-grid>.tool-card:not(.tool-arc) .ppi-visual{margin:10px 0 13px}
/* Test : première question immédiatement ; introduction compacte visible en haut. */
.page-diagnostic .diagnostic-heading-v013{padding:0 3px 12px}
.page-diagnostic .diagnostic-heading-v013 .wizard-kicker{font-size:16px;font-weight:850;letter-spacing:.10em;color:#30383b;margin:0 0 5px}
.page-diagnostic .diagnostic-heading-v013 h1{font-size:clamp(23px,2.35vw,34px);line-height:1.15;margin:0 0 7px}
.page-diagnostic .diagnostic-heading-v013 h1 em{font-style:normal;color:#FEE004;background:#30383b;padding:0 5px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.page-diagnostic .diagnostic-tagline-v013{color:#526064;font-size:14px;line-height:1.4;margin:0 0 8px}
.page-diagnostic .diagnostic-meta-v013{display:flex;flex-wrap:wrap;align-items:center;gap:5px 17px;font-size:12px;color:#566365;line-height:1.3;margin-bottom:8px}
.page-diagnostic .diagnostic-meta-v013 span:first-child{font-weight:800;color:#30383b;white-space:nowrap}
.page-diagnostic .side-header-v013{font-size:13px!important;color:#f3f4ef;letter-spacing:.07em;line-height:1.45;padding-bottom:11px;border-bottom:1px solid #6e797c}
.page-diagnostic .side-subheader-v013{color:#FEE004;font-weight:800;letter-spacing:.12em;font-size:14px;margin-top:12px}
.page-diagnostic .side-sections-v013>span{display:flex;align-items:center;gap:9px}
.page-diagnostic .dimension-arrow-v013{display:inline-block;flex:none;width:30px;height:30px}
.page-diagnostic .dimension-arrow-v013 svg{width:100%;height:100%;display:block}
.page-diagnostic #question-screen{padding:15px 23px}
.page-diagnostic #question-screen h2{margin:7px 0 6px;font-size:clamp(21px,2vw,27px)}
.page-diagnostic #question-screen .answer{padding:6px 10px;min-height:40px}
.page-diagnostic #question-screen .wizard-step-actions{margin-top:10px}
.page-diagnostic .result-radar svg{max-width:590px!important;width:100%}
@media(max-width:1050px){.approach-v012 .approach-visual-layout{grid-template-columns:minmax(0, 58%) 1fr}.approach-v012 .approach-visual-layout::before{width:61vw}}
@media(max-width:850px){.approach-v012 .approach-visual-layout{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-bottom:240px}.approach-v012 .approach-visual-layout::before{top:auto;bottom:0;right:-32px;left:-32px;height:235px;width:auto;-webkit-mask-image:linear-gradient(0deg,#000 70%,transparent 100%);mask-image:linear-gradient(0deg,#000 70%,transparent 100%)}.approach-v012 .approach-visual-left{max-width:none}.page-diagnostic .diagnostic-meta-v013{gap:5px}}
@media(max-width:650px){.approach-v012 .approach-visual-layout::before{left:-18px;right:-18px}.page-diagnostic .diagnostic-heading-v013 h1{font-size:23px}.page-diagnostic .diagnostic-tagline-v013{font-size:13px}.page-diagnostic .diagnostic-meta-v013{font-size:12px}.page-diagnostic #question-screen{padding:14px}}
/* Pictogrammes du panneau latéral : neutraliser les styles généraux des éléments span imbriqués. */
.page-diagnostic .side-sections-v013 > span .dimension-arrow-v013{display:block!important;flex:0 0 32px!important;width:32px!important;height:32px!important;padding:0!important;margin:0!important;border:0!important;background:none!important;line-height:1!important}
.page-diagnostic .side-sections-v013 > span .dimension-arrow-v013 svg{display:block!important;width:32px!important;height:32px!important;margin:0!important;padding:0!important;border:0!important}

/* ===== V0.14 : correctifs strictement demandés ===== */
/* Dézoomer l'image de fond de l'approche : les trois interlocuteurs restent dans le cadre. */
@media (min-width:851px){
 .approach-v012 .approach-visual-layout::before{
    background-size:auto 111%;
    background-position:right center;
    -webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.42) 22%, #000 42%);
    mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.42) 22%, #000 42%);
 }
}
/* Uniformiser les consignes du test avec la phrase d'introduction, sans gras sur la durée. */
.page-diagnostic .diagnostic-meta-v013{
    font-family:inherit;
    font-size:14px;
    font-weight:400;
    line-height:1.4;
    color:#526064;
}
.page-diagnostic .diagnostic-meta-v013 span:first-child{
    font-weight:400;
    color:#526064;
}
/* La rubrique active est la seule en jaune, pour chaque question. */
.page-diagnostic .side-sections-v013 > span[data-axis].active{
    color:#FEE004;
    border-left-color:#FEE004;
}
/* Au moment de la restitution, le panneau latéral des cinq dimensions disparaît. */
.page-diagnostic.is-result-screen .wizard-sidebar{display:none!important;}
.page-diagnostic.is-result-screen .wizard-layout{grid-template-columns:minmax(0,1fr);}
@media(max-width:650px){
 .page-diagnostic .diagnostic-meta-v013{font-size:13px;}
}


/* ===== V0.15 : modifications strictement demandées ===== */
/* La photo de l'approche devient un fond jusqu'au bord droit, avec un fondu vers la gauche,
   comme dans la rubrique Expérience. La photo d'origine est conservée. */
@media (min-width:851px){
  .approach-v012 .approach-visual-layout::before{content:none!important;}
  /* Garder le titre lisible dans la zone claire du fondu. */
  .approach-v012 .approach-grid h2{max-width:660px;}
  .approach-v012 .approach-grid::before{
    content:"";position:absolute;z-index:-1;pointer-events:none;
    top:-20px;bottom:-24px;
    right:calc((100% - 100vw)/2);
    width:min(70vw,1080px);
    background:url('assets/accompagnement-terrain.png') center 48%/cover no-repeat;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.17) 20%,rgba(0,0,0,.82) 43%,#000 61%);
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.17) 20%,rgba(0,0,0,.82) 43%,#000 61%);
  }
}
/* Fond blanc pour la poignée de main, au même titre que le pictogramme adjacent. */
.approach-v012 .dual-expertise .dual-emoji-framed{
  width:78px;height:78px;box-sizing:border-box;
  display:grid;place-items:center;background:#fff;padding:6px;
}
.approach-v012 .dual-expertise .dual-emoji-framed img{
  width:65px!important;height:65px!important;max-height:65px;
  object-fit:contain;display:block;
}
/* La durée du test est la troisième ligne, discrète et plus petite. */
.page-diagnostic .diagnostic-meta-v013{
  display:flex;flex-direction:column;align-items:flex-start;
  flex-wrap:nowrap;gap:5px;
}
.page-diagnostic .diagnostic-meta-v013 span:last-child{
  font-size:12px;font-weight:400;color:#526064;
}
@media(max-width:650px){
 .page-diagnostic .diagnostic-meta-v013 span:last-child{font-size:11px;}
}

/* V0.16 : ne pas imposer trois pistes en cas de niveau excellent ou maximal. */
.priority-results:empty{display:none}
.priority-explainer{font-size:15px!important;max-width:740px!important;color:#526064;margin:12px 0 0}

/* V0.17 — Restitution : 1 ou 2 pistes sans colonnes vides, 1 à 5 vigilances thématiques. */
.priority-results[data-count="1"]{grid-template-columns:minmax(0,1fr)}
.priority-results[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:600px){.priority-results[data-count="1"],.priority-results[data-count="2"]{grid-template-columns:1fr}}


/* ===== V0.18 : ajustements avant mise en ligne ===== */
/* Logos clients : intégration des nouvelles références sans texte complémentaire. */
.wide-logos .client-logo img[src$="valspar.png"]{max-width:88%;max-height:62px}
.wide-logos .client-logo img[src$="aptar.png"]{max-width:84%;max-height:64px}
.wide-logos .client-logo img[src$="fiabila.png"]{max-width:68%;max-height:70px}

/* Première page du pré-diagnostic : ajout d'un visuel à droite avec fondu vers la gauche. */
.page-diagnostic .diagnostic-heading-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:18px;align-items:stretch;margin-bottom:4px}
.page-diagnostic .diagnostic-heading-visual{min-height:188px;border-radius:0;overflow:hidden;background:url('assets/diagnostic-intro-photo.png') center center/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 18%,rgba(0,0,0,.88) 48%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 18%,rgba(0,0,0,.88) 48%,#000 100%)}
@media(max-width:900px){.page-diagnostic .diagnostic-heading-hero{grid-template-columns:1fr}.page-diagnostic .diagnostic-heading-visual{min-height:150px;-webkit-mask-image:linear-gradient(0deg,transparent 0%,rgba(0,0,0,.2) 22%,#000 62%);mask-image:linear-gradient(0deg,transparent 0%,rgba(0,0,0,.2) 22%,#000 62%)}}
@media(max-width:650px){.page-diagnostic .diagnostic-heading-visual{min-height:128px}}