/* Pages consultant métier — références Secur Ouverture / ABD Plomberie.
   Styles limités au contenu des trois pilotes. */
.metier-content{--m-ink:#262454;--m-muted:#4f4d74;--m-line:#e7e6f0;color:var(--m-ink);font-size:16px;line-height:1.7;background:#fff}
.metier-content *{box-sizing:border-box;min-width:0}
.metier-content [id]{scroll-margin-top:150px}
.metier-content .m-shell{width:min(1180px,calc(100% - 64px));margin-inline:auto}
.metier-content h1,.metier-content h2,.metier-content h3{font-family:Montserrat,sans-serif;color:inherit}
.metier-content h1{font-size:clamp(38px,3.8vw,56px);font-weight:800;line-height:1.12;letter-spacing:-1.6px;margin:0 0 22px;text-wrap:balance}
.metier-content h2{font-size:clamp(28px,2.7vw,38px);font-weight:700;line-height:1.2;letter-spacing:-.8px;margin:0 0 22px;max-width:900px;text-wrap:balance}
.metier-content h3{font-size:21px;font-weight:700;line-height:1.35;letter-spacing:-.3px;margin:0 0 12px}
.metier-content p{margin:0 0 18px;color:var(--m-muted)}
.metier-content p:last-child{margin-bottom:0}
.metier-content a{color:#3b38b2;text-decoration:underline;text-underline-offset:4px}
.metier-content a:hover{text-decoration-thickness:2px}
.metier-content :is(a,summary,[tabindex]):focus-visible{outline:3px solid #3b38b2;outline-offset:5px;border-radius:4px}
.metier-content .m-kicker{font-size:13px;font-weight:600;letter-spacing:.9px;text-transform:uppercase;color:var(--m-ink);margin-bottom:16px}
.metier-content .m-button{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:15px 30px;border:2px solid transparent;border-radius:8px;background:#f5df4d;color:#262454;font-size:18px;font-weight:600;line-height:1.45;text-align:center;cursor:pointer;max-width:100%;min-height:60px;transition:background .2s,color .2s}
.metier-content .m-button strong{font-size:14px;font-weight:400}
.metier-content .m-button:hover{background:#262454;color:#fff}

/* Photo métier en fond ; CTA avant la liste de prestations. */
.metier-content .m-hero{background:#fff}
.metier-content .m-hero-stage{position:relative;isolation:isolate;background:#262454;overflow:hidden}
.metier-content .m-hero-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:75% 48%}
.metier-content .m-hero-stage::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(24,24,61,.97) 0%,rgba(24,24,61,.93) 34%,rgba(24,24,61,.73) 54%,rgba(24,24,61,.24) 76%,rgba(24,24,61,.1) 100%)}
.metier-content .m-hero-grid{padding-block:64px;min-height:600px;display:flex;align-items:center}
.metier-content .m-hero-copy{width:62%;max-width:710px}
.metier-content .m-hero h1{color:#fff}
.metier-content .m-hero h1 span{color:#f5df4d}
.metier-content .m-hero .m-kicker{color:#fff;font-size:13px;letter-spacing:.4px}
.metier-content .m-promise{font-size:22px;font-weight:500;line-height:1.45;color:#fff;max-width:650px;margin-bottom:14px}
.metier-content .m-intro{font-size:16px;line-height:1.65;color:#f2f1f8;max-width:610px;margin-bottom:24px}
.metier-content .m-hero .m-button:hover{background:#fff;color:#262454}
.metier-content .m-hero :is(a,[tabindex]):focus-visible{outline-color:#f5df4d}
.metier-content .m-hero-benefits{list-style:none;padding:0;margin:19px 0 0;display:grid;gap:7px;font-size:15px;line-height:1.5;color:#fff}
.metier-content .m-hero-benefits li{position:relative;padding-left:24px}
.metier-content .m-hero-benefits li::before{content:"✓";position:absolute;left:0;color:#f5df4d;font-weight:700}
.metier-content .m-context{font-size:14px;line-height:1.6;color:#e0deef;margin:16px 0 0}
.metier-content .m-context a{color:#fff}

/* Identité et preuves distinctes de la photographie d’illustration. */
.metier-content .m-trust{display:grid;grid-template-columns:1.12fr 1.05fr 1fr .9fr;align-items:center;padding-block:25px;border-bottom:1px solid var(--m-line);gap:24px}
.metier-content .m-trust>div{padding-left:22px;border-left:1px solid var(--m-line)}
.metier-content .m-trust>div:first-child{padding-left:0;border:0}
.metier-content .m-trust strong{display:block;font-family:Montserrat,sans-serif;font-size:16px;font-weight:700;line-height:1.4}
.metier-content .m-trust span{display:block;font-size:13px;line-height:1.5;color:var(--m-muted);margin-top:4px}
.metier-content .m-trust a{color:inherit}
.metier-content .m-visual{display:flex;gap:13px;align-items:center}
.metier-content .m-portrait{width:54px;height:54px;flex-shrink:0;border-radius:50%;object-fit:cover;background:#fcf5c9}
.metier-content .m-partner{display:flex;align-items:center;gap:12px;text-decoration:none}
.metier-content .m-partner img{width:59px;height:auto;flex-shrink:0}
.metier-content .m-trust .m-rating{color:#806000;font-size:16px;letter-spacing:2px;margin:0 0 4px;line-height:1}

.metier-content .m-section{padding:68px 0}
.metier-content .m-tint{background:#f6f6fa}
.metier-content .m-dark{background:#262454;color:#fff}
.metier-content .m-dark p,.metier-content .m-dark li{color:#e5e4f3}
.metier-content .m-dark :is(h2,h3,strong){color:#fff}
.metier-content .m-dark a,.metier-content .m-dark .m-kicker{color:#f5df4d}
.metier-content .m-split{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:start}
.metier-content .m-grid{display:grid;gap:24px;margin-top:30px}
.metier-content .m-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.metier-content .m-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.metier-content .m-card{border:1px solid var(--m-line);border-top:3px solid #3b38b2;border-radius:8px;padding:28px;background:#fff;color:#262454}
.metier-content .m-card p{font-size:16px}
.metier-content .m-card .m-kicker{font-size:13px;margin-bottom:12px}
.metier-content .m-list{padding-left:21px;margin:18px 0}
.metier-content .m-list li{padding-left:4px;margin-bottom:10px;color:var(--m-muted)}
.metier-content .m-list li::marker{color:#3b38b2}
.metier-content .m-dark .m-list li::marker{color:#f5df4d}
.metier-content .m-steps{list-style:none;counter-reset:steps;padding:0;margin:30px 0 0}
.metier-content .m-steps>li{counter-increment:steps;position:relative;padding:25px 0 25px 70px;border-top:1px solid var(--m-line)}
.metier-content .m-steps>li::before{content:counter(steps);position:absolute;left:0;top:27px;display:grid;place-items:center;width:42px;height:42px;background:#262454;color:#fff;border-radius:50%;font-family:Montserrat,sans-serif;font-size:16px;font-weight:600}
.metier-content .m-steps>li p{max-width:850px}
.metier-content .m-note{padding:8px 0 8px 20px;border-left:3px solid #f5df4d;margin:24px 0 0;font-size:14px}
.metier-content .m-tint .m-note{border-color:#3b38b2}
.metier-content .m-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:30px 0;padding:28px 0;border-block:1px solid rgba(38,36,84,.2)}
.metier-content .m-metrics-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.metier-content .m-metric strong{font-family:Montserrat,sans-serif;font-size:clamp(30px,3.3vw,45px);font-weight:700;letter-spacing:-1px;display:block;line-height:1.25;margin-bottom:8px}
.metier-content .m-metric span{display:block;font-size:15px;line-height:1.6}
.metier-content .m-dark .m-metrics{border-color:rgba(255,255,255,.25)}
.metier-content .m-dark .m-metric strong{color:#f5df4d}
.metier-content .m-table-wrap{overflow-x:auto;margin:26px 0}
.metier-content table{width:100%;border-collapse:collapse;font-size:16px}
.metier-content th,.metier-content td{padding:16px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--m-line)}
.metier-content th{background:#262454;color:#fff;font-weight:600}
.metier-content td:first-child{font-weight:600;color:#262454}
.metier-content .m-terms{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:start}
.metier-content .m-terms dl{margin:0}
.metier-content .m-terms dl>div{padding:19px 0;border-top:1px solid var(--m-line)}
.metier-content .m-terms dl>div:first-child{padding-top:0;border:0}
.metier-content .m-terms dt{font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;margin-bottom:6px}
.metier-content .m-terms dd{margin:0;font-size:16px;color:var(--m-muted)}
.metier-content .m-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px}
.metier-content .m-faq-list details{border-top:1px solid var(--m-line);padding:0}
.metier-content .m-faq-list details:last-child{border-bottom:1px solid var(--m-line)}
.metier-content .m-faq-list summary{position:relative;list-style:none;cursor:pointer;padding:23px 34px 23px 0;font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;line-height:1.5;color:#262454}
.metier-content .m-faq-list summary::-webkit-details-marker{display:none}
.metier-content .m-faq-list summary::after{content:"+";position:absolute;right:4px;top:20px;font-size:24px;font-weight:400}
.metier-content .m-faq-list details[open] summary::after{content:"−"}
.metier-content .m-faq-answer{padding:0 30px 24px 0;font-size:16px;color:var(--m-muted)}
.metier-content .m-sources{font-size:14px;border-top:1px solid var(--m-line);padding-top:20px;margin-top:24px;margin-bottom:28px}
.metier-content .m-sources ul{padding-left:18px}
.metier-content .m-sources li{margin:6px 0}
.metier-content .m-related{padding-top:0}
.metier-content .related-carousel{margin:0}
.metier-content .rc-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
.metier-content .rc-card{min-width:0;text-decoration:none}
.metier-content .rc-nav{display:none}
.metier-content .m-contact{text-align:center;background:#262454;color:#fff;padding:65px 0 40px}
.metier-content .m-contact h2{margin-inline:auto;max-width:850px}
.metier-content .m-contact p{color:#e5e4f3;max-width:700px;margin-inline:auto}
.metier-content .m-contact .m-kicker{color:#f5df4d}
.metier-content .m-contact .m-button{margin-top:8px}
.metier-content .m-contact .m-button:hover{background:#fff;color:#262454}
.metier-content .m-contact [tabindex]:focus-visible{outline-color:#f5df4d}
.metier-content .m-author{display:flex;align-items:center;gap:16px;justify-content:center;padding:28px 0 0;margin-top:36px;border-top:1px solid rgba(255,255,255,.2);font-size:14px;text-align:left}
.metier-content .m-author img{width:50px;height:50px;object-fit:contain;border-radius:50%;background:#fff}
.metier-content .m-author strong{display:block;font-family:Montserrat,sans-serif;font-size:16px}
.metier-content .m-author time{display:block;font-size:13px;color:#d6d4e9}
@media(max-width:1100px){
.metier-content .m-hero-copy{width:69%}
.metier-content .m-hero-grid{min-height:570px;padding-block:48px}
.metier-content .m-trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}
.metier-content .m-trust>div:nth-child(3){border:0;padding-left:0}
.metier-content .m-split,.metier-content .m-terms,.metier-content .m-faq{gap:36px}
.metier-content .m-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
.metier-content .m-shell{width:calc(100% - 40px)}
.metier-content .m-hero-stage{display:flex;flex-direction:column}
.metier-content .m-hero-grid{order:1;min-height:0;padding-block:30px}
.metier-content .m-hero-copy{width:100%;max-width:600px}
/* La scène entière reste visible sous le texte et le CTA sur téléphone. */
.metier-content .m-hero-bg{position:static;order:2;z-index:auto;display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center}
.metier-content .m-hero-stage::after{display:none}
.metier-content h1{font-size:clamp(30px,7.7vw,42px);letter-spacing:-.8px;margin-bottom:17px}
.metier-content .m-hero .m-kicker{font-size:12px;margin-bottom:14px}
.metier-content .m-promise{font-size:19px;line-height:1.45;margin-bottom:12px}
.metier-content .m-intro{font-size:16px;line-height:1.6;margin-bottom:20px}
.metier-content .m-hero-benefits{font-size:14px;margin-top:18px;gap:6px}
.metier-content .m-hero .m-button{width:100%;max-width:370px}
.metier-content .m-context{font-size:14px;margin-top:16px}
.metier-content .m-trust{gap:20px;padding-block:24px}
.metier-content .m-trust>div{padding-left:0;border:0}
.metier-content .m-trust strong{font-size:15px}
.metier-content .m-trust span{font-size:13px}
.metier-content .m-visual,.metier-content .m-partner{align-items:flex-start;gap:9px}
.metier-content .m-portrait{width:40px;height:40px}
.metier-content .m-partner img{width:43px}
.metier-content .m-section{padding:46px 0}
.metier-content .m-split,.metier-content .m-terms,.metier-content .m-faq{grid-template-columns:1fr;gap:22px}
.metier-content .m-grid-2,.metier-content .m-grid-3{grid-template-columns:1fr}
.metier-content .m-grid{gap:16px;margin-top:24px}
.metier-content .m-card{padding:23px}
.metier-content .m-metrics{grid-template-columns:1fr;gap:24px;margin:24px 0;padding:24px 0}
.metier-content .m-metric{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}
.metier-content .m-metric strong{font-size:32px;margin:0}
.metier-content .m-metric span{font-size:14px}
.metier-content .m-steps>li{padding-left:55px}
.metier-content .m-steps>li::before{width:36px;height:36px}
.metier-content .rc-track{grid-template-columns:1fr}
.metier-content .m-related{padding-top:0}
.metier-content .m-contact{padding:46px 0 32px}
.metier-content th,.metier-content td{padding:12px;min-width:125px}
.metier-content [id]{scroll-margin-top:140px}
}
@media(max-width:380px){.metier-content .m-shell{width:calc(100% - 32px)}.metier-content .m-trust{grid-template-columns:1fr}.metier-content .m-trust>div{padding-bottom:16px;border-bottom:1px solid var(--m-line)}.metier-content .m-trust>div:last-child{padding-bottom:0;border:0}.metier-content .m-portrait,.metier-content .m-partner img{width:48px}.metier-content .m-portrait{height:48px}}
@media(prefers-reduced-motion:reduce){.metier-content .m-button{transition:none}}