/* Feuille épurée le 11/11/2026 : les sélecteurs qui ne pouvaient viser aucune page du site (variantes non retenues, composants de la maquette absents) sont retirés, styles calculés identiques vérifiés page par page à 390, 820 et 1280 px. Un nouveau composant de la référence demande de ré-assembler la feuille depuis l'archive de David. */
/* Présentation de la vitrine Marceau : base de la référence du 11/11/2026 (site final de David). */
/* --- site.css --- */
@font-face{font-family:"Bricolage Grotesque";src:url("../assets/4fd48b2c1ab27220.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;}
@font-face{font-family:"Inter";src:url("../assets/3100e775e8616cd2.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;}
:root{--ink:#183f47;--muted:#53696d;--petrol:#1e4750;--deep:#13343b;--copper:#bd613e;--copper-ink:#944225;--orange:#e58b51;--paper:#faf8f4;--line:#dce3df;--sage:#e5eee7;--peach:#f5e2d5;--white:#fff;--radius:22px;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--paper);font-size:15px;line-height:1.6}
*{box-sizing:border-box}
body{margin:0}
button,input,select,textarea{font:inherit}
button,a,input,summary{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
button:disabled{cursor:default}
img,video{max-width:100%}
button{color:inherit}
svg.ico{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}
p,h1,h2,h3,h4{margin:0}
p+p{margin-top:14px}
h1,h2,h3,h4,.brand{font-family:'Bricolage Grotesque',Inter,Arial,sans-serif}
h1{font-size:clamp(40px,4.8vw,66px);line-height:1.06;letter-spacing:-2.5px;font-weight:650}
h2{font-size:clamp(32px,3.3vw,46px);line-height:1.12;letter-spacing:-1.5px;font-weight:650}
h3{font-size:23px;line-height:1.2;letter-spacing:-.5px}
h4{font-size:18px;line-height:1.3}
em{font-style:normal;color:var(--copper-ink)}
small,.small{font-size:12px}
strong{font-weight:650}
[hidden]{display:none!important}
button{border:0}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bd613e65;outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:fixed;left:20px;top:-80px;background:white;padding:14px;z-index:100}
.skip:focus{top:10px}
.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}
.section{padding:88px 0}
.eyebrow{display:flex;gap:8px;align-items:center;font-size:11px;letter-spacing:1.65px;text-transform:uppercase;font-weight:700;color:var(--copper-ink);margin-bottom:16px}
.eyebrow::before{content:'';width:20px;height:2px;background:var(--copper);flex-shrink:0}
.lead{font-size:17px;line-height:1.65;color:var(--muted);max-width:580px}
.muted{color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:49px;padding:12px 21px;border-radius:10px;font-weight:600;font-size:13px;line-height:1.35;border:1px solid transparent;transition:background .2s,transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--petrol);color:white;box-shadow:0 6px 18px #183f4713}
.btn-primary:hover{background:var(--deep)}
.btn-outline{border-color:#adc0bc;background:transparent}
.btn-outline:hover{background:#e5eee7}
.btn-white{background:white;color:var(--ink)}
.text-link{display:inline-flex;gap:9px;align-items:center;font-size:13px;font-weight:650;border-bottom:1px solid #a7bab4;padding-block:4px;background:none}
.text-link:hover{color:var(--copper-ink);border-color:var(--copper)}
.actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap}
.fine{font-size:12px;line-height:1.6;color:var(--muted)}
.page-intro{padding:66px 0 35px;max-width:820px}
.page-intro h1{margin-bottom:20px}
.page-intro .lead{max-width:670px}
.brand{display:inline-flex;align-items:center;gap:9px;font-size:29px;line-height:1;font-weight:650;letter-spacing:-1px;white-space:nowrap}
.brand img{width:31px;height:29px}
.brand-dot{color:var(--orange)}
.hero{position:relative;overflow:hidden;background:#faf8f4;padding:66px 0 58px}
.hero-grid{display:grid;grid-template-columns:.91fr 1.09fr;gap:49px;align-items:center}
.hero-copy h1{font-size:clamp(37px,4.1vw,58px);max-width:600px}
.hero-copy .lead{font-size:16px;margin:22px 0 25px}
.hero-copy .fine{margin-top:14px;max-width:420px}
.hero-copy .eyebrow{font-size:10px}
.hero-copy .actions .text-link{font-size:12px}
.hero-label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px;font-size:10px;color:var(--muted)}
.hero-label strong{font-size:11px}
.video-frame{border-radius:16px;border:1px solid #aebfbb;overflow:hidden;background:var(--deep);box-shadow:0 22px 46px #163b4218;position:relative}
.window-head{background:var(--petrol);color:white;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--copper);font-size:10px;line-height:1.2}
.window-brand{display:flex;align-items:center;gap:7px;font-weight:600}
.window-brand img{width:18px;height:18px}
.video-viewport{position:relative;aspect-ratio:16/9;display:grid;place-items:center;background:#f6f5f2}
.video-viewport video{width:100%;height:100%;display:block;object-fit:contain}
.video-overlay{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:9px;background:#12343b2b;color:white;text-shadow:0 1px 8px #112c35;font-size:11px}
.play-disc{width:58px;height:58px;border-radius:50%;background:white;color:var(--petrol);display:grid;place-items:center;box-shadow:0 5px 30px #183f4740}
.play-disc .ico{fill:currentColor;width:23px;height:23px;margin-left:3px}
.video-toolbar{padding:10px 12px;display:flex;gap:10px;align-items:center;background:#153941;color:#e8efec;min-height:45px}
.video-toolbar button{padding:4px;background:transparent;color:inherit;display:grid;place-items:center;border-radius:4px}
.video-toolbar button:hover{background:#ffffff20}
.video-toolbar .ico{width:17px;height:17px}
.video-toolbar .time{font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}
.video-toolbar input{flex:1;min-width:30px;accent-color:var(--orange);height:3px}
.video-caption{display:flex;gap:8px;align-items:center;margin-top:14px;font-size:10px;color:var(--muted)}
.video-caption .ico{width:16px;height:16px}
.video-error{padding:12px;color:white;font-size:12px}
.video-chapters{display:none}
.direction-c .hero{background:#f3e4d9;padding-top:48px}
.direction-c .hero-grid{grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.direction-c .hero-copy{display:contents}
.direction-c .hero-copy .eyebrow{grid-column:1/-1;margin-bottom:-12px}
.direction-c .hero-copy h1{font-size:clamp(42px,4.65vw,67px);max-width:740px;grid-column:1/-1;text-align:center;justify-self:center}
.direction-c .hero-copy .lead{grid-column:1/-1;max-width:690px;text-align:center;justify-self:center;margin:-4px 0 0}
.direction-c .hero-copy .actions{grid-column:1/-1;justify-content:center;margin-top:-8px}
.direction-c .hero-copy .fine{display:none}
.direction-c .hero .eyebrow{justify-content:center}
.direction-c .video-showcase{grid-column:1/-1;width:100%;max-width:930px;justify-self:center;margin-top:0}
.direction-c .hero-label{display:none}
.direction-c .window-head{background:white;color:var(--ink);padding:13px 18px}
.direction-c .window-head img{filter:none}
.direction-c .video-frame{border-radius:18px;box-shadow:0 18px 45px #84452a16;border-color:#d1b5a4}
.direction-c .video-chapters{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:16px}
.video-chapters button{display:flex;gap:8px;align-items:center;background:#ffffff8c;border:1px solid #d4bfae;border-radius:8px;padding:8px 12px;font-size:11px}
.video-chapters button:hover{background:white}
.video-chapters time{font-size:10px;color:var(--copper-ink)}
.section-white{background:white}
.quote-total{display:flex;justify-content:space-between;font-size:12px;padding:15px 0 6px;font-weight:650}
.quote-total strong{font-size:19px}
.input-card{border:1px solid var(--line);border-radius:16px;padding:26px;background:var(--paper)}
.input-card>span{height:48px;width:48px;display:grid;place-items:center;border-radius:12px;background:white;border:1px solid var(--line);margin-bottom:22px}
.input-card>span .ico{color:var(--copper)}
.input-card h3{font-size:21px;margin-bottom:12px}
.input-card p{font-size:13px;color:var(--muted)}
.software-card{background:white;border:1px solid var(--line);padding:27px;border-radius:16px;min-height:230px}
.software-card h3{font-size:27px;margin:15px 0 12px}
.software-card p{font-size:13px;color:var(--muted)}
.software-card .fine{font-size:10px;margin-top:18px}
.software-card .text-link{margin-top:17px}
.check-list{padding:0;margin:0;list-style:none;display:grid;gap:10px}
.check-list li{display:flex;gap:8px;align-items:start;font-size:12px}
.check-list .ico{width:14px;height:14px;margin-top:3px;flex-shrink:0}
.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{list-style:none;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-size:13px;font-weight:550}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary .ico{width:18px;height:18px;color:var(--copper);flex-shrink:0}
.faq-list details[open] summary .ico{transform:rotate(45deg)}
.faq-list details>div{font-size:12px;color:var(--muted);padding:0 28px 20px 0;line-height:1.8}
.faq-list a{color:var(--copper-ink);text-decoration:underline}
.final-cta{background:var(--deep);color:white;padding:54px 0}
.final-inner{display:flex;justify-content:space-between;align-items:center;gap:45px}
.final-cta .eyebrow{color:#e8b38b}
.final-cta h2{font-size:36px}
.final-cta p:not(.eyebrow){font-size:12px;color:#c7d9d5;margin-top:14px}
.final-cta .actions{flex-shrink:0}
.partner-wordmark{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}
.partner-wordmark img{width:100px;max-height:40px;object-fit:contain}
.partner-detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding-bottom:60px}
.partner-detail-hero h1{font-size:48px;margin:20px 0}
.partner-detail-hero p{font-size:14px;color:var(--muted)}
.partner-detail-hero .actions{margin-top:22px}
.partner-points{margin-top:25px}
.offer-box{border-left:3px solid var(--copper);background:var(--peach);padding:20px;margin-top:24px;border-radius:0 10px 10px 0}
.offer-box p{font-size:12px}
.offer-box .text-link{margin-top:10px}
form label{display:block;font-size:11px;font-weight:600;margin-bottom:17px}
form label small{font-weight:400;font-size:9px;color:var(--muted)}
form input:not([type=checkbox]),form select,form textarea{display:block;width:100%;min-width:0;border:1px solid #bfcec3;background:#fcfcf9;border-radius:8px;padding:11px;margin-top:7px;font-weight:400;font-size:13px;color:var(--ink)}
form textarea{resize:vertical}
form input[type=checkbox]{accent-color:var(--petrol);margin:3px 0;flex-shrink:0}
.form-error{font-size:12px;color:#953823;background:#fceae0;padding:12px;border-radius:8px;margin-bottom:16px}
.contact-success{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.contact-success h3{font-size:22px;margin-bottom:12px}
.contact-success p{font-size:12px;color:var(--muted)}
.contact-success .actions{margin-top:16px}
.contact-success textarea{width:100%;margin-top:15px;font-size:11px;min-height:140px;padding:10px;border:1px solid var(--line);border-radius:8px}
.dialog{border:1px solid #a9bbb0;border-radius:18px;padding:32px;width:min(530px,calc(100% - 32px));color:var(--ink);box-shadow:0 25px 80px #173b4540}
.dialog::backdrop{background:#0f303a88;backdrop-filter:blur(4px)}
.dialog h2{font-size:30px;margin:0 35px 18px 0}
.dialog p{font-size:13px;color:var(--muted)}
.dialog .actions{margin-top:23px}
.dialog-close{position:absolute;top:16px;right:16px;background:var(--paper);border:1px solid var(--line);border-radius:7px;width:33px;height:33px;display:grid;place-items:center}
@media(min-width:1500px){.wrap{width:min(1220px,calc(100% - 120px))}
.hero{padding-top:80px;padding-bottom:60px}
.hero-copy h1{font-size:62px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}
.hero-grid{gap:28px;grid-template-columns:.95fr 1.05fr}
.hero-copy h1{font-size:42px;letter-spacing:-1.8px}
.hero-copy .lead{font-size:14px}
.hero-copy .eyebrow{font-size:9px}
.hero-copy .actions{gap:10px}
.hero-copy .btn{padding:12px 15px;font-size:12px}
.section{padding:65px 0}
.faq-layout{gap:35px}
.direction-c .hero-copy h1{font-size:54px}
.direction-c .hero-copy .lead{font-size:15px}
.direction-c .hero-grid{gap:25px}
.direction-c .hero-copy .eyebrow{margin-bottom:-8px}}
@media(max-width:760px){:root{font-size:14px}
.wrap{width:calc(100% - 40px)}
.section{padding:52px 0}
h1{font-size:41px;letter-spacing:-1.6px}
h2{font-size:33px;letter-spacing:-1px}
h3{font-size:22px}
.eyebrow{font-size:9px;letter-spacing:1.35px;margin-bottom:13px}
.brand{font-size:27px}
.brand img{width:28px;height:26px}
.hero,.direction-c .hero{padding:36px 0 27px}
.hero-grid{grid-template-columns:1fr;gap:30px}
.hero-copy h1{font-size:41px;letter-spacing:-1.7px;max-width:550px}
.hero-copy .lead{font-size:14px;margin:19px 0 23px}
.hero-copy .eyebrow{font-size:8px}
.hero-copy .fine{font-size:10px;margin-top:12px}
.hero-copy .actions .btn{font-size:12px;min-height:47px;padding:12px 17px}
.hero-copy .actions .text-link{font-size:11px}
.hero-label{font-size:9px;margin-bottom:10px}
.hero-label strong{font-size:9px}
.window-head{font-size:9px;padding:11px 12px}
.video-toolbar{padding:8px 9px;gap:8px;min-height:40px}
.video-toolbar .time{font-size:9px}
.video-toolbar .ico{width:16px;height:16px}
.video-caption{font-size:9px;margin-top:11px}
.video-frame{border-radius:12px}
.play-disc{height:49px;width:49px}
.direction-c .hero-grid{display:flex;flex-direction:column;gap:0}
.direction-c .hero-copy{display:block;width:100%}
.direction-c .hero-copy h1{font-size:42px;letter-spacing:-1.65px;text-align:left}
.direction-c .hero-copy .eyebrow{justify-content:start;margin:0 0 15px}
.direction-c .hero-copy .lead{text-align:left;margin:19px 0 22px;font-size:14px}
.direction-c .hero-copy .actions{justify-content:start;margin:0}
.direction-c .video-showcase{margin-top:30px}
.direction-c .video-chapters{gap:5px;margin-top:12px;justify-content:start}
.video-chapters button{font-size:9px;padding:7px;gap:5px}
.video-chapters time{font-size:8px}
.direction-c .window-head{padding:11px 12px}
.faq-layout{grid-template-columns:1fr;gap:30px}
.quote-total strong{font-size:18px}
.input-card{padding:22px;display:grid;grid-template-columns:42px 1fr;gap:0 16px}
.input-card>span{width:40px;height:40px;grid-row:1/4;margin:0}
.input-card h3{font-size:20px;margin:1px 0 10px}
.input-card p{font-size:12px}
.software-card{padding:23px}
.software-card h3{font-size:26px}
.software-card p{font-size:12px}
.page-intro{padding-top:38px;padding-bottom:27px}
.page-intro h1{font-size:41px}
.page-intro .lead{font-size:14px}
.check-list li{font-size:11px;gap:7px}
.faq-layout{gap:25px}
.faq-list summary{font-size:12px;padding:18px 0;gap:16px}
.faq-list details>div{font-size:11px;padding-right:22px}
.final-cta{padding:39px 0}
.final-inner{display:block}
.final-cta h2{font-size:32px}
.final-cta p:not(.eyebrow){font-size:11px;margin-top:13px}
.final-cta .actions{margin-top:24px;gap:10px}
.final-cta .btn{font-size:12px}
.partner-detail-hero{grid-template-columns:1fr}
.partner-detail-hero{gap:25px;padding-bottom:40px}
.partner-detail-hero h1{font-size:40px}
.dialog{padding:26px}
.dialog h2{font-size:26px}
.dialog p{font-size:12px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}
.hero-copy h1,.direction-c .hero-copy h1{font-size:35px}
.hero-copy .actions{gap:9px}
.hero-copy .actions .btn{padding:11px 13px;font-size:11px}
.hero-copy .actions .text-link{font-size:10px}
.hero-label strong{font-size:8px}
.hero-label span{font-size:8px}
.hero-label{gap:8px}
.window-head{font-size:8px}
.brand{font-size:26px}
.final-cta .actions .btn{font-size:11px;padding:11px 14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* La structure et les couleurs de « C3 — Immersion guidée » restent la référence. */
:root{--petrol:#1e4750;--deep:#14333b;--copper:#c1633b;--copper-ink:#984a2d;--paper:#faf8f4;--muted:#526970;--ink:#24444d}
body.immersion{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}
.immersion h1,.immersion h2,.immersion h3,.immersion h4{font-weight:600;letter-spacing:-.045em}
.immersion .eyebrow:before{display:none}
.immersion .eyebrow{font-weight:600;letter-spacing:.13em}
.immersion .btn{border-radius:23px;min-height:48px;padding-inline:22px}
body.immersion .hero{padding:48px 0 62px;background:#173e47;color:#fff;border-radius:0 0 42px 42px;overflow:hidden}
.immersion .hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:33px;align-items:center}
.immersion .hero-copy{display:block;text-align:center;max-width:1000px;width:100%;margin:0 auto;padding:0;border:0}
.immersion .hero-copy .eyebrow{justify-content:center;color:#ddbdab;font-size:11px;margin:0 0 18px;grid-column:auto}
.immersion .hero-copy h1{font-size:clamp(42px,5.5vw,72px);line-height:1.06;max-width:1000px;text-align:center;color:white;margin:0 auto;grid-column:auto;font-weight:600}
.immersion .hero-copy h1 em{color:#edb292}
.immersion .hero-copy .lead{font-size:16px;line-height:1.7;color:#dce6e3;max-width:64ch;text-align:center;margin:24px auto 0;grid-column:auto}
.immersion .hero-copy .actions{display:flex;justify-content:center;margin:23px 0 0;gap:18px;grid-column:auto}
.immersion .hero-copy .actions .btn{background:#e6eee8;color:#1e4750;box-shadow:none;border:1px solid #e6eee8;font-size:12px;font-weight:600;border-radius:25px;padding:13px 22px}
.immersion .hero-copy .actions .btn:hover{background:#fff;border-color:#fff}
.immersion .hero-copy .actions .text-link{color:#f1c3a7;border:0;font-size:12px;font-weight:400;min-height:46px}
.immersion .hero-copy .fine{display:block;color:#dce6e3;max-width:none;text-align:center;font-size:11px;line-height:1.6;margin:12px auto 0}
.immersion .hero-copy .fine:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:#c1633b;margin:0 8px 2px 0}
.immersion .hero .video-showcase{grid-column:auto;width:min(880px,100%);max-width:880px;margin:0 auto;justify-self:center;text-align:left}
.immersion .hero-label{display:flex;color:#e0e9e5;align-items:center;font-size:12px;gap:12px;margin:0 0 14px}
.immersion .hero-label strong{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:400}
.immersion .hero-label strong .ico{width:18px;height:18px}
.immersion .hero-label>span{display:flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap;border:1px solid #809b9c;border-radius:25px;padding:5px 10px;font-variant-numeric:tabular-nums}
.immersion .hero-label>span .ico{width:14px;height:14px}
.immersion .video-frame{padding:6px 12px 8px;background:#214b54;border:1px solid #cb926c;border-radius:17px;box-shadow:10px 13px 0 #0d30384a,0 25px 60px #05242a35;transform:none;overflow:hidden}
.immersion .window-head{background:transparent;color:#dce7e2;padding:11px 14px 17px;border:0;gap:13px;font-size:11px}
.immersion .window-brand{font-weight:400;gap:8px}
.immersion .window-brand img{width:24px;height:24px;filter:none}
.immersion .window-caption{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#e4ab86;white-space:nowrap}
.immersion .video-viewport{aspect-ratio:848/480;background:#0b222a;border:1px solid #779595;border-radius:8px;overflow:hidden}
.immersion .video-viewport video{display:block;width:100%;height:100%;background:#0b222a;object-fit:contain}
.immersion .video-overlay{display:flex;align-items:center;justify-content:center;color:#173e47;background:linear-gradient(transparent 50%,#09212c45);text-shadow:none}
.immersion .play-disc{width:76px;height:76px;background:#eeb38c;border:1px solid #f5cbb0;color:#173e47;box-shadow:0 7px 35px #0b2f4055;transition:transform .2s}
.immersion .play-disc .ico{width:26px;height:26px;margin-left:4px}
.immersion .video-overlay:hover .play-disc{transform:scale(1.07)}
.immersion .video-overlay>span:last-child{position:absolute;bottom:17px;left:18px;color:#fff;background:#153b46e8;border:1px solid #92a7a7;border-radius:22px;padding:6px 12px;font-size:11px}
.immersion .video-toolbar{gap:9px;min-height:55px;padding:7px 7px 0;color:#edf3f0;background:transparent}
.immersion .video-toolbar button{display:grid;place-items:center;min-width:44px;height:44px;border-radius:50%;padding:0}
.immersion .video-toolbar .ico{width:18px;height:18px}
.immersion .video-toolbar .time{font-size:11px}
.immersion .video-toolbar input{accent-color:#e79b70;height:32px;cursor:pointer}
.immersion .video-caption{color:#cfdfd9;font-size:10px;margin-top:17px;justify-content:center}
.immersion .video-chapters{display:none}
.immersion #signature{margin:30px 28px 0;background:#e6eee1;border-radius:30px;padding-block:65px}
.immersion .section-white{background:var(--paper)}
.immersion .input-card{background:#fafbf6;border-radius:23px;border-bottom:3px solid #b58a65;padding:30px}
.immersion .software-card{padding:30px;border-radius:20px;background:#edf2e8;border-color:#c9d8c3}
.immersion .software-card p{max-width:65ch}
.immersion .partner-wordmark{border-radius:20px}
.immersion .faq-list{border:0}
.immersion .faq-list details{border:1px solid #d0dcc9;border-radius:14px;background:#fcfdf8;margin-bottom:11px;padding-inline:20px}
.immersion .faq-list summary{padding-block:19px}
.immersion .faq-list details>div{padding:0 0 19px;font-size:12px}
.immersion .final-cta{border-radius:0;background:#e4ecdf;color:#14333b;padding-block:58px}
.immersion .final-inner{display:block;text-align:center}
.immersion .final-cta .eyebrow{justify-content:center;color:#984a2d}
.immersion .final-cta h2{font-size:43px;color:#14333b}
.immersion .final-cta p:not(.eyebrow){color:#4d655e;margin:18px auto 0}
.immersion .final-cta .actions{justify-content:center;margin-top:26px}
.immersion .final-cta .btn-white{color:white;background:#1e4750;border:1px solid #1e4750}
.immersion .final-cta .btn-outline{color:#1e4750;background:transparent;border-color:#8ca593}
.immersion form label{text-align:left}
.immersion.direction-c .hero{background:radial-gradient(ellipse at 88% 8%,#a3664329 0,transparent 48%),#14333b}
.immersion.direction-c .hero-copy h1 em{color:#e9b590}
.immersion.direction-c .hero .video-showcase{max-width:920px;width:min(920px,100%)}
.immersion.direction-c .video-frame{background:#234b53;border-color:#e4b49a;box-shadow:0 22px 65px #061e3045,0 0 0 5px #d39b7310}
.immersion.direction-c .window-head{border-bottom:1px solid #ddaa832f;padding-bottom:14px;margin-bottom:7px}
.immersion.direction-c .play-disc{background:#e4b49a}
.immersion.direction-c .video-chapters{display:flex;justify-content:center;gap:9px;margin:18px 0 0;flex-wrap:wrap}
.immersion.direction-c .video-chapters button{background:#ffffff08;border:1px solid #78958e;color:#edf3ef;min-height:42px;border-radius:22px;padding:8px 14px;font-size:11px}
.immersion.direction-c .video-chapters button:hover{background:#ffffff16}
.immersion.direction-c .video-chapters time{color:#e9b590;font-size:10px}
.immersion .video-frame:fullscreen{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;padding:20px;border:0;border-radius:0}
.immersion .video-frame:fullscreen .video-viewport{width:100%;max-height:calc(100vh - 75px);flex:1;aspect-ratio:auto}
.immersion .video-frame:fullscreen .window-head{display:none}
@media(max-width:1100px){.immersion .wrap{width:calc(100% - 56px)}
.immersion .hero-copy h1{font-size:60px}
.immersion .hero .video-showcase{max-width:820px}}
@media(max-width:760px){.immersion .wrap{width:calc(100% - 40px)}
.immersion .hero{padding:33px 0 35px;border-radius:0 0 27px 27px}
.immersion .hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:25px}
.immersion .hero-copy{display:block;padding:0}
.immersion .hero-copy .eyebrow{font-size:9px;justify-content:center;margin:0 0 16px}
.immersion .hero-copy h1{font-size:clamp(35px,7.6vw,48px);line-height:1.09;text-align:center;letter-spacing:-.045em;max-width:620px}
.immersion .hero-copy .lead{font-size:14px;line-height:1.75;max-width:43ch;margin:19px auto 0;text-align:center}
.immersion .hero-copy .actions{justify-content:center;margin:22px 0 0;gap:14px}
.immersion .hero-copy .actions .btn{min-height:46px;font-size:11px;padding:12px 18px}
.immersion .hero-copy .actions .text-link{font-size:11px;min-height:42px}
.immersion .hero-copy .fine{font-size:10px;max-width:34ch;margin-top:12px}
.immersion .hero .video-showcase{margin:0 auto;width:100%;max-width:880px}
.immersion .hero-label{font-size:10px;margin-bottom:10px;gap:10px}
.immersion .hero-label strong{font-size:10px;gap:7px}
.immersion .hero-label strong .ico{width:15px;height:15px}
.immersion .hero-label>span{font-size:10px;padding:4px 8px}
.immersion .hero-label>span .ico{width:13px;height:13px}
.immersion .video-frame{padding:5px 8px 4px;border-radius:13px;box-shadow:5px 7px 0 #0d30384a}
.immersion .window-head{font-size:10px;padding:7px 4px 12px;gap:8px}
.immersion .window-brand img{width:19px;height:19px}
.immersion .window-caption{font-size:8px;letter-spacing:.06em}
.immersion .video-toolbar{gap:5px;padding:4px 0 0;min-height:48px}
.immersion .video-toolbar button{min-width:40px;height:44px}
.immersion .video-toolbar .ico{width:16px;height:16px}
.immersion .video-toolbar .time{font-size:10px}
.immersion .video-toolbar input{min-width:10px}
.immersion .play-disc{width:54px;height:54px}
.immersion .play-disc .ico{width:21px;height:21px}
.immersion .video-overlay>span:last-child{font-size:9px;bottom:9px;left:9px;padding:4px 8px}
.immersion .video-caption{font-size:9px;text-align:left;justify-content:start;align-items:start;margin-top:12px}
.immersion #signature{margin:20px 10px 0;border-radius:20px;padding-block:37px}
.immersion #signature .wrap{width:calc(100% - 36px)}
.immersion .input-card{padding:24px;border-radius:18px}
.immersion .software-card{padding:24px 22px}
.immersion .faq-list details{border-radius:13px;padding-inline:17px;margin-bottom:10px}
.immersion .faq-list summary{font-size:12px;line-height:1.6;padding-block:17px}
.immersion .faq-list details>div{font-size:11px;padding-bottom:17px}
.immersion .final-cta{padding-block:38px}
.immersion .final-cta h2{font-size:35px}
.immersion .final-cta .actions{gap:11px;margin-top:24px}
.immersion .final-cta .btn{font-size:11px;padding-inline:18px}
.immersion.direction-c .window-head{padding-bottom:11px;margin-bottom:5px}
.immersion.direction-c .video-chapters{gap:7px;margin-top:14px}
.immersion.direction-c .video-chapters button{min-height:38px;padding:7px 11px;font-size:9px;gap:6px}
.immersion.direction-c .video-chapters time{font-size:9px}}
@media(max-width:360px){.immersion .wrap{width:calc(100% - 32px)}
.immersion .hero-copy h1{font-size:35px}
.immersion .hero-copy .eyebrow{font-size:8px}
.immersion .hero-copy .lead{font-size:13px}
.immersion .hero-copy .actions{gap:10px}
.immersion .hero-copy .actions .btn{font-size:10px;padding-inline:15px}
.immersion .hero-copy .actions .text-link{font-size:10px}
.immersion .hero-label strong{font-size:9px;gap:5px}
.immersion .hero-label strong .ico{width:14px;height:14px}
.immersion .hero-label>span{font-size:9px;padding:4px 7px}
.immersion .window-head{font-size:9px;gap:6px}
.immersion .window-caption{font-size:7px}
.immersion .window-brand{gap:5px}
.immersion .window-brand img{width:17px;height:17px}
.immersion .video-toolbar{gap:4px}
.immersion .video-toolbar button{min-width:32px}
.immersion .video-toolbar .time{font-size:9px}}
@media(prefers-reduced-motion:reduce){.immersion .play-disc{transition:none}
.immersion .video-overlay:hover .play-disc{transform:none}}
html{scroll-padding-top:98px}
.immersion .partner-detail-hero .hero-label{color:#24444d}
.immersion .partner-detail-hero .hero-label>span{border-color:#a7bbb1}
.immersion .partner-detail-hero .video-caption{color:#526970}
@media(max-width:760px){html{scroll-padding-top:84px}}
.immersion.direction-c .hero-copy .actions .btn{background:#e4b49a;border-color:#e4b49a;color:#173e47}
.immersion.direction-c .hero-copy .actions .btn:hover{background:#f3ccb1;border-color:#f3ccb1}
.immersion.direction-c .hero-copy .eyebrow{color:#e4b49a}
.block-one .hero.hero-first{padding:34px 0 46px;border-radius:0 0 38px 38px;background:radial-gradient(ellipse at 85% 5%,#a56a4329,transparent 45%),#14333b}
.block-one .hero .hero-grid{gap:27px}
.block-one .hero-copy h1{font-size:clamp(40px,5vw,62px);line-height:1.06;letter-spacing:-.043em;max-width:1050px}
.block-one .hero-copy .lead{font-size:18px;margin:16px auto 0;color:#dce6e1;line-height:1.5}
.block-one .hero-copy .actions{margin:21px 0 0;gap:15px}
.block-one .hero-label,.block-one .video-caption,.block-one .video-chapters{display:none!important}
.block-one .hero-video-proof{width:min(930px,100%);margin:auto;min-width:0}
.block-one .hero .hero-video-proof .video-showcase{width:100%;max-width:none}
.block-one .window-head{padding:9px 10px 13px}
.block-one .window-caption{font-size:9px}
.block-one .video-overlay>span:last-child{display:none}
.block-one .video-frame{border-radius:20px;padding:7px 10px 5px;border-color:#d2a17f;box-shadow:0 18px 55px #071e2a30}
.block-one .video-toolbar{min-height:48px;padding-top:4px}
.block-one .video-toolbar button{height:42px;min-width:42px}
.block-one .video-viewport{aspect-ratio:16/8.6}
.block-one .video-viewport video{object-fit:contain}
.block-one .play-disc{width:70px;height:70px}
.block-one .video-viewport{border-radius:11px}
.block-one .window-brand{font-size:11px}
.block-one .window-brand img{width:20px;height:20px}
.block-one .trial-points{padding:0;list-style:none;display:grid;gap:17px;margin:25px 0;color:#526970;font-size:13px;line-height:1.6}
.block-one .trial-points li{display:flex;gap:13px;align-items:flex-start}
.block-one .trial-points .ico{width:20px;height:20px;color:#a5633e;margin-top:1px}
@keyframes proof-enter{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.block-one .hero-copy h1{font-size:51px}}
@media(max-width:760px){.block-one .hero.hero-first{padding:29px 0 31px;border-radius:0 0 25px 25px}
.block-one .hero .hero-grid{gap:24px}
.block-one .hero-copy h1{font-size:36px;line-height:1.08;letter-spacing:-1.5px}
.block-one .hero-copy .lead{font-size:15px;margin-top:16px;line-height:1.5}
.block-one .hero-copy .actions{gap:7px 15px;margin-top:19px}
.block-one .hero-video-proof{width:100%}
.block-one .video-frame{border-radius:14px;padding:5px 7px 4px}
.block-one .window-head{padding:7px 3px 10px}
.block-one .window-brand{font-size:10px}
.block-one .window-caption{font-size:8px}
.block-one .window-brand img{width:18px;height:18px}
.block-one .video-toolbar{gap:4px;min-height:46px}
.block-one .video-toolbar button{min-width:34px;height:40px}
.block-one .video-toolbar .time{font-size:9px}
.block-one .play-disc{width:56px;height:56px}
.block-one .trial-points{font-size:12px;gap:15px}}
@media(max-width:360px){.block-one .hero-copy h1{font-size:32px;letter-spacing:-1.25px}
.block-one .hero-copy .lead{font-size:14px}
.block-one .hero-copy .actions{gap:5px 11px}
.block-one .window-brand{font-size:9px}}
/* Révision : vidéo présente dans les trois entrées. */
.block-one .hero-copy .actions{gap:11px 14px;margin-top:21px}
.block-one .hero-choice-a .hero-grid{gap:25px}
.block-one .hero-video-proof{width:min(960px,100%)}
@media(max-width:760px){.block-one .hero-first{padding-block:26px 32px}
.block-one .hero-copy h1{font-size:35px}
.block-one .hero-copy .actions{gap:10px 12px;margin-top:19px}}
@media(max-width:360px){.block-one .hero-copy h1{font-size:31px}
.block-one .hero-copy .actions{gap:9px}}
.benefits-block{padding:62px 0 78px;color:#24444d;background:#faf8f4;min-height:400px;scroll-margin-top:16px}
.benefits-block .wrap{width:min(1080px,calc(100% - 80px))}
.benefits-heading{text-align:center;margin-bottom:32px}
.benefits-heading .eyebrow{justify-content:center;font-size:10px;margin:0 0 14px;color:#985030}
.benefits-heading h2{font-size:40px;letter-spacing:-1.4px;line-height:1.1}
.benefits-b{background:#eef2e9}
.benefit-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.benefit-card{padding:29px;background:#fffefa;border:1px solid #c8d4c0;border-radius:21px;box-shadow:0 10px 28px #153c4206;min-width:0;transition:border-color .18s,transform .18s}
.benefit-card:hover{border-color:#bd977a;transform:translateY(-2px)}
.benefit-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid #d5bdab;border-radius:13px;color:#9c5d39;margin-bottom:25px}
.benefit-icon .ico{width:23px;height:23px}
.benefit-card h3{font-size:28px;letter-spacing:-.8px;margin:0 0 13px}
.benefit-card>p{font-size:14px;line-height:1.65;color:#5b7067;min-height:47px}
.benefits-block button:focus-visible{outline:3px solid #b97048;outline-offset:4px}
.block-two .benefits-block [hidden]{display:none!important}
@keyframes benefit-in{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.benefits-block .wrap{width:calc(100% - 56px)}
.benefit-cards{gap:16px}
.benefit-card{padding:24px}}
@media(max-width:760px){.benefits-block{padding:38px 0 48px;min-height:0}
.benefits-block .wrap{width:calc(100% - 40px)}
.benefits-heading{margin-bottom:25px}
.benefits-heading h2{font-size:31px;letter-spacing:-1px}
.benefits-heading .eyebrow{font-size:9px;margin-bottom:13px}
.benefit-cards{grid-template-columns:1fr;gap:15px}
.benefit-card{padding:25px;display:grid;grid-template-columns:42px 1fr;column-gap:17px;border-radius:18px}
.benefit-icon{grid-column:1;grid-row:1/4;margin:0;width:42px;height:42px}
.benefit-card h3{grid-column:2;font-size:25px;margin:0 0 10px}
.benefit-card>p{grid-column:2;font-size:13px;min-height:0}}
@media(max-width:360px){.benefits-block .wrap{width:calc(100% - 32px)}
.benefits-heading h2{font-size:29px}
.benefit-card{padding:22px;column-gap:14px;grid-template-columns:38px 1fr}
.benefit-icon{width:38px;height:38px}
.benefit-card>p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.benefit-card{transition:none}
.benefit-card:hover{transform:none}}
.benefits-b .benefit-card:hover{transform:none;border-color:#c8d4c0}
.benefits-b .benefit-card{transition:none}
.inputs-block{background:#fbf8f3;padding:88px 0 92px;color:#203f43;scroll-margin-top:22px}
.inputs-block .wrap{max-width:1100px}
.inputs-block h2{font-size:clamp(35px,4.1vw,51px);line-height:1.12;letter-spacing:-1.9px;margin:0}
.inputs-block h2 em{color:#a45e41;font-style:normal}
.inputs-block .eyebrow{color:#80543d;margin-bottom:19px;font-size:10px;letter-spacing:1.5px}
.input-lead{font-size:15px;line-height:1.7;color:#586b68;max-width:340px;margin:21px 0 0}
.input-source h3{font-size:18px;letter-spacing:-.4px;margin:0 0 8px}
.input-source p{font-size:13px;line-height:1.65;color:#596a66;margin:0}
.input-centered{text-align:center}
.input-centered .input-lead{max-width:none;margin:19px auto 0}
.input-folder{max-width:880px;margin:43px auto 0;position:relative;padding-top:39px}
.folder-tab{position:absolute;top:0;left:0;height:40px;display:flex;align-items:center;gap:10px;padding:0 26px;background:#e9dcd0;border:1px solid #d3bdab;border-bottom:none;border-radius:16px 16px 0 0;font-size:12px;font-weight:600;color:#704f3e}
.folder-tab .ico{width:17px;height:17px}
.folder-inner{border:1px solid #d3bdab;border-radius:0 22px 22px 22px;background:#f5eee6;box-shadow:0 18px 36px #64452709;padding:34px 37px 22px}
.input-source-collection{display:grid;grid-template-columns:repeat(3,1fr);gap:29px}
.input-source{position:relative;padding:0 15px 19px 0}
.input-source+.input-source{border-left:1px solid #dbcdc0;padding-left:29px}
.source-paper{display:flex;flex-direction:column;justify-content:center;width:67px;height:81px;border:1px solid #d8c4b2;border-radius:5px 13px 5px 5px;background:#fffdf9;margin-bottom:20px;padding:13px 15px;color:#a66546;box-shadow:3px 4px 0 #e9ded1}
.source-paper .ico{width:22px;height:22px;margin-bottom:8px}
.source-paper i{height:2px;background:#d2d9ce;border-radius:3px;display:block;margin:2px 0}
.source-paper i:last-child{width:60%}
.input-source h3{font-size:17px;line-height:1.3;min-height:22px}
.folder-footer{border-top:1px solid #dbcdc0;padding-top:19px;display:flex;align-items:center;justify-content:center;gap:13px;font-size:12px;line-height:1.65;color:#66756f}
.folder-footer strong{color:#28484a;font-weight:600}
.input-mark{height:40px;width:40px;display:grid;place-items:center;background:#20484d;color:#fff;border-radius:12px;flex:none}
.input-mark>span{font-family:'Bricolage Grotesque',sans-serif;font-size:25px;font-weight:600;line-height:1}
.input-mark>span>span{color:#d08661}
@media(max-width:900px){.input-folder{max-width:800px}
.folder-inner{padding-inline:26px}
.input-source-collection{gap:20px}
.input-source+.input-source{padding-left:20px}
.input-source h3{font-size:16px}}
@media(max-width:650px){.inputs-block{padding:55px 0 60px}
.inputs-block h2{font-size:36px;letter-spacing:-1.35px}
.inputs-block .eyebrow{font-size:9px;margin-bottom:16px}
.input-lead{font-size:14px;margin-top:17px;max-width:310px}
.input-centered{text-align:left}
.input-centered .input-lead{margin-inline:0;max-width:300px}
.input-folder{margin-top:30px}
.folder-tab{font-size:11px;padding-inline:17px;height:35px;border-radius:12px 12px 0 0}
.input-folder{padding-top:34px}
.folder-inner{padding:20px 19px 19px;border-radius:0 18px 18px 18px}
.input-source-collection{grid-template-columns:1fr;gap:0}
.input-source,.input-source+.input-source{display:grid;grid-template-columns:48px 1fr;gap:0 17px;padding:18px 0;border-left:none;border-bottom:1px solid #dbcdc0}
.input-source:first-child{padding-top:0}
.input-source:last-child{border-bottom:none;padding-bottom:20px}
.source-paper{grid-row:1/3;width:44px;height:56px;margin:0;padding:9px 10px;border-radius:4px 9px 4px 4px;align-self:center;box-shadow:2px 3px 0 #e9ded1}
.source-paper .ico{width:18px;height:18px;margin-bottom:5px}
.source-paper i{margin:1px 0;height:1px}
.source-paper i:last-child{display:none}
.input-source h3{font-size:17px;min-height:0;margin-bottom:5px;align-self:end}
.input-source p{font-size:12px}
.folder-footer{justify-content:flex-start;font-size:11px;padding-top:17px}
.folder-footer .input-mark{width:35px;height:35px;border-radius:10px}}
.inputs-block .input-centered .eyebrow{text-align:center}
@media(max-width:650px){.inputs-block .input-centered .eyebrow{text-align:left}}
/* Même composition, uniquement les couleurs varient. */
.inputs-b.palette-b{--section:#fff;--folder:#e8f0f0;--tab:#1e4750;--tab-ink:#fff;--border:#afc5c7;--line:#c9dada;--ink:#1e4750;--muted:#4d686a;--accent:#a55f40;--paper:#fff;--paper-border:#cbdadb;--paper-shadow:#d6e3e3;--icon:#b16b49;--mark:#1e4750;--mark-ink:#fff;--dot:#d28a65}
.inputs-b[class*="palette-"]{background:var(--section)}
.inputs-b[class*="palette-"] .input-centered h2{color:#21474c}
.inputs-b[class*="palette-"] .input-centered h2 em{color:var(--accent)}
.inputs-b[class*="palette-"] .input-centered .eyebrow{color:#74533f}
.inputs-b[class*="palette-"] .input-centered .input-lead{color:#536b64}
.inputs-b[class*="palette-"] .folder-inner{background:var(--folder);border-color:var(--border);box-shadow:0 18px 36px #21474c09}
.inputs-b[class*="palette-"] .folder-tab{background:var(--tab);border-color:var(--border);color:var(--tab-ink)}
.inputs-b[class*="palette-"] .input-source h3,.inputs-b[class*="palette-"] .folder-footer strong{color:var(--ink)}
.inputs-b[class*="palette-"] .input-source p,.inputs-b[class*="palette-"] .folder-footer{color:var(--muted)}
.inputs-b[class*="palette-"] .input-source+.input-source,.inputs-b[class*="palette-"] .folder-footer{border-color:var(--line)}
.inputs-b[class*="palette-"] .source-paper{background:var(--paper);color:var(--icon);border-color:var(--paper-border);box-shadow:3px 4px 0 var(--paper-shadow)}
.inputs-b[class*="palette-"] .source-paper i{background:#c4d0c8}
.inputs-b[class*="palette-"] .input-mark{background:var(--mark);color:var(--mark-ink)}
.inputs-b[class*="palette-"] .input-mark>span>span{color:var(--dot)}
@media(max-width:650px){.inputs-b[class*="palette-"] .input-source{border-color:var(--line)}
.inputs-b[class*="palette-"] .source-paper{box-shadow:2px 3px 0 var(--paper-shadow)}}
.journey-block{padding:80px 0 86px;background:#fafbf8;color:#1e4750;scroll-margin-top:18px}
.journey-block>.wrap{max-width:1130px}
.journey-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:22px}
.journey-heading .eyebrow{font-size:10px;color:#945c40;letter-spacing:1.5px;margin-bottom:17px}
.journey-heading h2{font-size:47px;letter-spacing:-1.7px;line-height:1.13;margin:0}
.journey-heading h2 em{font-style:normal;color:#aa6545}
.journey-heading>p{font-size:14px;color:#526a68;max-width:260px;line-height:1.7;margin-bottom:5px}
.guided-journey{border:1px solid #bdcfcf;background:#edf3f2;border-radius:24px;overflow:hidden}
.journey-steps{display:flex;gap:8px;padding:17px 20px;border-bottom:1px solid #c9d9d7}
.journey-steps button{display:flex;align-items:center;justify-content:center;gap:10px;flex:1;min-height:46px;border:1px solid transparent;background:transparent;border-radius:11px;color:#496565;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s,color .18s}
.journey-steps button>span{font-size:11px;background:#dce7e4;width:23px;height:23px;border-radius:50%;display:grid;place-items:center}
.journey-steps button[aria-pressed=true]{background:#1e4750;color:#fff}
.journey-steps button[aria-pressed=true]>span{background:#fff2;color:#f0c2a8}
.journey-block button:focus-visible{outline:2px solid #a35f40;outline-offset:4px}
.journey-steps button:hover:not([aria-pressed=true]){background:#dde9e6}
.guided-layout{display:grid;grid-template-columns:.8fr 1.3fr;gap:40px;padding:35px;align-items:center;min-height:420px}
.guided-intro h3{font-size:27px;letter-spacing:-.7px;line-height:1.3;margin:17px 0}
.guided-intro>p{font-size:14px;color:#516c67;line-height:1.8;max-width:280px}
.journey-count{font-size:11px;letter-spacing:2px;color:#9b6043}
.journey-next{display:inline-flex;align-items:center;gap:16px;margin-top:23px;padding:13px 17px;border:1px solid #a25f41;border-radius:10px;background:#a25f41;color:#fff;font-size:12px;font-weight:600;min-height:45px;cursor:pointer}
.journey-next:hover{background:#8c5036}
.journey-next>.ico{height:17px;width:17px}
.journey-panel{min-width:0;animation:journey-appear .18s ease-out}
@keyframes journey-appear{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.guided-layout{padding:25px;gap:25px;grid-template-columns:.7fr 1.3fr}
.guided-intro h3{font-size:24px}
.journey-heading h2{font-size:40px}
.journey-steps button{font-size:11px}}
@media(max-width:650px){.journey-block{padding:54px 0 60px}
.journey-heading{display:block;margin-bottom:19px}
.journey-heading h2{font-size:35px;letter-spacing:-1.3px}
.journey-heading>p{font-size:13px;max-width:none;margin-top:19px}
.guided-journey{border-radius:18px}
.journey-steps{padding:11px 8px;gap:3px}
.journey-steps button{flex-direction:column;gap:6px;font-size:10px;padding:8px 5px;line-height:1.3;min-height:65px;border-radius:9px}
.journey-steps button>span{height:22px;width:22px}
.guided-layout{grid-template-columns:1fr;padding:23px 14px;gap:26px;min-height:0}
.guided-intro{padding-inline:5px}
.guided-intro h3{font-size:25px;margin:12px 0}
.guided-intro>p{font-size:13px;max-width:none;line-height:1.7}
.journey-next{margin-top:17px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.journey-panel{animation:none}
.journey-steps button{transition:none}}
.journey-block{scroll-margin-top:100px;overflow-anchor:none}
.journey-panel{animation:none}
.journey-block{scroll-margin-top:18px}
.real-capture{display:block;position:relative;width:100%;padding:0;border:0;background:white;cursor:zoom-in}
.real-capture img{display:block;width:100%;height:auto}
.real-capture>span{position:absolute;right:10px;bottom:10px;background:#fffffff2;color:#1e4750;padding:8px 11px;border:1px solid #c4d3ce;border-radius:7px;font-size:11px}
.real-expanded img{width:100%;height:auto;display:block}
.dialog:has(.real-expanded){max-width:1450px;width:96vw;padding:22px}
.real-expanded p{font-size:12px;padding-right:25px}
@media(max-width:650px){.real-capture>span{font-size:8px;bottom:5px;right:5px;padding:5px}
.dialog:has(.real-expanded){padding:12px;width:98vw}}
.connections{padding:76px 0 68px;color:#1e4750;background:#fff;scroll-margin-top:18px}
.connections>.wrap{max-width:1090px}
.connections h2{font-size:47px;line-height:1.12;letter-spacing:-1.7px;margin:0}
.connections h2 em{font-style:normal;color:#a56143}
.connections .eyebrow{font-size:10px;letter-spacing:1.5px;color:#8d593d;margin-bottom:18px}
@media(max-width:850px){.connections h2{font-size:40px}}
@media(max-width:650px){.connections{padding:54px 0 50px}
.connections h2{font-size:35px;letter-spacing:-1.3px}
.connections .eyebrow{font-size:9px}}
.modern-gain{padding:76px 0 65px;color:#1e4750;background:#f6f9f7;scroll-margin-top:18px}
.modern-gain>.wrap{max-width:1120px}
.modern-heading{position:relative;margin-bottom:34px}
.modern-eyebrow{font-size:9px;font-weight:600;letter-spacing:1.7px;color:#8d5c43;display:block;margin-bottom:20px}
.modern-heading h2{font-size:66px;line-height:1.01;letter-spacing:-3px;margin:0}
.modern-heading h2 em{color:#ac6949;font-style:normal}
.modern-heading>p{position:absolute;right:0;bottom:5px;font-size:14px;color:#5d746c;margin:0}
.modern-bento{display:grid;grid-template-columns:.95fr 1.05fr;gap:16px}
.modern-settings{padding:29px 30px;background:#fff;border:1px solid #d3dfd8;border-radius:24px}
.modern-cardhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:31px}
.modern-cardhead>span{font-size:12px;font-weight:600}
.modern-cardhead>button{display:flex;align-items:center;gap:5px;background:none;border:0;padding:6px 0;color:#6a8177;font-size:9px;cursor:pointer}
.modern-cardhead>button .ico{width:12px;height:12px}
.modern-controls{display:grid;gap:31px}
.modern-field{min-width:0}
.modern-field-top{display:flex;align-items:center;justify-content:space-between;gap:15px}
.modern-field-top>span{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:500;line-height:1.5}
.modern-field-top small{font-size:9px;color:#9c725b}
.modern-field-top output{display:flex;align-items:center;justify-content:center;min-width:66px;padding:8px 10px;border-radius:10px;background:#eef4ef;font-size:17px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.modern-range{appearance:none;-webkit-appearance:none;display:block;width:100%;height:7px;border-radius:20px;margin:23px 0 14px;cursor:pointer;background:linear-gradient(to right,#b77652 var(--fill),#e3ebe5 var(--fill));outline-offset:8px}
.modern-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:25px;height:25px;border-radius:50%;background:#fff;border:6px solid #ae6948;box-shadow:0 2px 7px #4f342f24;transition:box-shadow .15s,transform .15s}
.modern-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:6px solid #ae6948;box-shadow:0 2px 7px #4f342f24}
.modern-range:hover::-webkit-slider-thumb,.modern-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 6px #b7765225;transform:scale(1.08)}
.modern-range:focus-visible{outline:2px solid #1e4750}
.modern-limits{display:flex;justify-content:space-between;color:#788e81}
.modern-limits small{font-size:9px}
.modern-outcome{position:relative;background:#1e4750;color:#fff;border-radius:24px;padding:30px;overflow:hidden}
.modern-outcome:before{content:'';position:absolute;width:230px;height:230px;right:-130px;top:-90px;border-radius:50%;border:45px solid #ffffff04;pointer-events:none}
.modern-hours>span{font-size:9px;letter-spacing:1.2px;color:#c1d7cb}
.modern-hours>strong{display:block;font-family:'Bricolage Grotesque',sans-serif;font-size:76px;line-height:1.05;font-weight:600;letter-spacing:-3px;margin:18px 0 8px;font-variant-numeric:tabular-nums}
.modern-hours>p{font-size:12px;color:#cfdfd4;line-height:1.7;margin:0}
.modern-value{display:flex;align-items:baseline;gap:7px 13px;flex-wrap:wrap;padding:20px 0;border-top:1px solid #54716c;border-bottom:1px solid #54716c;margin-top:27px}
.modern-value>span{font-size:11px;color:#c8ddce}
.modern-value>strong{font-family:'Bricolage Grotesque',sans-serif;font-size:35px;color:#e4b194;letter-spacing:-1px;white-space:nowrap;font-variant-numeric:tabular-nums}
.modern-value>small{font-size:9px;color:#bbd2c3}
.modern-compare{margin-top:25px}
.modern-compare>div:not(.modern-bar){display:flex;justify-content:space-between;align-items:center;font-size:10px;line-height:1.6;gap:15px;margin-top:13px}
.modern-compare strong{font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
.modern-bar{height:7px;background:#ffffff12;border-radius:8px;margin-top:8px;overflow:hidden}
.modern-bar>i{display:block;width:100%;height:100%;background:#8faea3;border-radius:8px}
.modern-bar.after>i{background:#d9946d;min-width:0;transition:width .2s ease-out}
.modern-foot{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-top:20px;font-size:10px;color:#60776b;line-height:1.8}
.modern-foot>span{display:flex;align-items:flex-start;gap:7px;max-width:680px}
.modern-foot .ico{height:15px;width:15px;flex:none;margin-top:2px}
.modern-foot details{max-width:460px}
.modern-foot summary{white-space:nowrap;cursor:pointer;color:#8b573c}
.modern-foot details p{font-size:11px;line-height:1.9}
@media(max-width:850px){.modern-heading h2{font-size:57px}
.modern-settings,.modern-outcome{padding:25px}
.modern-hours>strong{font-size:64px}
.modern-field-top>span{font-size:11px}
.modern-field-top output{font-size:15px;min-width:58px}}
@media(max-width:650px){.modern-gain{padding:52px 0 48px}
.modern-heading{margin-bottom:26px}
.modern-heading h2{font-size:48px;letter-spacing:-2px}
.modern-eyebrow{font-size:8px;letter-spacing:1px;line-height:1.8;max-width:240px;margin-bottom:16px}
.modern-heading>p{position:static;font-size:12px;margin-top:20px}
.modern-bento{grid-template-columns:1fr;gap:12px}
.modern-settings,.modern-outcome{padding:24px 20px;border-radius:19px}
.modern-cardhead{margin-bottom:26px;gap:8px}
.modern-cardhead>span{font-size:11px}
.modern-cardhead>button{font-size:8px}
.modern-field-top>span{font-size:11px;gap:7px}
.modern-field-top output{font-size:16px;min-width:60px}
.modern-controls{gap:27px}
.modern-range{margin-top:24px;margin-bottom:15px}
.modern-hours>strong{font-size:62px;letter-spacing:-2.5px;white-space:nowrap}
.modern-hours>span{font-size:8px;letter-spacing:1px}
.modern-hours>p{font-size:11px}
.modern-value{gap:7px 10px;margin-top:23px;padding:17px 0}
.modern-value>strong{font-size:32px}
.modern-value>span{font-size:10px}
.modern-value>small{font-size:8px}
.modern-foot{flex-direction:column;gap:11px;font-size:9px;margin-top:17px}
.modern-foot details p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.modern-range::-webkit-slider-thumb,.modern-bar.after>i{transition:none}}
/* Retour au duo simple, sans cadran ni pourcentage. */
.modern-a .modern-heading h2{font-size:46px;line-height:1.12;letter-spacing:-1.6px}
.modern-a .modern-heading>p{position:static;margin-top:20px;font-size:13px}
.modern-a .modern-hours>strong{font-size:56px;line-height:1.15;letter-spacing:-1.7px;margin-top:17px}
.modern-a .modern-value>strong{font-size:38px;letter-spacing:-.9px}
.modern-a .modern-field-top output{font-size:22px;min-width:77px;padding:8px 10px}
.modern-a .modern-field-top>span{font-size:13px}
.modern-a .modern-limits small{font-size:11px}
.modern-a .modern-hours>span{font-size:10px}
.modern-a .modern-value>span{font-size:12px}
.modern-a .modern-value>small{font-size:10px}
.modern-a .modern-compare>div:not(.modern-bar){font-size:12px}
.modern-a .modern-cardhead>span{font-size:13px}
@media(max-width:650px){.modern-a .modern-heading h2{font-size:35px;letter-spacing:-1.3px}
.modern-a .modern-hours>strong{font-size:48px;letter-spacing:-1.5px;white-space:nowrap}
.modern-a .modern-value>strong{font-size:34px}
.modern-a .modern-field-top output{font-size:20px;min-width:75px}
.modern-a .modern-field-top>span{font-size:12px}
.modern-a .modern-limits small{font-size:10px}
.modern-a .modern-hours>span{font-size:9px}
.modern-a .modern-value>span{font-size:11px}
.modern-a .modern-value>small{font-size:9px}
.modern-a .modern-compare>div:not(.modern-bar){font-size:11px}}
.hero-first .hero-copy{padding-bottom:0}
.duo-live{display:flex;align-items:center;gap:7px;font-size:9px;color:#bcd5c5;margin-bottom:21px}
.duo-live>span{height:5px;width:5px;background:#d99a72;border-radius:50%}
.duo-version .modern-hours>strong{font-size:53px}
.duo-version .modern-value>strong{font-size:36px}
.duo-version .modern-heading h2{font-size:44px}
.duo-version .modern-bar>i{transform-origin:left}
.duo-feedback{display:flex;align-items:center;gap:6px;font-size:10px;opacity:0;margin-top:16px;color:#4f7860}
.duo-feedback>.ico{width:14px;height:14px}
.duo-version .modern-outcome{padding:29px 31px}
.duo-version .modern-settings{padding:29px 31px}
.duo-version .modern-foot>span{font-size:10px}
.duo-replay{display:flex;align-items:center;gap:6px;border:0;background:none;color:#915c3f;padding:0;font-size:10px;cursor:pointer;line-height:1.8}
.duo-replay .ico{width:14px;height:14px}
.duo-replay:focus-visible{outline:2px solid #a06444;outline-offset:4px}
.duo-a .modern-bento{gap:17px}
.duo-a .duo-feedback{display:none}
@media(max-width:850px){.duo-version .modern-settings,.duo-version .modern-outcome{padding:25px}
.duo-version .modern-hours>strong{font-size:46px}}
@media(max-width:650px){.duo-version .modern-heading h2{font-size:35px}
.duo-version .modern-settings,.duo-version .modern-outcome{padding:24px 20px}
.duo-version .modern-hours>strong{font-size:47px}
.duo-version .modern-value>strong{font-size:32px}
.duo-live{font-size:8px;margin-bottom:19px}
.duo-version .modern-foot>span{font-size:9px}}
@keyframes teaser-line{from{stroke-dashoffset:64;opacity:.5}to{stroke-dashoffset:0;opacity:1}}
@keyframes teaser-rise{from{transform:translateY(26px);opacity:.3}to{transform:translateY(0);opacity:1}}
@keyframes teaser-dot{0%,100%{transform:translateY(0);opacity:.45}45%{transform:translateY(-3px);opacity:1}}
@keyframes teaser-tick{0%{transform:scale(.9) rotate(-8deg)}60%{transform:scale(1.08) rotate(2deg)}100%{transform:scale(1) rotate(0)}}
@keyframes teaser-sunset{0%{transform:translateY(4px);opacity:.4}100%{transform:translateY(0);opacity:1}}
@keyframes teaser-pencil{0%,100%{transform:translate(0,0)}30%{transform:translate(2px,-2px)}65%{transform:translate(-1px,1px)}}
@keyframes teaser-spark{0%{transform:scale(.7) rotate(-15deg);opacity:.4}70%{transform:scale(1.15) rotate(5deg)}100%{transform:scale(1) rotate(0);opacity:1}}
/* Trois finitions de la piste coucher de soleil. */
@keyframes sunset-rise{0%{transform:translateY(4px);opacity:.4}100%{transform:translateY(0);opacity:1}}
@keyframes sunset-halo{0%{box-shadow:0 0 0 0 #e4b08a33}100%{box-shadow:0 0 0 10px #e4b08a00}}
@keyframes sunset-rays{0%{transform:scale(.85);opacity:.5}65%{transform:scale(1.07);opacity:1}100%{transform:scale(1);opacity:1}}
/* Cartes signature : même contenu, trois traitements de cadre. */
@keyframes signature-price-in{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
/* Référence : palette, hiérarchie, prix et badge d’hellomarceau.fr. */
@keyframes site-price-settle{from{transform:translateY(5px);opacity:.4}to{transform:translateY(0);opacity:1}}
.inc-eyebrow{font-size:10px;letter-spacing:1.6px;color:#a4522e;font-weight:600}
@keyframes incReveal{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@keyframes fqReveal{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@keyframes scReveal{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
.jeremy-finish{color:#24444d;scroll-margin-top:110px;padding:56px 0;background:#faf8f4}
.jeremy-finish>.wrap{max-width:1120px}
.jf-eyebrow{font-size:10px;font-weight:600;letter-spacing:1.5px;color:#a4522e;line-height:1.8}
.jf-portrait{position:relative;overflow:hidden;background:#fff;width:160px;height:180px;border-radius:17px;flex:none}
.jf-portrait img{position:absolute;left:50%;top:50%;width:200%;height:auto;max-width:none;transform:translate(-43%,-42%);object-fit:initial}
.jf-name{display:flex;flex-direction:column;gap:6px}
.jf-name strong{font-size:13px;font-weight:600}
.jf-name span{font-size:11px;line-height:1.7;color:#5e6e72}
.jeremy-finish blockquote{font-size:29px;line-height:1.35;letter-spacing:-.7px;font-weight:500;margin:17px 0 23px;max-width:640px}
.jf-a .jf-card{position:relative;display:flex;align-items:center;gap:34px;padding:27px 32px;background:#fffefb;border:1px solid #9bb0ad;border-radius:21px;box-shadow:5px 6px 0 #dce5dd}
.jf-a .jf-content{padding-right:30px;max-width:720px}
.jf-content h2{font-size:36px;line-height:1.12;letter-spacing:-1.3px;margin:14px 0 0}
.jf-content h2 em{font-style:normal;color:#a4522e}
.jf-card{transition:box-shadow .2s,transform .2s}
.jf-card:hover{box-shadow:7px 8px 0 #dce5dd;transform:translateY(-2px)}
@media(max-width:850px){.jf-a .jf-card{gap:25px;padding:25px}
.jeremy-finish blockquote{font-size:25px}
.jf-a .jf-portrait{width:135px;height:170px}
.jf-content h2{font-size:30px}}
@media(max-width:580px){.jeremy-finish{padding:38px 0;scroll-margin-top:92px}
.jf-a .jf-card{display:grid;grid-template-columns:73px 1fr;align-items:start;gap:14px;padding:23px 20px;border-radius:18px;box-shadow:3px 4px 0 #dce5dd}
.jf-a .jf-portrait{width:73px;height:88px;border-radius:13px;grid-column:1;grid-row:1}
.jf-a .jf-content{display:contents}
.jf-a .jf-eyebrow{grid-column:2;grid-row:1;align-self:center;max-width:170px;font-size:9px}
.jf-a blockquote{grid-column:1/-1;font-size:23px;margin:8px 0 6px;line-height:1.4}
.jf-a .jf-name{grid-column:1/-1}
.jf-name strong{font-size:12px}
.jf-name span{font-size:10px}
.jf-content h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.jf-card{transition:none}
.jf-card:hover{transform:none}}
.footer-finish{padding:42px 0 18px;background:#edf2ee;color:#24444d;scroll-margin-top:95px;border-top:1px solid #d6e0d8}
.footer-finish>.wrap{max-width:1120px}
.ft-identity .brand{display:inline-flex;gap:10px;align-items:center;font-size:26px;text-decoration:none;letter-spacing:-.7px;color:#24444d}
.ft-identity .brand>img{width:30px;height:29px}
.ft-identity>p{font-size:12px;line-height:1.8;color:#5e6e72;margin:14px 0 0}
.ft-top{display:flex;align-items:flex-start;justify-content:space-between;gap:36px;padding-bottom:29px}
.ft-label{font-size:9px;letter-spacing:1.5px;color:#a4522e;font-weight:600}
.ft-nav{display:flex;gap:12px 29px;align-items:center;flex-wrap:wrap}
.ft-nav a{display:inline-flex;align-items:center;gap:13px;min-height:42px;font-size:12px;line-height:1.6;color:#24444d;text-decoration:none;transition:color .18s}
.ft-nav a .ico{height:16px;width:16px;transition:transform .18s}
.ft-nav a:hover{color:#a4522e}
.ft-nav a:hover .ico{transform:translateX(3px)}
.ft-bottom{border-top:1px solid #c6d4ca;padding-top:12px;display:flex;justify-content:space-between;align-items:center;gap:15px}
.ft-bottom>span{font-size:10px;color:#64776d}
.ft-legal{display:flex;flex-wrap:wrap;gap:4px 20px;align-items:center}
.ft-legal>a{font-size:10px;line-height:1.6;color:#53696b;text-decoration:none;display:inline-flex;align-items:center;min-height:38px}
.ft-legal>a:hover{text-decoration:underline;text-underline-offset:4px;color:#a4522e}
.ft-toplink{display:inline-flex;align-items:center;gap:10px;min-height:39px;font-size:10px;line-height:1.7;color:#5e6e72;text-decoration:none}
.ft-toplink>.ico{height:14px;width:14px;transition:transform .18s}
.ft-toplink:hover{color:#a4522e}
.ft-toplink:hover>.ico{transform:translate(2px,-2px)}
.ft-a .ft-top{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:60px}
.ft-a .ft-linkcol .ft-nav{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-top:8px}
.ft-a .ft-toplink{margin-top:1px}
.footer-finish a:focus-visible{outline:3px solid #c1633b;outline-offset:4px;border-radius:3px}
@media(max-width:850px){.ft-a .ft-top{grid-template-columns:1.3fr 1fr 1fr;gap:28px}
.ft-top{gap:24px}
.ft-nav{gap:7px 19px}
.ft-bottom{align-items:flex-start}
.ft-bottom>span{padding-top:12px}
.ft-legal{justify-content:flex-end;gap:0 15px}
.ft-legal>a{font-size:9px}}
@media(max-width:580px){.footer-finish{padding:31px 0 17px;scroll-margin-top:92px}
.ft-identity .brand{font-size:25px}
.ft-identity>p{font-size:11px;margin-top:10px}
.ft-a .ft-top{grid-template-columns:1fr 1fr;gap:27px 20px;padding-bottom:23px}
.ft-a .ft-identity{grid-column:1/-1}
.ft-label{font-size:9px;letter-spacing:1.2px}
.ft-nav a{min-height:44px;font-size:12px}
.ft-a .ft-linkcol .ft-nav{margin-top:5px}
.ft-bottom{flex-direction:column;gap:5px;padding-top:13px}
.ft-bottom>span{padding:0;font-size:9px}
.ft-legal{justify-content:flex-start;gap:0 16px}
.ft-legal>a{min-height:38px;font-size:10px}
.ft-toplink{font-size:10px;min-height:42px}}
@media(prefers-reduced-motion:reduce){.ft-nav a,.ft-nav a .ico,.ft-toplink>.ico{transition:none}
.ft-nav a:hover .ico,.ft-toplink:hover>.ico{transform:none}}
.contact-finish{padding:55px 0 60px;background:#faf8f4;color:#24444d;scroll-margin-top:100px;min-height:70vh}
.contact-finish>.wrap{max-width:1120px}
.ct-a>.wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.ct-intro{padding:20px 0}
.ct-eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:600;color:#a4522e}
.ct-intro h1{font-size:53px;line-height:1.1;letter-spacing:-2px;font-weight:500;margin:20px 0}
.ct-lead{font-size:14px;line-height:1.85;color:#5e6e72;margin:0}
.ct-direct{display:inline-flex;gap:11px;align-items:center;min-height:46px;font-size:12px;font-weight:600;text-decoration:none;color:#24444d;margin-top:26px;line-height:1.5;border-bottom:1px solid #a8bbb2}
.ct-direct .ico{width:18px;height:18px;color:#a4522e;flex:none}
.ct-direct .ico:last-child{width:14px;height:14px;transition:transform .18s}
.ct-direct:hover .ico:last-child{transform:translate(2px,-2px)}
.ct-form-card{background:#fffefb;border:1px solid #9bb1aa;border-radius:20px;padding:29px 30px 18px;box-shadow:5px 6px 0 #dce5dc}
.ct-form-card form>label,.ct-pair>label,.ct-form-card fieldset>label{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:600;color:#24444d;margin-bottom:21px;line-height:1.5}
.ct-form-card input,.ct-form-card select,.ct-form-card textarea{font:inherit;font-weight:400;font-size:13px;color:#24444d;line-height:1.6;width:100%;border:1px solid #bbc9c1;border-radius:9px;background:#fffefb;padding:12px 13px;min-height:47px;transition:border-color .18s,box-shadow .18s;box-sizing:border-box}
.ct-form-card textarea{resize:vertical;min-height:115px}
.ct-form-card input::placeholder,.ct-form-card textarea::placeholder{color:#798784;opacity:1}
.ct-form-card :is(input,select,textarea):focus{outline:none;border-color:#24444d;box-shadow:0 0 0 3px #24444d14}
.ct-form-card label:focus-within{color:#a4522e}
.ct-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ct-submit{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:48px;padding:13px 17px;font-size:12px;font-weight:600;line-height:1.7;background:#1e4750;border:1px solid #1e4750;border-radius:10px;color:#fffefb;cursor:pointer;transition:background .18s,box-shadow .18s}
.ct-submit .ico{width:18px;height:18px;transition:transform .18s}
.ct-submit:hover{background:#2c5961;box-shadow:0 6px 15px #1e475018}
.ct-submit:hover .ico{transform:translateX(3px)}
.ct-submit:focus-visible,.ct-direct:focus-visible{outline:3px solid #c1633b;outline-offset:4px}
.ct-next{font-size:10px;color:#5e6e72;text-align:center;line-height:1.7;margin:10px 0 0}
.ct-privacy{font-size:9px;line-height:1.8;color:#6b7a72;margin:19px 0 0;border-top:1px solid #dce3d9;padding-top:15px}
.ct-privacy a{color:#536b65;text-decoration:underline;text-underline-offset:3px;display:inline-block;min-height:30px}
.ct-form-card .contact-success{padding-top:23px;border-top:1px solid #a6bbb1;margin-top:24px}
.ct-form-card .contact-success h3{font-size:20px;margin:0 0 9px}
.ct-form-card .contact-success p{font-size:12px;line-height:1.8;color:#536b65}
.ct-form-card .contact-success textarea{font-size:12px;min-height:200px;margin-top:12px}
.ct-form-card .form-error{font-size:12px;line-height:1.7;margin:0 0 16px}
.ct-b>.wrap{max-width:780px}
.ct-b .ct-intro{text-align:center;padding-top:0;margin-bottom:26px}
.ct-b .ct-intro h1{margin:14px 0;font-size:48px}
.ct-b .ct-direct{margin-top:17px}
.ct-b .ct-form-card{padding:30px 36px 19px;border-radius:21px;border-color:#b3c5ba;box-shadow:0 15px 40px #24444d0b}
@media(max-width:850px){.ct-a>.wrap{grid-template-columns:1fr 1.4fr;gap:30px}
.ct-intro h1{font-size:42px}
.ct-lead{font-size:13px}
.ct-direct{font-size:10px;gap:7px}
.ct-direct .ico{width:16px;height:16px}
.ct-form-card{padding:24px 23px 18px}
.ct-pair{grid-template-columns:1fr;gap:0}
.ct-b .ct-pair{grid-template-columns:1fr 1fr;gap:16px}}
@media(max-width:580px){.contact-finish{padding:26px 0 40px;scroll-margin-top:92px}
.ct-a>.wrap{grid-template-columns:1fr;gap:24px}
.ct-intro{padding:8px 0 0}
.ct-intro h1{font-size:40px;letter-spacing:-1.5px;margin:14px 0}
.ct-lead{font-size:13px}
.ct-eyebrow{font-size:9px}
.ct-direct{font-size:12px;margin-top:16px;min-height:46px;gap:10px}
.ct-form-card{padding:23px 20px 16px;border-radius:17px;box-shadow:3px 4px 0 #dce5dc}
.ct-form-card label,.ct-pair>label,.ct-form-card fieldset>label{font-size:12px;margin-bottom:19px}
.ct-form-card input,.ct-form-card select,.ct-form-card textarea{font-size:16px;padding:12px;min-height:48px}
.ct-form-card textarea{min-height:120px}
.ct-submit{min-height:49px;font-size:12px}
.ct-next{font-size:10px}
.ct-privacy{font-size:10px;margin-top:16px;padding-top:12px}
.ct-b .ct-intro h1{font-size:40px}
.ct-b .ct-intro{margin-bottom:23px}
.ct-b .ct-form-card{padding:24px 20px 17px;border-radius:17px}
.ct-b .ct-pair{grid-template-columns:1fr;gap:0}
.ct-b .ct-direct{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ct-form-card input,.ct-form-card select,.ct-form-card textarea,.ct-submit,.ct-submit .ico,.ct-direct .ico:last-child{transition:none}
.ct-submit:hover .ico,.ct-direct:hover .ico:last-child{transform:none}}
@keyframes cxReveal{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@keyframes mwEnter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes mwIcon{from{opacity:.35;transform:translateY(5px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes avPanel{from{opacity:.2;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes avSignal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes nfOpen{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@keyframes nfFade{from{opacity:0}to{opacity:1}}
/* Direct navigation, visible inclusions, partner proposals */
.partner-finish{padding:88px 0;background:#f6f1e9;scroll-margin-top:90px;color:#24444d}
.pn-layout{display:grid;grid-template-columns:.85fr 1.45fr;gap:52px;align-items:center}
.pn-eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:600;color:#8a5339}
.pn-heading h2,.pn-heading h1{font-size:48px;line-height:1.13;font-weight:600;letter-spacing:-1.6px;margin:17px 0}
.pn-heading h2 em,.pn-heading h1 em{font-style:normal;color:#a9613f}
.pn-heading p{font-size:15px;line-height:1.7;max-width:320px;color:#58716d}
.pn-more{display:inline-flex;align-items:center;gap:13px;font-size:13px;font-weight:600;text-decoration:none;color:#24444d;margin-top:20px}
.pn-more .ico{width:18px;height:18px}
.pn-cards{display:grid;grid-template-columns:1fr 1fr;gap:19px}
.pn-card{background:#fffefb;border:1px solid #9db4a9;border-radius:18px;padding:27px 24px 23px;position:relative;transition:transform .22s,box-shadow .22s,border-color .22s}
.pn-card:hover,.pn-card:focus-within{transform:translateY(-5px);border-color:#a96943;box-shadow:0 12px 28px #24444d12}
.pn-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:45px;margin-bottom:32px}
.pn-card-top img{max-width:105px;width:46%;height:36px;object-fit:contain;object-position:left center}
.pn-card-top span{font-size:10px;color:#53726b;border:1px solid #d4e0d5;padding:5px 7px;border-radius:20px}
.pn-card h3{font-size:18px;line-height:1.35;margin:0 0 12px;letter-spacing:-.3px}
.pn-card p{font-size:13px;line-height:1.7;color:#5a746f;margin:0;min-height:66px}
.pn-link{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #dce5d9;margin-top:23px;padding-top:17px;font-size:12px;font-weight:600;color:#24444d;text-decoration:none}
.pn-link .ico{width:18px;height:18px;color:#a9613f;transition:transform .2s}
.pn-link:hover .ico{transform:translate(2px,-2px)}
.pn-invite{margin-top:35px;border-top:1px solid #c8d3c6;padding-top:24px;display:flex;align-items:center;gap:16px}
.pn-invite-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #bdcfc1;border-radius:12px;background:#e7eee5;flex:none}
.pn-invite-icon .ico{width:22px;height:22px;color:#84634e}
.pn-invite strong{font-size:14px;font-weight:600}
.pn-invite p{font-size:13px;margin:5px 0 0;color:#5a746f}
.pn-contact{display:inline-flex;align-items:center;gap:15px;margin-left:auto;white-space:nowrap;font-size:13px;font-weight:600;text-decoration:none;color:#24444d;border:1px solid #97b1a4;border-radius:10px;padding:13px 17px;background:#fffefb}
.pn-contact .ico{height:17px;width:17px}
.pn-contact:hover{background:#e9eee5;border-color:#a96943}
.partner-finish a:focus-visible{outline:3px solid #b77650;outline-offset:5px}
@media(max-width:980px){.pn-layout{grid-template-columns:1fr;gap:28px}
.pn-heading p{max-width:500px}
.pn-heading h2,.pn-heading h1{font-size:42px}
.pn-invite{flex-wrap:wrap}
.pn-contact{margin-left:60px}
.pn-invite>div{flex:1}
.partner-finish{padding:65px 0}}
@media(max-width:580px){.pn-cards{grid-template-columns:1fr}
.partner-finish{padding:54px 0}
.pn-heading h2,.pn-heading h1{font-size:37px;letter-spacing:-1.1px}
.pn-layout{gap:28px}
.pn-card{padding:24px}
.pn-card-top{margin-bottom:24px}
.pn-card p{min-height:0}
.pn-card h3{font-size:19px}
.pn-invite{gap:13px;align-items:flex-start;margin-top:27px}
.pn-invite strong{font-size:13px;line-height:1.5;display:block}
.pn-invite p{font-size:12px;line-height:1.6}
.pn-contact{margin-left:0;width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.pn-card,.pn-link .ico{transition:none}
.pn-card:hover,.pn-card:focus-within,.pn-link:hover .ico{transform:none}}
/* Principal sections remain visible: desktop, iPad and mobile. */
@media(max-width:580px){#demo,#parcours,#gains,#reseau,#inclus{scroll-margin-top:178px}}
@media(min-width:581px) and (max-width:980px){#demo,#parcours,#gains,#reseau,#inclus{scroll-margin-top:150px}}
@keyframes shEnter{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){#demo,#parcours,#gains,#reseau,#inclus,#jeremy{scroll-margin-top:148px}}
/* Three compact refinements of Paper & Copper, without trial CTA in header. */
.comparison-finish{margin-top:76px;scroll-margin-top:85px}
.ct-heading{text-align:center;margin-bottom:30px}
.ct-heading h2{font-size:42px;line-height:1.15;letter-spacing:-1.3px;margin:14px 0 17px;font-weight:600}
.ct-heading h2 em{color:#a35f3b;font-style:normal}
.ct-heading>p{font-size:14px;line-height:1.7;color:#5a716d;margin:0}
.ct-frame{border:1px solid #9cb2a8;border-radius:17px;overflow:hidden;background:#fffefb;box-shadow:0 6px 0 #d9e2d666}
.ct-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;color:#24444d;font-size:13px}
.ct-feature-col{width:58%}
.ct-table col:not(.ct-feature-col){width:14%}
.ct-table th,.ct-table td{padding:0;border-bottom:1px solid #e0e6db;vertical-align:middle}
.ct-table thead th{font-weight:600;background:#f2e7da;padding:21px 15px;font-size:16px;text-align:center;border-bottom:1px solid #c4b29c}
.ct-table thead th:first-child{font-size:12px;text-align:left;padding-left:24px;color:#765d49}
.ct-table .ct-group th{padding:13px 24px;text-align:left;letter-spacing:1px;font-size:9px;background:#f3f5ef;color:#637867;font-weight:600}
.ct-table .ct-row>th{text-align:left;font-weight:500;padding:0 24px}
.ct-table .ct-row>td{text-align:center;border-left:1px solid #e8ede4}
.ct-table details{margin:0;padding:0;border:0}
.ct-table summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;min-height:59px;padding:14px 0;line-height:1.6;font-size:13px}
.ct-table summary::-webkit-details-marker{display:none}
.ct-info{display:grid;place-items:center;height:21px;width:21px;flex:none;border:1px solid #d4ded0;border-radius:50%;color:#6e8775}
.ct-info .ico{height:11px;width:11px;transition:transform .2s}
.ct-table details[open] .ct-info .ico{transform:rotate(45deg)}
.ct-table details>p{font-size:12px;line-height:1.8;color:#5a716d;margin:0 0 19px;font-weight:400}
.ct-check{display:inline-grid;place-items:center;color:#244e53;width:27px;height:27px;border-radius:50%;border:1px solid #b8cdc3;background:#e8f0ea}
.ct-check .ico{width:16px;height:16px;stroke-width:2}
.ct-row{transition:background .2s}
.ct-row:hover{background:#f8f2e9}
.ct-row:last-child th,.ct-row:last-child td{border-bottom:0}
.ct-foot{font-size:11px;line-height:1.7;color:#64796e;margin:16px 3px 0}
.ct-table summary:focus-visible{outline:2px solid #b27851;outline-offset:3px;border-radius:4px}
.ct-b .ct-frame{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.ct-b .ct-table{border-spacing:5px 0}
.ct-b .ct-table thead th{background:#e4eeeb;border:1px solid #9bb4a9;border-bottom:0;border-radius:14px 14px 0 0;padding:24px 10px;color:#24444d}
.ct-b .ct-table thead th:first-child{background:transparent;border:0;padding-left:15px;color:#60766b}
.ct-b .ct-table .ct-row>th{padding:0 15px}
.ct-b .ct-table .ct-row>td{border-left:1px solid #b8cbc0;border-right:1px solid #b8cbc0;background:#f4f8f2}
.ct-b .ct-table .ct-row>td:nth-child(3){background:#f6eade;border-color:#c9ad92}
.ct-b .ct-table .ct-plan-pro{background:#edd6c1;border-color:#bd9d7d}
.ct-b .ct-table .ct-group>th{background:transparent;padding:20px 15px 9px;border:0;color:#5b786e}
.ct-b .ct-row:last-child>td{border-bottom:1px solid #b8cbc0;border-radius:0 0 14px 14px}
.ct-b .ct-check{background:transparent;border:0;width:30px;height:30px}
.ct-b .ct-check .ico{height:20px;width:20px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.comparison-finish{scroll-margin-top:84px}
.ct-heading h2{font-size:37px}
#demo,#parcours,#gains,#reseau,#jeremy{scroll-margin-top:84px}}
@media(max-width:580px){.comparison-finish{margin-top:54px;scroll-margin-top:116px}
.ct-heading{margin-bottom:24px}
.ct-heading h2{font-size:29px;letter-spacing:-.8px}
.ct-heading>p{font-size:12px}
.ct-feature-col{width:57%}
.ct-table col:not(.ct-feature-col){width:14.333%}
.ct-table thead th{font-size:11px;padding:17px 2px}
.ct-table thead th:first-child{font-size:10px;padding-left:12px;line-height:1.5}
.ct-table .ct-group th{padding:12px;font-size:8px;letter-spacing:.5px}
.ct-table .ct-row>th{padding:0 12px}
.ct-table summary{font-size:11px;line-height:1.5;gap:7px;min-height:64px;padding:13px 0}
.ct-info{width:17px;height:17px}
.ct-info .ico{width:9px;height:9px}
.ct-table details>p{font-size:10px;line-height:1.7}
.ct-check{width:22px;height:22px}
.ct-check .ico{width:13px;height:13px}
.ct-frame{border-radius:12px}
.ct-foot{font-size:10px}
.ct-b .ct-table{border-spacing:3px 0}
.ct-b .ct-table thead th{padding:18px 1px;font-size:11px;border-radius:9px 9px 0 0}
.ct-b .ct-table thead th:first-child{font-size:9px;padding-left:7px}
.ct-b .ct-table .ct-row>th{padding:0 7px}
.ct-b .ct-table .ct-group>th{padding:18px 7px 8px;font-size:8px}
.ct-b .ct-check .ico{height:16px;width:16px}
#demo,#parcours,#gains,#reseau,#jeremy{scroll-margin-top:116px}}
@media(prefers-reduced-motion:reduce){.ct-row,.ct-info .ico{transition:none}}
@keyframes fpAppear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
/* Petrol, paper and mist. Strong frames, restrained chromatic accents. */
/* Offset: graphic corner tabs and suspended panels. */
/* Rows: compare the three rhythms on one reading axis. */
/* Frame: one outer border, independent cards and strong typography. */
/* Rebuilt headers: thin, quiet, tactile. */
/* Six art directions. Shared content, distinct surfaces and reading patterns. */
.six{--ink:#193e48;--muted:#57717a;--line:#597d87;--accent:#a65c47;--paper:#f7f4ef;--tone:#e4eaf0;--card:#fffefa;color:var(--ink);background:var(--paper);font-family:Arial,sans-serif}
.six .ct-heading h2{font-family:Arial,sans-serif;font-weight:700;letter-spacing:-1.3px;color:var(--ink)}
.six .ct-heading h2 em{color:var(--accent)}
.six .ct-heading>p,.six .ct-foot{color:var(--muted)}
.six .ct-frame{background:var(--card);border:1.5px solid var(--line);box-shadow:none}
.six .ct-table{color:var(--ink)}
.six .ct-table thead th,.six .ct-table thead th:first-child{background:var(--ink);color:var(--card);border-color:var(--line)}
.six .ct-table .ct-group>th{background:var(--tone);color:var(--muted);border-color:var(--line)}
.six .ct-table .ct-row>td,.six .ct-table .ct-row>td:nth-child(3){background:var(--card);border-color:#8ba2a344}
.six .ct-check{border:1px solid var(--line);background:var(--tone);color:var(--ink)}
.six .ct-table details>p{color:var(--muted)}
.six .ct-row:hover{background:var(--tone)}
/* 1. Contrast studio: chalk, slate blue and terracotta punctuation. */
/* 2. Tabs: broad label strips, crisp corners, tall quota typography. */
/* 3. Editorial rows: big plan name, thin rules and icy panels. */
/* 4. Floating modules: clean white outlines on a warmer mist. */
/* 5. Bento: one wide Solo module, Pro and Team below. */
/* 6. Night studio: deep petrol, luminous typography, soft blue and clay highlights. */
/* Header systems follow their page. */
@keyframes sixRise{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
@media(max-width:580px){.six .ct-heading h2{font-size:29px}}
/* Marceau only: petrol, paper, restrained copper. New standalone compositions. */
/* 2: floating plan name, one bold cartouche, calm paper. */
/* 3: a single precise outer frame, three levels of paper. */
/* 4: three working choice buttons, one detailed card. */
@keyframes bpReveal{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
/* Six refinements of Cartouches encrés, within the Marceau palette. */
/* 1: outlined label with crisp frame */
/* 2: double line and typographic quota */
/* 3: ink label spanning the upper frame */
/* 4: a detached quota plaque */
/* 5: divided quota, number and label have their own spaces */
/* 6: the middle card becomes the ink surface */
@keyframes inkReveal{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
/* Onglet signature: six frame refinements, three navigation bars, three menus. */
.sg-header{position:sticky;top:0;z-index:45;height:64px;background:#faf7f1;color:#214750;border-bottom:1px solid #92a9a1}
.sg-header-inner{display:flex;align-items:center;justify-content:space-between;width:min(1200px,calc(100% - 48px));height:100%;margin:auto;position:relative;gap:25px}
.sg-brand{display:flex;align-items:center;gap:8px;font-size:24px;letter-spacing:-.7px;font-weight:600;text-decoration:none;color:#214750}
.sg-brand img{height:26px;width:27px;object-fit:contain}
.sg-brand b{font-weight:inherit;color:#aa7048}
.sg-primary{display:flex;align-items:center;gap:28px;font-size:12px}
.sg-nav-link{display:flex;align-items:center;min-height:42px;position:relative;color:#214750;text-decoration:none;transition:color .18s}
.sg-nav-link:after{position:absolute;content:'';height:2px;background:#a87753;left:0;right:0;bottom:4px;transform:scaleX(0);transform-origin:left;transition:transform .2s}
.sg-nav-link:hover:after{transform:scaleX(1)}
.sg-menu{position:static}
.sg-menu>summary{height:35px;width:39px;display:grid;place-items:center;list-style:none;border:1px solid #7f9e93;border-radius:8px;cursor:pointer;background:#e8efea;transition:background .18s}
.sg-menu>summary::-webkit-details-marker{display:none}
.sg-menu-lines{height:15px;width:17px;display:block;position:relative}
.sg-menu-lines i{display:block;background:#214750;height:1.5px;position:absolute;left:0;width:17px;border-radius:2px;transition:transform .2s,top .2s}
.sg-menu-lines i:first-child{top:4px}
.sg-menu-lines i:last-child{top:10px;width:12px}
.sg-menu[open] .sg-menu-lines i:first-child{top:7px;transform:rotate(45deg)}
.sg-menu[open] .sg-menu-lines i:last-child{top:7px;width:17px;transform:rotate(-45deg)}
.sg-menu>summary:hover,.sg-menu[open]>summary{background:#dae7e0}
.sg-dropdown{position:absolute;right:0;top:calc(100% + 9px);width:350px;max-width:100%;padding:17px;border:1.5px solid #698a7d;border-radius:13px;background:#fffefa;box-shadow:0 15px 35px #21475024;max-height:calc(100svh - 95px);overflow:auto;animation:sgOpen .2s ease both;color:#214750}
.sg-label{display:block;font-size:9px;letter-spacing:1.25px;color:#5e7b71;padding:6px 9px 13px;font-weight:600}
.sg-menu-link{display:flex;align-items:center;gap:12px;padding:11px 9px;min-height:51px;border-radius:8px;color:#214750;text-decoration:none;transition:background .18s}
.sg-menu-link strong{font-size:12px;font-weight:500;line-height:1.5}
.sg-menu-icon{width:29px;height:29px;display:grid;place-items:center;border:1px solid #afc1b5;background:#edf2ed;border-radius:8px;color:#587c6d;flex:none}
.sg-menu-icon>.ico{height:16px;width:16px}
.sg-menu-arrow{display:grid;place-items:center;margin-left:auto;color:#769286}
.sg-menu-arrow>.ico{height:15px;width:15px;transition:transform .2s}
.sg-menu-link:hover{background:#e8efe7}
.sg-menu-link:hover .sg-menu-arrow>.ico{transform:translateX(3px)}
.sg-menu-b .sg-dropdown{width:580px;padding:20px;background:#f9fcf5;border-radius:14px}
.sg-menu-groups{display:grid;grid-template-columns:1.15fr 1fr;gap:15px}
.sg-menu-groups>div+div{border-left:1px solid #b9ccbf;padding-left:16px}
.sg-menu-b .sg-menu-icon{background:#fffefa}
.sg-nav-c{background:#214750;border-color:#41676b}
.sg-nav-c .sg-brand,.sg-nav-c .sg-nav-link{color:#fffaf1}
.sg-nav-c .sg-brand img{padding:3px;background:#fffaf1;border-radius:5px;box-sizing:content-box}
.sg-nav-c .sg-nav-link:after{background:#c2a17e}
.sg-header a:focus-visible,.sg-header summary:focus-visible{outline:3px solid #a87753;outline-offset:4px;border-radius:4px}
/* Strong, readable Pro recommendation: six treatments. */
/* 1A: the recommendation is a full-width strip */
/* 1B: two lines frame the card; outlined recommendation */
/* 2A: a suspended recommendation tab */
/* 2B: a large outlined cartouche and corner accent */
/* 3A: ink card, paper label */
/* 3B: a single framed recommendation under the quota */
@keyframes sgOpen{from{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}
@media(max-width:580px){.sg-header{height:94px}
.sg-header-inner{width:calc(100% - 28px);display:grid;grid-template-rows:42px 52px;gap:0}
.sg-brand{font-size:23px}
.sg-primary{gap:20px;justify-content:space-between;font-size:11px}
.sg-menu>summary{width:34px;height:32px}
.sg-dropdown{width:100%;top:calc(100% + 7px);padding:14px;max-height:calc(100svh - 118px)}
.sg-menu-b .sg-dropdown{padding:16px}
.sg-menu-groups{grid-template-columns:1fr;gap:10px}
.sg-menu-groups>div+div{border-left:0;border-top:1px solid #b9ccbf;padding:10px 0 0}}
@media(prefers-reduced-motion:reduce){.sg-dropdown{animation:none}
.sg-menu-lines i,.sg-nav-link:after,.sg-menu-link,.sg-menu-arrow>.ico{transition:none}}
@keyframes proCardIn{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
main:has(.pro-lab)~.footer-finish{display:none}
#marceau-tarifs-essentiels{--mt-ink:#214750;--mt-paper:#fffefa;--mt-line:#b8c9c4;--mt-copper:#986649;color:var(--mt-ink);font:400 14px/1.45 'DM Sans',sans-serif;padding:32px 18px;box-sizing:border-box}
#marceau-tarifs-essentiels *{box-sizing:border-box}
#marceau-tarifs-essentiels .mt-shell{max-width:980px;margin:0 auto}
#marceau-tarifs-essentiels svg{width:18px;height:18px;stroke-width:1.7;flex-shrink:0}
#marceau-tarifs-essentiels button{font:inherit;color:inherit;border:0;min-height:44px}
#marceau-tarifs-essentiels p{margin:0}
#marceau-tarifs-essentiels .mt-top{display:flex;flex-direction:column;align-items:center;gap:22px;margin-bottom:30px}
#marceau-tarifs-essentiels .mt-top h1{font:600 28px/1.2 'Manrope',sans-serif;letter-spacing:-1px;margin:0;text-align:center}
#marceau-tarifs-essentiels .mt-period{position:relative;display:flex;gap:4px;border:1px solid #b8c9c4;background:#e4ece8;border-radius:11px;padding:4px}
#marceau-tarifs-essentiels .mt-period button{position:relative;z-index:1;background:transparent;padding:9px 12px;font-size:12px;font-weight:600;transition:color .25s;white-space:nowrap}
#marceau-tarifs-essentiels .mt-period button:first-of-type{width:90px}
#marceau-tarifs-essentiels .mt-period button:last-of-type{width:171px}
#marceau-tarifs-essentiels .mt-period button span{font-size:11px;margin-left:5px;color:#86583e}
#marceau-tarifs-essentiels .mt-period button[aria-pressed="true"]{color:#fffefa}
#marceau-tarifs-essentiels .mt-period button[aria-pressed="true"] span{color:#e5c8aa}
#marceau-tarifs-essentiels .mt-slide{position:absolute;left:4px;top:4px;bottom:4px;width:90px;border-radius:7px;background:#214750;transition:transform .28s,width .28s}
#marceau-tarifs-essentiels .mt-period[data-annual="true"] .mt-slide{transform:translateX(94px);width:171px}
#marceau-tarifs-essentiels .mt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:start}
#marceau-tarifs-essentiels .mt-card{background:var(--mt-paper);border:3px solid #214750;border-radius:16px;padding:23px 21px 17px;transition:box-shadow .25s,border-color .25s}
#marceau-tarifs-essentiels .mt-card:hover,#marceau-tarifs-essentiels .mt-card:focus-within{box-shadow:0 8px 24px #21475014;border-color:#36646b}
#marceau-tarifs-essentiels .mt-pro{background:#f0f5f0}
#marceau-tarifs-essentiels header{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:35px;margin-bottom:30px}
#marceau-tarifs-essentiels .mt-name{display:flex;align-items:center;gap:8px}
#marceau-tarifs-essentiels .mt-card h2{font:700 27px/1.1 'Manrope',sans-serif;letter-spacing:-1px;margin:0}
#marceau-tarifs-essentiels .mt-badge{display:flex;align-items:center;gap:4px;padding:8px 8px;border-radius:7px;background:#214750;color:#fffefa;font-size:11px;font-weight:600;white-space:nowrap}
#marceau-tarifs-essentiels .mt-badge svg{width:12px;height:12px;color:#e5c8aa}
#marceau-tarifs-essentiels .mt-price>div{display:flex;align-items:baseline;gap:4px}
#marceau-tarifs-essentiels .mt-price strong{font:700 78px/.98 'Manrope',sans-serif;letter-spacing:-5px;font-variant-numeric:tabular-nums}
#marceau-tarifs-essentiels .mt-euro{align-self:flex-start;font-size:29px;margin:7px 4px 0 1px}
#marceau-tarifs-essentiels .mt-unit{font-size:12px;white-space:nowrap}
#marceau-tarifs-essentiels .mt-price p{font-size:11px;color:#536e70;margin-top:14px}
#marceau-tarifs-essentiels .mt-quota{display:flex;align-items:center;justify-content:space-between;gap:7px;border-top:1px solid var(--mt-line);padding-top:18px;margin:26px 0 24px;font-size:12px}
#marceau-tarifs-essentiels .mt-quota>span{display:flex;align-items:center;gap:5px}
#marceau-tarifs-essentiels .mt-quota svg{width:16px;height:16px}
#marceau-tarifs-essentiels .mt-quota b{font-weight:600;white-space:nowrap}
#marceau-tarifs-essentiels .mt-users{font-size:12px}
#marceau-tarifs-essentiels .mt-cta{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px;border-radius:9px;background:#214750;color:#fffefa;font-weight:600;font-size:13px;transition:background .2s}
#marceau-tarifs-essentiels .mt-cta:hover{background:#32616a}
#marceau-tarifs-essentiels .mt-cta svg{transition:transform .25s}
#marceau-tarifs-essentiels .mt-cta:hover svg{transform:translate(2px,-2px)}
#marceau-tarifs-essentiels .mt-trial{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;margin:13px 0 21px;white-space:nowrap}
#marceau-tarifs-essentiels .mt-trial>span{width:5px;height:5px;border-radius:50%;background:#986649}
#marceau-tarifs-essentiels .mt-bottom{display:flex;align-items:center;gap:7px;border-top:1px solid var(--mt-line);padding-top:15px;font-size:11px}
#marceau-tarifs-essentiels .mt-bottom svg{width:14px;height:14px}
#marceau-tarifs-essentiels .mt-foot{font-size:11px;color:#5a7373;text-align:center;margin:17px 0 24px}
#marceau-tarifs-essentiels summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:49px;font-size:13px;font-weight:500}
#marceau-tarifs-essentiels summary::-webkit-details-marker{display:none}
#marceau-tarifs-essentiels summary>span{display:flex;align-items:center;gap:9px}
#marceau-tarifs-essentiels summary>svg{width:16px;transition:transform .2s}
#marceau-tarifs-essentiels details[open] summary>svg{transform:rotate(45deg)}
#marceau-tarifs-essentiels details>p{font-size:11px;color:#617775;margin:0 0 14px}
#marceau-tarifs-essentiels small{font-size:11px;color:#617775}
@media(min-width:801px) and (max-width:950px){#marceau-tarifs-essentiels .mt-card{padding:21px 14px 17px}
#marceau-tarifs-essentiels .mt-name{gap:5px}
#marceau-tarifs-essentiels .mt-card h2{font-size:24px}
#marceau-tarifs-essentiels .mt-price strong{font-size:68px}
#marceau-tarifs-essentiels .mt-badge{padding:7px 5px;font-size:11px}
#marceau-tarifs-essentiels .mt-pro .mt-name>svg{display:none}}
@media(max-width:800px){#marceau-tarifs-essentiels .mt-grid{grid-template-columns:1fr;max-width:400px;margin:auto;gap:20px}
#marceau-tarifs-essentiels .mt-card{padding:25px}
#marceau-tarifs-essentiels .mt-price strong{font-size:86px}
#marceau-tarifs-essentiels .mt-top h1{font-size:24px}
#marceau-tarifs-essentiels .mt-foot{max-width:400px;margin:18px auto 24px}}
@media(max-width:400px){#marceau-tarifs-essentiels{padding:25px 10px}
#marceau-tarifs-essentiels .mt-card{padding:22px 19px}
#marceau-tarifs-essentiels .mt-price strong{font-size:78px}}
@media(prefers-reduced-motion:reduce){#marceau-tarifs-essentiels *{animation:none!important;transition:none!important}}
#marceau-tarifs-essentiels{padding:60px 24px 0;font-family:Inter,Arial,sans-serif}
#marceau-tarifs-essentiels .mt-top h1,#marceau-tarifs-essentiels .mt-card h2,#marceau-tarifs-essentiels .mt-price strong{font-family:Inter,Arial,sans-serif}
#marceau-tarifs-essentiels a{text-decoration:none}
#marceau-tarifs-essentiels .mt-price strong{color:#214750}
#marceau-tarifs-essentiels .mt-trial{background:transparent;width:100%;padding:0;min-height:32px;cursor:pointer;color:#214750}
#marceau-tarifs-essentiels .mt-trial:hover{text-decoration:underline}
#marceau-tarifs-essentiels .mt-bottom{color:#214750}
#marceau-tarifs-essentiels .mt-bottom:hover{text-decoration:underline}
#marceau-tarifs-essentiels .comparison-finish{margin-top:56px}
#marceau-tarifs-essentiels .comparison-finish summary{min-height:44px;font-size:13px}
#marceau-tarifs-essentiels .comparison-finish .ct-info svg{width:14px;height:14px}
#marceau-tarifs-essentiels .mt-card{transition:box-shadow .25s,border-color .25s}
#marceau-tarifs-essentiels .mt-period button{cursor:pointer}
@media(max-width:600px){#marceau-tarifs-essentiels{padding:35px 15px 0}}
body.immersion.direction-c.block-one .hero.hero-first{border-radius:0!important}
#parcours .journey-steps{grid-template-columns:repeat(4,minmax(0,1fr));display:grid;gap:10px}
#parcours .journey-steps button{min-width:0;white-space:normal;line-height:1.35}
#parcours .real-capture img{object-fit:contain}
.supplier-focus{display:grid;grid-template-columns:1fr 1.05fr;gap:20px 45px;margin-top:35px;padding:32px 0 0;border-top:2px solid #214750;color:#214750}
.supplier-focus h3{font-size:30px;line-height:1.1;letter-spacing:-1px;margin:10px 0 14px}
#marceau-tarifs-essentiels .ct-info{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:1!important;flex:0 0 22px;width:22px;height:22px;aspect-ratio:1;border-radius:50%}
#marceau-tarifs-essentiels .comparison-finish .ct-info svg{display:block!important;width:12px!important;height:12px!important;margin:0!important;position:static!important;transform-origin:center}
/* Une liste continue : aucune carte individuelle. */
.clarity-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px;padding:65px 0 60px;color:#214750;text-align:left}
.fl-heading{align-self:start;display:block!important;min-height:0!important;margin:0!important}
.fl-eyebrow{font-size:10px;letter-spacing:1.6px;color:#8c6348;font-weight:600}
.fl-heading h2{font-size:36px;line-height:1.1;font-weight:600;letter-spacing:-1.2px;margin:14px 0 24px}
.fl-heading h2 em{font-style:normal;color:#52766e}
.fl-contact,.fl-link{display:inline-flex;align-items:center;gap:9px;font-size:12px;color:#214750;text-decoration:none}
.fl-contact:hover,.fl-link:hover{text-decoration:underline}
.fl-contact .ico,.fl-link .ico{width:15px;height:15px}
.fl-list{border-top:1.5px solid #214750}
.fl-row{border:0;border-bottom:1px solid #b6c9bf;border-radius:0;background:transparent;margin:0;padding:0;box-shadow:none}
.fl-row>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:17px 0;font-size:14px;font-weight:500;list-style:none;cursor:pointer;transition:color .2s}
.fl-row>summary::-webkit-details-marker{display:none}
.fl-question{flex:1;line-height:1.5}
.fl-toggle{width:25px;height:25px;flex:0 0 25px;border:1px solid #99b4a8;border-radius:50%;display:grid;place-items:center;color:#214750;transition:background .2s,color .2s}
.fl-toggle .ico{display:block;width:13px;height:13px;transition:transform .2s}
.fl-row[open] .fl-toggle{background:#214750;color:#fffefa;border-color:#214750}
.fl-row[open] .fl-toggle .ico{transform:rotate(45deg)}
.fl-row>summary:hover{color:#926447}
.fl-answer{padding:0 40px 21px 0;font-size:13px;line-height:1.7;color:#47665e;max-width:650px}
.fl-answer strong{display:block;font-weight:500;color:#214750;margin:0 0 10px}
.fl-answer p{margin:0 0 10px}
.fl-answer .fl-link{margin-top:4px}
#marceau-tarifs-essentiels .fl-row>summary{font-size:13px;min-height:62px}
#marceau-tarifs-essentiels .fl-heading{margin-bottom:0}
@media(max-width:760px){#parcours .journey-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.supplier-focus{grid-template-columns:1fr;gap:22px}
.supplier-focus h3{font-size:28px}
.clarity-faq{grid-template-columns:1fr;gap:26px;padding:45px 0}
.fl-heading h2{font-size:30px;margin-bottom:15px}
.fl-row>summary{gap:10px}}
@media(prefers-reduced-motion:reduce){.fl-toggle,.fl-toggle .ico,.fl-row>summary{transition:none}}
/* La FAQ reste une liste, avec une seule réponse mise en lumière. */
#questions.fl-a .fl-heading h2 em{color:#214750}
#questions.fl-a .fl-row{position:relative;transition:background .22s ease}
#questions.fl-a .fl-row>summary{padding-left:15px;padding-right:15px}
#questions.fl-a .fl-answer{padding-left:15px;padding-right:45px}
#questions.fl-a .fl-row[open]{background:#eee7db}
#questions.fl-a .fl-row[open]::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#214750}
#questions.fl-a .fl-row[open] .fl-question{color:#214750;font-weight:600}
/* Position centrale indépendante des styles hérités des autres sections. */
#questions.fl-a .fl-toggle{display:block;position:relative;flex:0 0 26px;width:26px;height:26px;min-width:26px;min-height:26px;padding:0;margin:0;line-height:0;border:1px solid #a79a87;border-radius:50%;box-sizing:border-box}
#questions.fl-a .fl-toggle .ico{position:absolute;display:block;width:12px;height:12px;min-width:12px;min-height:12px;padding:0;margin:0;left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center;transition:transform .2s}
#questions.fl-a .fl-row[open] .fl-toggle{background:#214750;border-color:#214750;color:#fffefa}
#questions.fl-a .fl-row[open] .fl-toggle .ico{transform:translate(-50%,-50%) rotate(45deg)}
/* Beige Marceau sur les deux univers, sans accent vert. */
.sg-menu.sg-menu-b .sg-dropdown{background:#faf7f1;border-color:#b5a38c;box-shadow:0 15px 35px #21475020}
.sg-menu.sg-menu-b .sg-label{color:#80644d}
.sg-menu.sg-menu-b .sg-menu-groups>div+div{border-color:#d0c3b2}
.sg-menu.sg-menu-b .sg-menu-icon{background:#fffaf2;border-color:#c8b89f;color:#214750}
.sg-menu.sg-menu-b .sg-menu-link{color:#214750}
.sg-menu.sg-menu-b .sg-menu-link:hover,.sg-menu.sg-menu-b .sg-menu-link:focus-visible{background:#eee4d5}
.sg-menu.sg-menu-b .sg-menu-arrow{color:#97704d}
.sg-menu.sg-menu-b>summary{background:#faf7f1;border-color:#c8b89f}
.sg-menu.sg-menu-b>summary:hover,.sg-menu.sg-menu-b[open]>summary{background:#eee4d5}
@media(prefers-reduced-motion:reduce){#questions.fl-a .fl-row,#questions.fl-a .fl-toggle .ico{transition:none}}
#parcours.journey-five .journey-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
#parcours.journey-five .journey-steps button{padding-left:8px;padding-right:8px;font-size:12px;gap:7px}
@media(max-width:800px){#parcours.journey-five .journey-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
#parcours.journey-five .journey-steps button:last-child{grid-column:1/-1}
#parcours.journey-five .journey-steps button{min-height:44px}}
/* Interaction tarif validée : relief léger, documents soulignés par le poids. */
#marceau-tarifs-essentiels .mt-card{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s;box-shadow:0 3px 0 #2147500d}
#marceau-tarifs-essentiels .mt-card:hover,#marceau-tarifs-essentiels .mt-card:focus-within{transform:translateY(-7px);box-shadow:0 17px 28px #21475019;border-color:#315f67}
#marceau-tarifs-essentiels .mt-quota b{font-weight:500;min-width:2ch;text-align:right;font-variant-numeric:tabular-nums;transition:font-weight .15s}
#marceau-tarifs-essentiels .mt-card:hover .mt-quota b,#marceau-tarifs-essentiels .mt-card:focus-within .mt-quota b{font-weight:800}
#marceau-tarifs-essentiels .mt-card .mt-name>svg{transition:transform .3s}
#marceau-tarifs-essentiels .mt-card:hover .mt-name>svg,#marceau-tarifs-essentiels .mt-card:focus-within .mt-name>svg{transform:translateY(-2px) rotate(-7deg)}
#marceau-tarifs-essentiels .mt-card:active{transform:translateY(-3px)}
/* A — Des gestes courts, déclenchés par le visiteur. */
/* B — Une progression visuelle autour du compte pro et du parcours. */
/* C — Plus de présence au défilement, puis retour au calme. */
@media(prefers-reduced-motion:reduce){#marceau-tarifs-essentiels .mt-card,#marceau-tarifs-essentiels .mt-card .mt-name>svg,#marceau-tarifs-essentiels .mt-quota b,html[data-marceau-motion] .benefit-card,html[data-marceau-motion] .journey-steps button::after{transition:none!important;transform:none!important}}
#questions.fl-a .fl-row[open]{background:#fffdf8}
#marceau-tarifs-essentiels .ct-frame{border:2.5px solid #214750;box-shadow:0 5px 0 #2147500a}
.partner-finish .pn-card-top>span{display:inline-flex;align-items:center;background:#214750;color:#fffefa;border:1px solid #214750;padding:7px 10px;border-radius:7px;font-weight:600;font-size:11px;white-space:nowrap}
/* Trois gestes sans translation ni zoom de la capture. */
/* Partenaires : trois compositions, les mêmes informations confirmées. */
.partner-exploration{background:#faf7f1;color:#214750;padding:64px 0 70px}
.px-eyebrow{font-size:11px;letter-spacing:1.6px;color:#986649;font-weight:600}
.px-heading{margin-bottom:35px}
.px-heading h1{font-size:52px;line-height:1.08;letter-spacing:-1.8px;font-weight:600;margin:17px 0 20px}
.px-heading h1 em{font-style:normal;color:#9f6849}
.px-heading>p{font-size:15px;color:#526e66;line-height:1.7;margin:0}
.px-partners{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.px-card{display:flex;flex-direction:column;align-items:start;background:#fffefa;border:2px solid #214750;border-radius:18px;padding:30px;gap:26px;transition:box-shadow .25s,transform .25s}
.px-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #21475012}
.px-card header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:15px}
.px-card header img{width:125px;max-width:48%;height:42px;object-fit:contain;object-position:left center}
.px-badge{display:inline-flex;align-items:center;gap:5px;background:#214750;color:#fffefa;font-size:11px;padding:8px 10px;border-radius:7px;font-weight:500;white-space:nowrap}
.px-badge .ico{width:13px;height:13px}
.px-card-copy h2{font-size:27px;line-height:1.2;letter-spacing:-.7px;font-weight:600;margin:0 0 14px;max-width:330px}
.px-card-copy p{font-size:14px;line-height:1.7;color:#4d6a61;margin:0;max-width:390px}
.px-card-link{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:46px;width:100%;border-top:1px solid #c0cdbf;padding-top:16px;text-decoration:none;color:#214750;font-size:13px;font-weight:500;margin-top:auto}
.px-card-link .ico{width:17px;height:17px}
.px-card-link:hover{color:#986649}
.px-cooperation{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;border-top:1px solid #b1c2b7;margin-top:55px;padding-top:35px}
.px-cooperation header h2{font-size:32px;line-height:1.15;letter-spacing:-1px;margin:13px 0 0;font-weight:500}
.px-profile-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.px-profile-tabs button{display:flex;align-items:center;gap:7px;border:1px solid #b8c8bb;border-radius:30px;background:#fffefa;color:#214750;padding:10px 12px;min-height:42px;font-size:12px;font-family:inherit;cursor:pointer}
.px-profile-tabs button .ico{width:15px;height:15px}
.px-profile-tabs button[aria-pressed="true"]{background:#214750;color:#fffefa;border-color:#214750}
.px-profile-copy h3{font-size:20px;line-height:1.3;letter-spacing:-.4px;margin:0 0 9px}
.px-profile-copy p{font-size:14px;line-height:1.7;color:#4e6a61;margin:0 0 15px}
.px-project-link{display:inline-flex;align-items:center;gap:12px;color:#986649;font-size:13px;font-weight:500;text-decoration:none;min-height:40px}
.px-project-link .ico{width:16px;height:16px}
.px-project-link:hover{text-decoration:underline}
@media(max-width:850px){.px-cooperation{grid-template-columns:1fr;gap:24px}
.px-heading h1{font-size:43px}}
@media(max-width:600px){.px-partners{grid-template-columns:1fr;gap:18px}
.partner-exploration{padding:40px 0}
.px-heading h1{font-size:38px}
.px-card{padding:24px;gap:22px}
.px-card-copy h2{font-size:24px}
.px-cooperation header h2{font-size:29px}
.px-profile-tabs{gap:7px}
.px-profile-tabs button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.px-card{transform:none!important;transition:none!important}}
#marceau-tarifs-essentiels .ct-table thead th:first-child{font-size:17px;font-weight:750;color:#214750;letter-spacing:-.2px}
#contact-main .ct-lead{max-width:630px;line-height:1.65}
#contact-main .ct-intro h1{font-size:clamp(34px,4.6vw,56px);letter-spacing:-1.5px;line-height:1.12}
#parcours .real-capture{aspect-ratio:16/9}
#parcours .real-capture img{width:100%;height:100%;object-fit:contain}
#parcours .guided-intro h3{min-height:2.5em}
#parcours .guided-intro>p{min-height:6.5em}
#parcours .journey-transition-overlay{background:#edf3f1}
@media(max-width:580px){#marceau-tarifs-essentiels .ct-table thead th:first-child{font-size:13px;font-weight:750;line-height:1.4}
#contact-main .ct-intro h1{letter-spacing:-1px}
#parcours .guided-intro>p{min-height:6.8em}}
@media(max-width:580px){#parcours.journey-five .journey-steps{padding:14px;gap:9px;background:#edf2ee}
#parcours.journey-five .journey-steps button{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;gap:9px;min-height:49px;padding:10px;border:1px solid #bdc9bd;border-radius:9px;background:#fffefa;color:#214750;font-size:12px;font-weight:500;line-height:1.35;box-shadow:none;transition:background .18s,border-color .18s,color .18s}
#parcours.journey-five .journey-steps button>span{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;min-width:23px;padding:0;margin:0;border:1px solid #c8b9a3;border-radius:50%;background:#faf6ee;color:#214750;font-size:11px;font-weight:600;line-height:1}
#parcours.journey-five .journey-steps button[aria-pressed="true"]{background:#214750;border-color:#214750;color:#fffefa;box-shadow:0 3px 8px #21475013}
#parcours.journey-five .journey-steps button[aria-pressed="true"]>span{background:#f0dfc9;border-color:#f0dfc9;color:#214750}
#parcours.journey-five .journey-steps button:last-child{grid-column:1/-1}
#parcours.journey-five .journey-steps button:not([aria-pressed="true"]):hover{border-color:#8eaa9a;background:#fcfaf4}}
@media(prefers-reduced-motion:reduce){#parcours.journey-five .journey-steps button{transition:none}}
#contact-main.ct-b .ct-intro{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:0;margin:0 auto 30px;gap:0;max-width:760px}
#contact-main.ct-b .ct-eyebrow{display:block;text-align:center;margin:0}
#contact-main.ct-b .ct-intro h1{margin:15px auto 0;max-width:100%;text-align:center;line-height:1.13}
#contact-main.ct-b .ct-intro .ct-lead{max-width:580px;margin:18px auto 0;font-size:15px;line-height:1.7;text-align:center;align-self:center}
#contact-main.ct-b .ct-intro .ct-direct{align-self:center;justify-content:center;margin:17px auto 0;padding:0 1px;min-height:40px;border-bottom:1px solid #c2b29b;font-size:13px}
#contact-main.ct-b .ct-form-card{margin-left:auto;margin-right:auto;width:100%;max-width:760px}
@media(max-width:580px){#contact-main.ct-b .ct-intro{margin-bottom:25px;padding:0 7px}
#contact-main.ct-b .ct-intro .ct-lead{font-size:14px;line-height:1.7;max-width:350px;margin-top:14px}
#contact-main.ct-b .ct-intro h1{font-size:34px;letter-spacing:-1px}
#contact-main.ct-b .ct-intro .ct-direct{margin-top:13px;font-size:12px}}
.footer-finish .ft-toplink{font-size:12px;line-height:1.6;font-weight:400;min-height:44px;color:#24444d}
.sg-menu.sg-menu-b .sg-dropdown{background:#fffdf8;border-color:#d7cebd;box-shadow:0 9px 23px #21475012}
.sg-menu.sg-menu-b .sg-menu-icon{background:#fffefa;border-color:#d5cabb;color:#214750}
.sg-menu.sg-menu-b .sg-menu-link:hover,.sg-menu.sg-menu-b .sg-menu-link:focus-visible{background:#f8f4ec}
.sg-menu.sg-menu-b .sg-menu-groups>div+div{border-color:#e5dfd3}
.sg-menu.sg-menu-b>summary{background:#fffdf8;border-color:#d5cabb}
.sg-menu.sg-menu-b>summary:hover,.sg-menu.sg-menu-b[open]>summary{background:#f8f4ec}
.software-unframed{background:#fff!important}
.software-marquee{margin:29px auto 0;background:#fff;color:#214750}
.sm-window{overflow:hidden;width:100%;background:#fff}
.sm-track{display:flex;width:max-content;animation:software-drift 36s linear infinite;will-change:transform}
.sm-group{display:flex;gap:28px;padding-right:28px;align-items:center;flex:none}
.sm-logo,.sm-more{height:83px;width:170px;flex:0 0 170px;display:flex;align-items:center;justify-content:center;gap:7px;border:0!important;background:transparent!important;border-radius:0!important;padding:11px 15px;box-shadow:none!important}
.sm-logo img{width:auto;max-width:138px;max-height:34px;height:auto;object-fit:contain}
.sm-pennylane img{max-width:24px;max-height:26px}
.sm-pennylane>span{font-size:14px;font-weight:600;white-space:nowrap}
.sm-more .ico{width:17px;height:17px;flex:none;color:#9c6b49}
.sm-more>span{font-size:13px;line-height:1.4;text-align:left;font-weight:500}
.sm-controls{display:flex;justify-content:flex-end;min-height:36px;margin-top:3px}
.sm-pause{display:inline-flex;align-items:center;gap:6px;min-height:34px;background:transparent;border:0;color:#5c7069;font:400 11px Inter,Arial,sans-serif;padding:6px 2px 6px 8px;cursor:pointer}
.sm-pause .ico{width:13px;height:13px}
.sm-pause:hover{color:#214750}
.sm-pause:focus-visible{outline:2px solid #a37b55;outline-offset:3px;border-radius:4px}
.sm-paused .sm-track,.sm-window:hover .sm-track,.sm-window:focus-within .sm-track{animation-play-state:paused}
@keyframes software-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:580px){.software-marquee{margin-top:22px}
.sm-group{gap:18px;padding-right:18px}
.sm-logo,.sm-more{width:150px;flex-basis:150px;height:75px;padding:10px}
.sm-logo img{max-width:125px;max-height:30px}
.sm-pennylane img{max-width:23px}
.sm-pennylane>span{font-size:13px}}
@media(prefers-reduced-motion:reduce){.sm-track{animation:none!important;will-change:auto}
.sm-duplicate{display:none}
.sm-window{overflow-x:auto;mask-image:none!important}
.sm-controls{display:none}}
/* Lumière douce : des bords courts, une ligne aérée. */
/* Grand angle : logos plus présents et espace généreux. */
/* Focus central : le centre reste net, les extrémités s’effacent progressivement. */
/* Mobile brand breathing room, including device safe area. */
@media(max-width:580px){.sg-header{height:auto;padding-top:calc(14px + env(safe-area-inset-top, 0px));}
.sg-header-inner{height:94px;}}
/* Editorial story: a short origin, with the existing portrait. */
.jf-story .jf-content h2{font-size:32px;line-height:1.18;margin:13px 0 20px;letter-spacing:-.8px;max-width:600px}
.jf-story .jf-content>p{font-size:14px;line-height:1.75;margin:0 0 14px;max-width:600px;color:#52676b}
.jf-story .jf-content>p strong{font-weight:600;color:#24444d}
.jf-story .jf-name{margin-top:22px}
@media(max-width:580px){.jf-story .jf-content h2{grid-column:1/-1;font-size:27px;margin:8px 0 2px;line-height:1.23}
.jf-story .jf-content>p{grid-column:1/-1;font-size:13px;line-height:1.75;margin:0}
.jf-story .jf-name{margin-top:8px}
.jf-story{scroll-margin-top:125px}}
/* Contact refinement: same paper, ink and restrained outline. */
.ct-refined form>label,.ct-refined .ct-pair>label{margin-bottom:22px;gap:10px}
.ct-refined label>span{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap}
.ct-refined label small{margin-left:auto;font-size:10px;font-weight:400;color:#71817f}
.ct-refined .ct-required{color:#a4522e;font-size:12px}
.ct-refined .ct-reply-heading{display:flex;align-items:center;gap:10px;border-top:1px solid #e0e5de;padding-top:20px;margin:0 0 15px}
.ct-reply-heading p{font-size:12px;line-height:1.7;color:#5e6e72;margin:0}
.ct-reply-heading strong{font-weight:600;color:#24444d}
.ct-reply-icon{width:30px;height:30px;flex:none;border:1px solid #d1dcd4;border-radius:8px;display:grid;place-items:center;color:#55767a;background:#f5f7f3}
.ct-reply-icon .ico{width:16px;height:16px}
.ct-refined textarea{min-height:135px}
.ct-refined .ct-form-bottom{margin-top:-7px}
.ct-refined .ct-required-note{display:block;font-size:10px;font-weight:400;color:#71817f;margin:0 0 20px}
.ct-refined .ct-submit{min-height:51px}
.ct-refined .ct-submit>span{display:flex;align-items:center;gap:10px}
.ct-refined .ct-submit>span>.ico{width:17px;height:17px;opacity:.85}
.ct-refined .ct-submit:hover>span>.ico{transform:none}
.ct-refined .ct-privacy{display:flex;align-items:flex-start;gap:9px;font-size:10px;line-height:1.8}
.ct-refined .ct-privacy>.ico{width:15px;height:15px;margin-top:2px;flex:none;color:#728a82}
.ct-refined .ct-privacy a{min-height:0}
.ct-refined .contact-success{padding:0;margin:0;border:0}
.ct-refined .contact-success h3{font-size:25px;line-height:1.3;letter-spacing:-.5px;margin-top:22px}
.ct-refined .contact-success h3:focus{outline:none}
.ct-refined [hidden]{display:none!important}
@media(max-width:580px){.ct-refined .ct-reply-heading{padding-top:17px}
.ct-reply-heading p{font-size:11px}
.ct-refined .ct-pair{gap:0}
.ct-refined .ct-required-note{font-size:10px}
.ct-refined .ct-privacy{font-size:10px}
.ct-refined .contact-success .actions{display:grid;gap:10px}
.ct-refined .contact-success .actions>*{justify-content:center}}
/* Copper highlight for the monthly document allowance. */
#marceau-tarifs-essentiels .mt-quota>span:first-child{transition:color .2s ease}
#marceau-tarifs-essentiels .mt-card:hover .mt-quota>span:first-child,#marceau-tarifs-essentiels .mt-card:focus-within .mt-quota>span:first-child{color:#a4522e}
@media(prefers-reduced-motion:reduce){#marceau-tarifs-essentiels .mt-quota>span:first-child{transition:none}}
/* Six explorations, scoped to the home action group. */
.hx-block{--hx-copper:#e7b496;--hx-paper:#fffaf2;--hx-ink:#214750;max-width:470px;margin:30px auto 0;font-family:inherit;animation:hx-enter .35s ease both}
.hx-block a,.hx-block button{font:inherit;text-decoration:none;cursor:pointer;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.hx-block a:focus-visible,.hx-block button:focus-visible{outline:3px solid #e9b699;outline-offset:5px}
.hx-top{display:flex;gap:13px;align-items:stretch}
.hx-trial{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:13px 19px;border:1px solid var(--hx-copper);background:var(--hx-copper);color:var(--hx-ink);border-radius:9px;transition:transform .2s,box-shadow .2s,background .2s}
.hx-label{display:flex;flex-direction:column;gap:5px;text-align:left;min-width:0}
.hx-label strong{font-size:14px;font-weight:600;line-height:1.45;letter-spacing:-.1px}
.hx-label small{font-size:11px;line-height:1.6;font-weight:400}
.hx-arrow{display:grid;place-items:center;width:28px;height:28px;flex:none}
.hx-arrow .ico,.hx-gain-arrow .ico{width:19px;height:19px;transition:transform .22s}
.hx-trial:hover{transform:translateY(-2px);box-shadow:0 6px 15px #071f2328}
.hx-trial:hover .hx-arrow .ico,.hx-gain:hover .hx-gain-arrow .ico{transform:translateX(4px)}
.hx-demo{display:flex;gap:10px;align-items:center;justify-content:center;border:1px solid #a6b9b185;color:#fffaf2;background:transparent;min-height:52px;padding:12px 17px;border-radius:9px;transition:background .2s,border-color .2s}
.hx-demo>span:last-child{font-size:13px;font-weight:500;line-height:1.5;text-align:left}
.hx-demo:hover{background:#ffffff0c;border-color:#e4d8c7}
.hx-play{display:grid;place-items:center;position:relative;flex:none}
.hx-play .ico{height:16px;width:16px;fill:currentColor;stroke-width:1;transition:transform .2s}
.hx-demo:hover .hx-play .ico{transform:scale(1.12)}
.hx-gain{display:flex;align-items:center;gap:13px;color:var(--hx-copper);margin-top:19px;padding:16px 0;border-bottom:1px solid #d7b29266;transition:border-color .2s,background .2s}
.hx-gain .hx-label{flex:1}
.hx-gain .hx-label small{color:#f8f1e4;font-size:12px}
.hx-gain .hx-label strong{font-size:13px}
.hx-sun{display:grid;place-items:center;width:30px;height:30px;flex:none}
.hx-sun>svg{width:25px;height:25px;transition:transform .25s}
.hx-gain:hover .hx-sun>svg{transform:translateY(-3px)}
.hx-gain-arrow{display:grid;place-items:center;width:32px;height:32px;border:1px solid #c5a28477;border-radius:50%;flex:none}
.hx-gain:hover{border-color:#e7b496}
/* 1. Precise typography, rounded rectangles, little arrow key. */
/* 2. Two spacious tiles; a sun line slips into view. */
/* 3. Editorial action list, three numbers, no pill shapes. */
/* 4. Paper insert, strong perimeter, ink interactions. */
/* 5. Outline first, warm signal below. */
/* 6. The trial duration becomes a small passport stamp. */
@keyframes hx-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:580px){.hx-block{max-width:100%;margin-top:25px}
.hx-label strong{font-size:13px}
.hx-trial{gap:9px;padding:11px 13px;min-height:50px}
.hx-demo{padding:11px 12px;gap:7px;min-height:50px}
.hx-demo>span:last-child{font-size:12px}
.hx-top{gap:10px}
.hx-gain .hx-label small{font-size:11px}
.hx-gain .hx-label strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hx-block{animation:none}
.hx-block *{transition:none!important}
.hx-block a:hover,.hx-block a:hover svg,.hx-block button:hover svg{transform:none}}
/* Three takes on the validated signature ribbon. */
/* Three close refinements of the copper / petrol reference. */
:is(.hx-cuivre-fluide,.hx-contour-precis,.hx-soir-ligne){--hx-copper:#e7b496;max-width:410px;margin:29px auto 0}
:is(.hx-cuivre-fluide,.hx-contour-precis,.hx-soir-ligne) .hx-top{gap:14px;align-items:center}
:is(.hx-cuivre-fluide,.hx-contour-precis,.hx-soir-ligne) .hx-trial{flex:1;border-radius:30px;padding:13px 19px;min-height:53px;box-shadow:none;background:#e7b496;color:#193f47;border-color:#e7b496}
:is(.hx-cuivre-fluide,.hx-contour-precis,.hx-soir-ligne) .hx-label strong{font-size:14px;font-weight:600;letter-spacing:0}
:is(.hx-cuivre-fluide,.hx-contour-precis,.hx-soir-ligne) .hx-demo{border-radius:30px;padding:13px 19px;min-height:53px;border-color:#a1b9b1aa;background:transparent;color:#fff8ed}
:is(.hx-cuivre-fluide,.hx-contour-precis,.hx-soir-ligne) .hx-demo>span:last-child{font-size:13px;font-weight:600}
:is(.hx-cuivre-fluide,.hx-contour-precis,.hx-soir-ligne) .hx-gain{max-width:325px;margin:20px auto 0;padding:13px 3px;gap:13px;border-color:#ba967358}
:is(.hx-cuivre-fluide,.hx-contour-precis,.hx-soir-ligne) .hx-gain small{font-size:13px;font-weight:500;letter-spacing:0;color:#fff5e8}
:is(.hx-cuivre-fluide,.hx-contour-precis,.hx-soir-ligne) .hx-gain strong{font-size:13px;font-weight:600;color:#edb187}
:is(.hx-cuivre-fluide,.hx-contour-precis,.hx-soir-ligne) .hx-gain-arrow{width:32px;height:32px;border-color:#bd9e7c77}
/* 1. Same silhouettes, a moving line and an animated arrow. */
.hx-cuivre-fluide .hx-trial{position:relative;overflow:hidden;transition:background .22s,box-shadow .22s,transform .22s}
.hx-cuivre-fluide .hx-trial:hover{background:#edbea2;transform:translateY(-2px);box-shadow:0 5px 0 #0f303b55}
.hx-cuivre-fluide .hx-demo:hover{background:#ffffff08;border-color:#eee0ca}
.hx-cuivre-fluide .hx-gain{position:relative}
.hx-cuivre-fluide .hx-gain:after{content:'';position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#e5ae84;transform:scaleX(.18);transform-origin:left;transition:transform .32s ease}
.hx-cuivre-fluide .hx-gain:hover:after,.hx-cuivre-fluide .hx-gain:focus-visible:after{transform:scaleX(1)}
.hx-cuivre-fluide .hx-gain:hover .hx-sun svg{transform:translateY(-3px) rotate(-7deg)}
/* 2. A precise ring, small circular keys, a warm vertical guide. */
/* 3. Slightly flatter ends, split underline, drawn play ring. */
/* Three close signature ribbon variations, white background, no logo tiles. */
@media(max-width:580px){:is(.hx-cuivre-fluide,.hx-contour-precis,.hx-soir-ligne) .hx-top{gap:11px}
:is(.hx-cuivre-fluide,.hx-contour-precis,.hx-soir-ligne) .hx-trial{padding:12px 14px;gap:8px;min-height:51px}
:is(.hx-cuivre-fluide,.hx-contour-precis,.hx-soir-ligne) .hx-demo{padding:12px 13px;gap:8px;min-height:51px}
:is(.hx-cuivre-fluide,.hx-contour-precis,.hx-soir-ligne) .hx-label strong{font-size:13px}
:is(.hx-cuivre-fluide,.hx-contour-precis,.hx-soir-ligne) .hx-demo>span:last-child{font-size:12px}
:is(.hx-cuivre-fluide,.hx-contour-precis,.hx-soir-ligne) .hx-gain small{font-size:12px}
:is(.hx-cuivre-fluide,.hx-contour-precis,.hx-soir-ligne) .hx-gain strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hx-block *:after{transition:none!important}
.hx-cuivre-fluide .hx-gain:after{transform:none}}
/* Validated copper silhouettes; three finite, intention-driven motions. */
.hx-cuivre-fluide :is(.hx-trial,.hx-demo,.hx-gain){position:relative}
.hx-cuivre-fluide .hx-trial{isolation:isolate}
.hx-cuivre-fluide .hx-trial>.hx-label,.hx-cuivre-fluide .hx-trial>.hx-arrow{position:relative;z-index:1}
.hx-cuivre-fluide :is(.hx-trial,.hx-demo):active{transform:translateY(1px);transition-duration:.08s}
/* 1: directional sweep, advancing arrow, and a small play echo. */
.hx-fluide-elan .hx-trial:before{content:'';position:absolute;inset:-10px -20%;width:30%;background:linear-gradient(90deg,transparent,#fff4e349,transparent);transform:translateX(-180%) skewX(-22deg);pointer-events:none}
.hx-fluide-elan .hx-trial:is(:hover,:focus-visible):before{animation:fluidSweep .62s ease-out both}
.hx-fluide-elan .hx-trial:is(:hover,:focus-visible) .hx-arrow svg{animation:fluidArrow .46s ease both}
.hx-fluide-elan .hx-demo .hx-play:after{content:'';position:absolute;inset:-7px;border:1px solid #e5b18a;border-radius:50%;opacity:0;pointer-events:none}
.hx-fluide-elan .hx-demo:is(:hover,:focus-visible) .hx-play:after{animation:fluidEcho .55s ease-out both}
.hx-fluide-elan .hx-gain:is(:hover,:focus-visible) .hx-sun svg{animation:fluidSunUp .42s ease both}
.hx-fluide-elan .hx-gain:after{transform:scaleX(.14);transition:transform .38s cubic-bezier(.2,.8,.2,1)}
/* 2: line-drawn sunrise, a warm fill, no floating button. */
/* 3: a contour breath, clean typography, precision underline. */
@keyframes fluidSweep{from{transform:translateX(-180%) skewX(-22deg)}to{transform:translateX(600%) skewX(-22deg)}}
@keyframes fluidArrow{0%{transform:translateX(0);opacity:1}45%{transform:translateX(8px);opacity:0}46%{transform:translateX(-6px);opacity:0}100%{transform:translateX(0);opacity:1}}
@keyframes fluidEcho{0%{opacity:0;transform:scale(.7)}25%{opacity:.5}100%{opacity:0;transform:scale(1.6)}}
@keyframes fluidSunUp{0%{transform:translateY(0)}60%{transform:translateY(-4px)}100%{transform:translateY(-2px)}}
@keyframes fluidSunDraw{from{stroke-dashoffset:90;opacity:.4}to{stroke-dashoffset:0;opacity:1}}
/* Liaison ribbon: identical petrol lines, quiet separators, white canvas. */
@media(prefers-reduced-motion:reduce){.hx-cuivre-fluide *,.hx-cuivre-fluide *:before,.hx-cuivre-fluide *:after{animation:none!important;transition:none!important}
.hx-cuivre-fluide .hx-trial:before,.hx-fluide-elan .hx-play:after{display:none}
.hx-cuivre-fluide a:hover svg,.hx-cuivre-fluide button:hover svg{transform:none!important}}
/* Three refinements of Élan cuivré, same hierarchy and palette. */
:is(.hx-elan-sillage,.hx-elan-souple,.hx-elan-onde){max-width:465px}
:is(.hx-elan-sillage,.hx-elan-souple,.hx-elan-onde) .hx-demo{white-space:nowrap;flex-shrink:0}
/* 1 — a fine, quiet reflection. */
/* 2 — a small tactile impulse, keeping all text still. */
/* 3 — a finite wave contained behind the label. */
.hx-elan-onde .hx-trial:before{inset:auto;left:50%;top:50%;width:18px;height:18px;border-radius:50%;background:#fff6e95c;transform:translate(-50%,-50%) scale(0);opacity:0}
.hx-elan-onde .hx-trial:is(:hover,:focus-visible):before{animation:elanWave .72s ease-out both}
.hx-elan-onde .hx-trial:is(:hover,:focus-visible){transform:none;box-shadow:0 0 0 4px #e7b49613}
.hx-elan-onde .hx-trial:is(:hover,:focus-visible) .hx-arrow svg{animation:elanArrowSoft .36s ease both}
.hx-elan-onde .hx-gain-arrow{position:relative}
.hx-elan-onde .hx-gain-arrow:after{content:'';position:absolute;inset:-1px;border:1px solid #efb68e;border-radius:50%;opacity:0}
.hx-elan-onde .hx-gain:is(:hover,:focus-visible) .hx-gain-arrow:after{animation:fluidEcho .6s ease-out both}
.hx-elan-onde .hx-gain:after{transform-origin:center;transform:scaleX(.15)}
@keyframes elanSillage{from{transform:translateX(-180%) skewX(-23deg)}to{transform:translateX(950%) skewX(-23deg)}}
@keyframes elanSoft{0%{transform:translateY(0)}55%{transform:translateY(-3px)}100%{transform:translateY(-1px)}}
@keyframes elanArrowSoft{0%{transform:translateX(0)}55%{transform:translateX(5px)}100%{transform:translateX(2px)}}
@keyframes elanNudge{0%{transform:translateX(0)}55%{transform:translateX(4px)}100%{transform:translateX(1px)}}
@keyframes elanWave{0%{transform:translate(-50%,-50%) scale(0);opacity:.7}100%{transform:translate(-50%,-50%) scale(30);opacity:0}}
@media(max-width:580px){:is(.hx-elan-sillage,.hx-elan-souple,.hx-elan-onde) .hx-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:11px}
:is(.hx-elan-sillage,.hx-elan-souple,.hx-elan-onde) .hx-trial{min-width:0;min-height:61px;padding:10px 14px;gap:6px}
:is(.hx-elan-sillage,.hx-elan-souple,.hx-elan-onde) .hx-demo{min-height:61px;padding:11px 13px}
:is(.hx-elan-sillage,.hx-elan-souple,.hx-elan-onde) .hx-trial .hx-label strong{max-width:150px;font-size:13px;line-height:1.45}
:is(.hx-elan-sillage,.hx-elan-souple,.hx-elan-onde) .hx-trial .hx-arrow{width:22px}}
@media(prefers-reduced-motion:reduce){:is(.hx-elan-sillage,.hx-elan-souple,.hx-elan-onde) *{animation:none!important;transition:none!important}
:is(.hx-elan-sillage,.hx-elan-souple,.hx-elan-onde) :is(.hx-trial,.hx-demo,.hx-gain):is(:hover,:focus-visible){transform:none!important}
.hx-elan-onde .hx-gain-arrow:after{display:none}}
/* Three distinct logo treatments: open gallery, workshop band, connected rail. */
.sm-ruban-ouvert{margin-top:31px}
.sm-ruban-ouvert .sm-window{border:0;padding:10px 0;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.sm-ruban-ouvert .sm-group{gap:52px;padding-right:52px}
.sm-ruban-ouvert .sm-logo,.sm-ruban-ouvert .sm-more{width:220px;flex-basis:220px;height:126px}
.sm-ruban-ouvert .sm-logo img{max-width:170px;max-height:46px}
.sm-ruban-ouvert .sm-pennylane img{max-width:31px;max-height:34px}
.sm-ruban-ouvert .sm-pennylane>span{font-size:17px}
.sm-ruban-ouvert .sm-more>span{font-size:15px;font-weight:500}
.sm-ruban-ouvert .sm-track{animation-duration:52s}
.sm-ruban-ouvert .sm-controls{margin-top:0}
@media(max-width:580px){.sm-ruban-ouvert .sm-window{padding:7px 0}
.sm-ruban-ouvert .sm-group{gap:33px;padding-right:33px}
.sm-ruban-ouvert .sm-logo,.sm-ruban-ouvert .sm-more{width:183px;flex-basis:183px;height:108px}
.sm-ruban-ouvert .sm-logo img{max-width:148px;max-height:39px}
.sm-ruban-ouvert .sm-pennylane img{max-width:26px;max-height:30px}
.sm-ruban-ouvert .sm-pennylane>span{font-size:14px}
.sm-ruban-ouvert .sm-more>span{font-size:13px}}
@media(prefers-reduced-motion:reduce){.sm-ruban-ouvert .sm-window{mask-image:none}}
/* Validated compact trial action. */
.hx-elan-onde{max-width:400px}
@media(max-width:580px){.hx-elan-onde .hx-trial,.hx-elan-onde .hx-demo{min-height:53px}
.hx-elan-onde .hx-trial .hx-label strong{white-space:nowrap}}
/* Keep the full trial label; size the button to its content. */
.hx-elan-onde{width:fit-content;max-width:100%}
.hx-elan-onde .hx-top{gap:12px}
.hx-elan-onde .hx-trial{flex:0 1 auto;min-height:51px;padding:11px 15px;gap:10px}
.hx-elan-onde .hx-trial .hx-arrow{width:20px;height:24px}
.hx-elan-onde .hx-trial .hx-label strong{font-size:13px;white-space:nowrap}
.hx-elan-onde .hx-demo{padding:11px 15px;min-height:51px}
@media(max-width:580px){.hx-elan-onde{width:100%}
.hx-elan-onde .hx-top{grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch}
.hx-elan-onde .hx-trial{padding:10px 12px;gap:7px;min-height:53px}
.hx-elan-onde .hx-trial .hx-label strong{font-size:13px;white-space:normal;max-width:none;line-height:1.4}
.hx-elan-onde .hx-demo{padding:10px 13px;min-height:53px}}
/* Uniform logo frames, including the other-software card. */
/* Same set of actionable controls, three alternative movement systems. */
html[data-ui-motion] .ui-action{transition:translate .2s ease,box-shadow .2s ease,background-position .45s ease,border-color .2s ease,color .2s ease}
html[data-ui-motion] .ui-action-arrow{transition:transform .22s ease,opacity .22s ease}
html[data-ui-motion] .ui-action:focus-visible{outline:2px solid #b87751;outline-offset:4px}
html[data-ui-motion] .ui-action:not(.ui-toggle):active{translate:0 1px;transition-duration:.08s}
/* 1: minimal lift and a single directional movement. */
/* 2: light sweep on filled buttons and a clear trail on text links. */
/* 3: a restrained tactile edge, with immediate press feedback. */
html[data-ui-motion] .ui-toggle{translate:none!important}
@keyframes uiArrowTrail{0%{transform:translateX(0);opacity:1}40%{transform:translateX(7px);opacity:0}41%{transform:translateX(-5px);opacity:0}100%{transform:translateX(2px);opacity:1}}
@media(hover:none){html[data-ui-motion] .ui-action:is(:hover,:focus-visible){translate:none}
html[data-ui-motion] .ui-action:active{translate:0 1px}}
@media(prefers-reduced-motion:reduce){html[data-ui-motion] .ui-action,html[data-ui-motion] .ui-action-arrow{transition:none!important;animation:none!important;translate:none!important}
html[data-ui-motion] .ui-action:is(:hover,:focus-visible) .ui-action-arrow{transform:none!important;animation:none!important}}
/* Validated combination: quiet text links, tactile framed controls. */
html[data-ui-motion="mixte"] .ui-action:is(:hover,:focus-visible) .ui-action-arrow{transform:translateX(3px)}
html[data-ui-motion="mixte"] a.ui-action:not(.ui-framed):is(:hover,:focus-visible){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:currentColor}
html[data-ui-motion="mixte"] .ui-action.ui-framed:not(.ui-toggle):is(:hover,:focus-visible){translate:0 -2px;box-shadow:0 4px 0 #21475028}
html[data-ui-motion="mixte"] .ui-action.ui-framed:not(.ui-toggle):active{translate:0 1px;box-shadow:0 1px 0 #21475028;transition-duration:.08s}
html[data-ui-motion="mixte"] .ui-action:not(.ui-framed){translate:none;box-shadow:none}
@media(hover:none){html[data-ui-motion="mixte"] .ui-action.ui-framed:not(.ui-toggle):hover{translate:none;box-shadow:none}
html[data-ui-motion="mixte"] .ui-action.ui-framed:not(.ui-toggle):active{translate:0 1px;box-shadow:0 1px 0 #21475028}}
@media(prefers-reduced-motion:reduce){html[data-ui-motion="mixte"] .ui-action:is(:hover,:focus-visible,:active){translate:none!important}
html[data-ui-motion="mixte"] .ui-action-arrow{transform:none!important}}
/* Other software: a centred, bolder plus rather than a lateral arrow motion. */
/* Three alternative reading hierarchies; identical inputs and calculations. */
html[data-sim-controls]:not([data-sim-controls="base"]) #gains .modern-cardhead{margin-bottom:25px;align-items:center;gap:14px}
html[data-sim-controls]:not([data-sim-controls="base"]) #gains .modern-cardhead>span{font-family:'Bricolage Grotesque',sans-serif;font-size:23px;font-weight:650;line-height:1.2;color:#214750;letter-spacing:-.5px}
html[data-sim-controls]:not([data-sim-controls="base"]) #gains .modern-cardhead>button{font-size:11px;color:#526f6d;min-height:36px}
html[data-sim-controls]:not([data-sim-controls="base"]) #gains .modern-field-top>span{font-size:17px;font-weight:600;line-height:1.4;color:#214750;gap:12px}
html[data-sim-controls]:not([data-sim-controls="base"]) #gains .modern-field-top small{font-size:10px;font-weight:600;color:#6f847e;flex:none}
html[data-sim-controls]:not([data-sim-controls="base"]) #gains .modern-field-top output{font-family:'Bricolage Grotesque',sans-serif;font-size:30px;line-height:1.1;font-weight:650;min-width:98px;letter-spacing:-.6px;padding:10px 12px}
html[data-sim-controls]:not([data-sim-controls="base"]) #gains .modern-limits small{font-size:11px;color:#5f7770}
/* 1. Open paper: type first, no added box per field. */
html:is([data-sim-controls="clair"],[data-sim-controls^="clair-"]) #gains .modern-settings{background:#fffdf9;border:1.5px solid #9fb4aa;border-radius:18px;padding:30px}
html:is([data-sim-controls="clair"],[data-sim-controls^="clair-"]) #gains .modern-controls{gap:22px}
html:is([data-sim-controls="clair"],[data-sim-controls^="clair-"]) #gains .modern-field{padding-bottom:22px;border-bottom:1px solid #d1dcd3}
html:is([data-sim-controls="clair"],[data-sim-controls^="clair-"]) #gains .modern-field:last-child{border:0;padding-bottom:0}
html:is([data-sim-controls="clair"],[data-sim-controls^="clair-"]) #gains .modern-field-top output{background:transparent;color:#a4522e;padding-right:0;justify-content:flex-end}
html:is([data-sim-controls="clair"],[data-sim-controls^="clair-"]) #gains .modern-field-top>span>small{display:grid;place-items:center;width:25px;height:25px;border:1px solid #b8c8bd;border-radius:50%;color:#52756d}
html:is([data-sim-controls="clair"],[data-sim-controls^="clair-"]) #gains .modern-range{margin-top:22px}
/* 2. Paper cards, ink value labels, clear perimeter. */
/* 3. Light petrol control panel, numbered headings and white value dials. */
@media(max-width:850px) and (min-width:651px){html[data-sim-controls]:not([data-sim-controls="base"]) #gains .modern-settings{padding:23px 20px}
html[data-sim-controls]:not([data-sim-controls="base"]) #gains .modern-field-top{gap:10px}
html[data-sim-controls]:not([data-sim-controls="base"]) #gains .modern-field-top>span{font-size:15px;gap:8px}
html[data-sim-controls]:not([data-sim-controls="base"]) #gains .modern-field-top output{font-size:26px;min-width:82px;padding:9px}}
@media(max-width:650px){html[data-sim-controls]:not([data-sim-controls="base"]) #gains .modern-settings{padding:24px 19px}
html[data-sim-controls]:not([data-sim-controls="base"]) #gains .modern-cardhead>span{font-size:22px}
html[data-sim-controls]:not([data-sim-controls="base"]) #gains .modern-cardhead>button{font-size:10px}
html[data-sim-controls]:not([data-sim-controls="base"]) #gains .modern-field-top{gap:10px}
html[data-sim-controls]:not([data-sim-controls="base"]) #gains .modern-field-top>span{font-size:16px;gap:8px}
html[data-sim-controls]:not([data-sim-controls="base"]) #gains .modern-field-top output{font-size:27px;min-width:85px;padding:9px}
html:is([data-sim-controls="clair"],[data-sim-controls^="clair-"]) #gains .modern-field-top>span>small{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){html[data-sim-controls] #gains .modern-field{transition:none}}
/* Three refinements of the validated clear-reading direction. */
html[data-sim-controls^="clair-"] #gains .modern-field{position:relative}
html[data-sim-controls^="clair-"] #gains .modern-field-top output{transition:color .2s,transform .2s,background .2s,box-shadow .2s}
html[data-sim-controls="clair-signal"] #gains .modern-field-top output{background:#f6ede2;border-radius:8px;padding:9px 12px;color:#944d2e}
html[data-sim-controls="clair-signal"] #gains .modern-field:is(:hover,:focus-within) output{background:#efddca;box-shadow:0 3px 0 #d4b798;transform:translateY(-1px)}
html[data-sim-controls="clair-signal"] #gains .modern-field-top>span>small{border-radius:5px}
html[data-sim-controls="clair-signal"] #gains .modern-range{height:8px}
/* Specific accordions: animate the pictogram, not the label. */
@keyframes compatibilityPop{0%{transform:scale(1)}55%{transform:scale(1.18) rotate(-7deg)}100%{transform:scale(1.08)}}
@keyframes exportNudge{0%{transform:translateY(0)}45%{transform:translateY(3px)}75%{transform:translateY(-1px)}100%{transform:translateY(0) scale(1.1)}}
@media(prefers-reduced-motion:reduce){html[data-sim-controls^="clair-"] #gains .modern-field,html[data-sim-controls^="clair-"] #gains .modern-field:after,html[data-sim-controls^="clair-"] #gains output{animation:none!important;transition:none!important;transform:none!important}}
/* Filet vivant: open typographic counters instead of circular badges. */
/* Fixed icon weight and size: animate strokes or the download arrow only. */
@keyframes cxQuestionTrace{from{stroke-dashoffset:22;opacity:.55}to{stroke-dashoffset:0;opacity:1}}
@keyframes cxArrowDrop{0%{transform:translateY(0)}55%{transform:translateY(2px)}100%{transform:translateY(0)}}
/* Small simulator markers: reinforce contrast without changing the layout. */
html[data-sim-controls="clair-signal"] #gains .modern-settings .modern-field-top>span>small{color:#526d63}
/* Allow partner detail grid items and video controls to shrink on narrow screens. */
.partner-detail-hero>*{min-width:0}
@media(max-width:650px){.partner-detail-hero{grid-template-columns:minmax(0,1fr)}
.partner-detail-hero .video-showcase,.partner-detail-hero .video-frame{min-width:0;max-width:100%}
.partner-detail-hero .window-caption{display:none}
.partner-detail-hero .window-brand{min-width:0}
.partner-detail-hero .hero-label{gap:8px}
.partner-detail-hero .hero-label strong{min-width:0}
.partner-detail-hero .video-toolbar input[type="range"]{min-width:24px}}
/* Centre the play control and its SVG without a lateral margin. */
.immersion .video-overlay{display:grid;place-items:center;place-content:center;gap:0;padding:0;border:0}
.immersion .play-disc{display:grid;place-items:center;padding:0;flex:none}
.immersion .play-disc .ico{display:block;margin:0;translate:none}
/* Use the original Marceau monogram, including its centred lower dot. */
.input-mark>img{display:block;width:80%;height:auto;max-height:80%;object-fit:contain}
/* Complete legal documents in the validated Marceau typography. */
.legal-space{padding:51px 0 64px;background:#faf8f4;color:#214750}
.legal-space>.wrap{max-width:1160px}
.legal-space-header{margin-bottom:31px;max-width:930px}
.legal-space-header>.eyebrow{font-size:10px;letter-spacing:1.4px;color:#9c6243;margin-bottom:17px}
.legal-space-header h1{font-family:'Bricolage Grotesque',sans-serif;font-size:39px;font-weight:600;line-height:1.18;letter-spacing:-1px;margin:0;overflow-wrap:anywhere}
.legal-space-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:35px;align-items:start}
.legal-space-nav{position:sticky;top:88px;display:grid;gap:9px}
.legal-space-link{display:flex;gap:12px;align-items:center;justify-content:space-between;min-height:51px;padding:13px 15px;background:#fffdf9;border:1px solid #bdcdc3;border-radius:9px;text-decoration:none;color:#426660;font-size:12px;font-weight:500;line-height:1.5}
.legal-space-link .ico{height:15px;width:15px;flex:none}
.legal-space-link.is-current{background:#214750;border-color:#214750;color:#fffaf1}
.legal-document{min-width:0;border:1px solid #b3c6bc;border-radius:15px;background:#fffefa;padding:32px 35px;box-shadow:3px 4px 0 #e3e8df;font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.85;color:#344f53;overflow-wrap:anywhere}
.legal-document p{font-size:inherit;line-height:inherit;margin:0 0 18px;max-width:none;color:inherit}
.legal-document h2{font-family:'Bricolage Grotesque',sans-serif;font-size:23px;line-height:1.35;letter-spacing:-.45px;font-weight:600;margin:34px 0 15px;color:#214750;scroll-margin-top:102px}
.legal-document h3{font-size:17px;line-height:1.45;font-weight:600;letter-spacing:-.2px;margin:24px 0 12px;color:#214750;scroll-margin-top:102px}
.legal-document h4{font-size:15px;line-height:1.5;margin:21px 0 10px}
.legal-document ul,.legal-document ol{padding-left:23px;margin:0 0 20px}
.legal-document li{padding-left:2px;margin:7px 0}
.legal-document strong{font-weight:600;color:#214750}
.legal-document a{color:#8f4e30;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.legal-document .legal-version{display:block;font-size:12px;line-height:1.7;color:#596f69;padding-bottom:20px;border-bottom:1px solid #d5dfd5;margin-bottom:24px}
.legal-document details{border:1px solid #bdcdc2;border-radius:10px;background:#f5f6ef;padding:0;margin:22px 0 28px;overflow:hidden}
.legal-document details>summary{cursor:pointer;min-height:48px;padding:13px 17px;font-size:13px;font-weight:600;color:#214750}
.legal-document details>ul{margin:0;padding:4px 22px 18px 36px;font-size:12px}
.legal-document details>ul li{margin:6px 0}
.legal-document :is(.legal-encadre,.legal-note,.legal-alert){padding:18px;border-left:3px solid #b58563;background:#f7f0e5;border-radius:0 8px 8px 0;margin:22px 0}
.legal-table-scroll{width:100%;overflow-x:auto;margin:20px 0 25px;border:1px solid #bdcec2;border-radius:9px}
.legal-document table{border-collapse:collapse;width:100%;margin:0;min-width:520px;font-size:12px;line-height:1.7;color:#344f53}
.legal-document th,.legal-document td{padding:12px 14px;vertical-align:top;text-align:left;border-bottom:1px solid #d6dfd5;border-right:1px solid #d6dfd5}
.legal-document th{background:#eaf0e9;font-weight:600;color:#214750}
.legal-document tr:last-child td{border-bottom:0}
.legal-document td:last-child,.legal-document th:last-child{border-right:0}
.legal-space-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:27px;padding-top:19px;border-top:1px solid #d1dbd2}
.legal-space-bottom .text-link{font-size:12px;min-height:42px}
.legal-back-top{display:inline-flex;align-items:center;gap:9px;border:0;background:transparent;color:#526e66;min-height:42px;padding:5px;font:500 12px Inter,Arial,sans-serif;cursor:pointer}
.legal-back-top .ico{width:16px;height:16px}
.legal-space :is(a,button,summary,.legal-table-scroll):focus-visible{outline:2px solid #aa704e;outline-offset:4px}
@media(max-width:900px){.legal-space-layout{grid-template-columns:195px minmax(0,1fr);gap:23px}
.legal-document{padding:27px 25px}
.legal-space-header h1{font-size:34px}}
@media(max-width:650px){.legal-space{padding:31px 0 45px}
.legal-space>.wrap{width:calc(100% - 32px)}
.legal-space-header{margin-bottom:23px}
.legal-space-header h1{font-size:28px;line-height:1.22;letter-spacing:-.6px}
.legal-space-layout{display:flex;flex-direction:column;gap:20px}
.legal-space-nav{position:static;display:flex;gap:8px;width:100%;overflow-x:auto;padding:3px 2px 10px;scrollbar-width:thin}
.legal-space-link{flex:none;white-space:nowrap;min-height:43px;padding:10px 13px;font-size:11px;border-radius:8px}
.legal-space-link .ico{display:none}
.legal-document{width:100%;padding:23px 19px;font-size:13px;line-height:1.85;border-radius:12px}
.legal-document h2{font-size:21px;margin-top:29px;scroll-margin-top:125px}
.legal-document h3{font-size:16px;scroll-margin-top:125px}
.legal-document p{margin-bottom:17px}
.legal-document .legal-version{font-size:11px;padding-bottom:18px}
.legal-document details>summary{font-size:12px}
.legal-document details>ul{font-size:11px;padding-left:31px}
.legal-space-bottom{gap:12px;flex-wrap:wrap}
.legal-space-bottom .text-link,.legal-back-top{font-size:11px}}
@keyframes sxIn{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
/* Atelier des métiers : trois portes d’entrée, un contenu utile par métier. */
.aw-page{color:#214750;background:#faf8f3}
.aw-page *{min-width:0}
.aw-page h1,.aw-page h2,.aw-page h3{font-family:'Bricolage Grotesque',sans-serif;letter-spacing:-.035em}
.aw-page em{font-style:normal;color:#9e6647}
.aw-small{font:650 10px/1.5 Inter,sans-serif;letter-spacing:.13em;color:#9e6647}
.aw-page svg{width:21px;height:21px;flex-shrink:0}
.aw-link,.aw-quiet{display:inline-flex;gap:14px;align-items:center;color:#214750;text-decoration:none;background:none;border:0;padding:0;font:600 13px/1.5 Inter,sans-serif;cursor:pointer;text-underline-offset:5px}
.aw-link{color:#9e6647}
.aw-link:hover,.aw-quiet:hover{text-decoration:underline}
.aw-link svg,.aw-quiet svg{transition:transform .2s}
.aw-link:hover svg,.aw-quiet:hover svg{transform:translateX(3px)}
.aw-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;color:#fffefa;background:#214750;border:1px solid #214750;border-radius:8px;padding:15px 19px;font:600 13px/1.4 Inter,sans-serif;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s}
.aw-button:hover{transform:translateY(-2px);box-shadow:0 5px 0 #bf8e6c30}
.aw-hero-copy{font-size:16px!important;line-height:1.65!important;max-width:460px}
.aw-hero-copy span{color:#e6b799}
.aw-page{padding:40px 0 65px}
.aw-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;margin:0 0 38px;color:#60776e}
.aw-breadcrumb a{color:#214750;text-underline-offset:4px}
.aw-page-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:65px;align-items:center}
.aw-page h1{font-size:49px;line-height:1.1;margin:14px 0 22px;max-width:700px}
.aw-page-intro p{font-size:16px;line-height:1.8;margin:0;max-width:650px}
.aw-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:28px}
.aw-note{padding:27px 30px;border:1.5px solid #95aa9e;background:#fffefa;border-radius:12px;box-shadow:5px 6px 0 #ded9cc55}
.aw-note-label{display:flex;gap:10px;align-items:center;color:#a36c4a;font-size:10px;letter-spacing:.09em;font-weight:600}
.aw-note blockquote{font:400 21px/1.55 'Bricolage Grotesque',sans-serif;margin:25px 0 20px}
.aw-note-hint{font-size:10px;color:#687e72}
.aw-useful{background:#fffefa;padding:55px 0;margin-top:55px;border-top:1px solid #d4dbcf;border-bottom:1px solid #d4dbcf}
.aw-page h2{font-size:34px;line-height:1.18;margin:10px 0 24px}
.aw-useful-title{max-width:630px}
.aw-tips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:35px}
.aw-tips article{border-top:2px solid #214750;padding-top:22px}
.aw-tip-num{font:500 18px 'Bricolage Grotesque';color:#a66d4b}
.aw-tips h3{font-size:23px;line-height:1.2;margin:12px 0}
.aw-tips p,.aw-page-bottom p{font-size:14px;line-height:1.8}
.aw-page-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:75px;padding-top:55px;padding-bottom:55px}
.aw-questions{background:#f1ede5;border:1px solid #b6c4b7;border-radius:12px;padding:26px}
.aw-questions>h3{font-size:24px;margin:0 0 25px}
.aw-questions details{border-top:1px solid #b4c4b5;padding:20px 0}
.aw-questions summary{cursor:pointer;font-size:13px;line-height:1.5;font-weight:600;list-style:none;display:flex;gap:20px;justify-content:space-between}
.aw-questions summary::-webkit-details-marker{display:none}
.aw-questions summary>span{color:#a66d4b;flex-shrink:0}
.aw-questions p{font-size:13px;margin:15px 0 0}
.aw-questions>.aw-quiet{font-size:11px;margin-top:20px}
.aw-related{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:20px}
.aw-related a{padding:23px;border:1px solid #9db1a3;border-radius:10px;color:#214750;background:#fffefa;text-decoration:none}
.aw-related span{display:block;font-size:11px;color:#9e6647;margin-bottom:8px}
.aw-related strong{display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:14px}
.aw-metrelinks{display:flex;flex-wrap:wrap;gap:10px 25px;margin-top:25px;border-top:1px solid #c8d1c3;padding-top:23px}
.aw-metrelinks a{display:flex;gap:12px;align-items:center;color:#214750;text-decoration:none;font-size:12px}
.aw-metrelinks a:hover{text-decoration:underline}
.aw-metrelinks svg{width:16px}
.aw-page :focus-visible{outline:3px solid #b47b55;outline-offset:4px}
body:has(.aw-dialog[open]){overflow:hidden}
@keyframes awFade{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes awSlide{from{opacity:.5;transform:translateX(20px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.aw-page-intro{gap:35px}
.aw-page h1{font-size:41px}
.aw-page-bottom{gap:35px}
.aw-tips{gap:25px}}
@media(max-width:600px){.aw-link{font-size:12px;gap:8px}
.aw-page{padding-top:25px}
.aw-breadcrumb{margin-bottom:28px}
.aw-page-intro{display:block}
.aw-page h1{font-size:36px}
.aw-page-intro p{font-size:14px}
.aw-actions{gap:20px}
.aw-note{margin-top:32px;padding:24px}
.aw-note blockquote{font-size:20px}
.aw-useful{padding:35px 0;margin-top:35px}
.aw-page h2{font-size:29px}
.aw-tips{grid-template-columns:1fr;gap:20px;margin-top:20px}
.aw-tips article{padding-top:18px}
.aw-tips h3{font-size:23px;margin:9px 0}
.aw-tips p{font-size:13px;margin-bottom:0}
.aw-page-bottom{display:block;padding-top:35px;padding-bottom:35px}
.aw-questions{margin-top:30px;padding:23px}
.aw-related{grid-template-columns:1fr;gap:12px}
.aw-metrelinks{gap:15px 20px}
.aw-hero-copy{font-size:15px!important}}
@media(prefers-reduced-motion:reduce){.aw-page *{animation:none!important;transition:none!important;transform:none!important}}
/* Nouvel onglet Métiers : trois présentations proposées. */
.mn-header .sg-primary{gap:25px}
.mn-header .mn-nav-link{font-weight:650}
.mn{background:#faf8f3;color:#214750;padding:33px 0 65px;min-height:70vh}
.mn *{min-width:0}
.mn h1,.mn h2,.mn h3{font-family:'Bricolage Grotesque',sans-serif;letter-spacing:-.035em}
.mn svg{width:22px;height:22px;flex-shrink:0}
.mn .aw-breadcrumb{margin-bottom:35px}
.mn-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:35px}
.mn-heading h1{font-size:49px;font-weight:600;line-height:1.1;margin:13px 0 0;max-width:700px}
.mn-heading em{font-style:normal;color:#a16a49}
.mn-heading>p{font-size:14px;line-height:1.8;max-width:310px;margin:0 0 5px}
.mn-controls{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:19px}
.mn-search{display:flex;align-items:center;gap:13px;max-width:560px;width:100%;background:white;border:1.5px solid #91a79b;border-radius:10px;padding:0 15px;min-height:54px;color:#5c786d}
.mn-search:focus-within{outline:2px solid #b17b56;outline-offset:3px}
.mn-search input{width:100%;font:400 14px Inter,sans-serif;color:#214750;background:none;border:0;outline:none;padding:15px 0;min-width:0}
.mn-search input::placeholder{color:#7b8c81}
.mn-search-hint{font-size:10px;padding-left:14px;border-left:1px solid #c9d1c3;color:#6b8175}
.mn-count{font:500 11px Inter,sans-serif;color:#687e72;white-space:nowrap}
.mn-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #a6b9aa;margin-top:45px;padding-top:30px}
.mn-bottom h2{font-size:24px;margin:0 0 10px}
.mn-bottom p{font-size:13px;line-height:1.6;margin:0}
.mn-bottom .aw-button{flex-shrink:0}
.mn-empty{padding:55px 30px;border:1px dashed #9eb1a3;border-radius:12px;text-align:center;background:#fffefa}
.mn-empty h2{font-size:25px}
.mn-empty p{font-size:14px}
.mn-empty .aw-quiet{margin-left:25px}
.mn-more{border-top:1px solid #c5d0c2;margin-top:27px;padding-top:22px}
.mn-more summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600}
.mn-more summary svg{width:17px;height:17px}
.mn-more summary::-webkit-details-marker{display:none}
.mn-more .aw-metrelinks{border:0;margin-top:10px;padding-top:15px}
.mn :focus-visible{outline:3px solid #b17b56;outline-offset:4px}
.mn-search input:focus-visible{outline:none}
.mn-v3.mn{background:#fffefa}
.mn-v3 .mn-heading{align-items:center}
.mn-v3 .mn-heading h1{font-family:Inter,sans-serif;font-size:45px;font-weight:450;letter-spacing:-.055em;line-height:1.15}
.mn-v3 .mn-heading em{font-family:'Bricolage Grotesque',sans-serif;font-weight:500}
.mn-v3 .mn-heading>p{border-left:2px solid #b67b54;padding-left:23px}
.mn-v3 .mn-search{border-radius:0;border:0;border-bottom:1.5px solid #8da797;padding-left:0;background:transparent}
.mn-v3 .mn-search:focus-within{outline-offset:6px}
.mn-v3.mn-detail .aw-note{background:#214750;color:#fffefa;box-shadow:none}
.mn-v3.mn-detail .aw-note-label,.mn-v3.mn-detail .aw-note-hint{color:#e1b18d}
.mn-v3.mn-detail h1{font-weight:500}
.mn-v3.mn-detail .aw-useful{background:#f6f2e9}
.mn-v3.mn-detail .aw-tips article{border-top-width:1px}
@keyframes mnAppear{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.mn-heading{gap:30px}
.mn-heading h1{font-size:42px}
.mn-heading>p{max-width:255px;font-size:13px}
.mn-v3 .mn-heading h1{font-size:40px}}
@media(max-width:700px){.mn-header .sg-primary{gap:14px}
.mn-heading{display:block}
.mn-heading>p{max-width:600px;margin:23px 0 0}
.mn-controls{align-items:start;flex-direction:column;gap:13px}
.mn-search{max-width:none}
.mn-count{font-size:10px}
.mn-v3 .mn-heading>p{padding-left:18px}
.mn-bottom{display:block}
.mn-bottom .aw-button{margin-top:22px}}
@media(max-width:580px){.mn-header .sg-primary{gap:11px;font-size:11px}
.mn-header .sg-header-inner{height:94px}
.mn{padding:25px 0 45px}
.mn .aw-breadcrumb{margin-bottom:25px}
.mn-heading{margin-bottom:25px}
.mn-heading h1{font-size:35px}
.mn-v3 .mn-heading h1{font-size:34px}
.mn-heading>p{font-size:13px;line-height:1.7}
.mn-search{min-height:50px;padding:0 13px}
.mn-search input{font-size:13px}
.mn-search-hint{display:none}
.mn-bottom h2{font-size:25px}
.mn-bottom p{font-size:12px}
.mn-v3 .mn-heading>p{font-size:12px}
.mn-empty{padding:30px 20px}
.mn-empty h2{font-size:24px}
.mn-empty .aw-quiet{display:flex;justify-content:center;margin:20px 0 0}}
@media(prefers-reduced-motion:reduce){.mn *{animation:none!important;transition:none!important;transform:none!important}}
@keyframes sfOpen{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.ms *{animation:none!important;transition:none!important;transform:none!important}}
/* Liste essentielle : respiration et contrôles centrés */
.ms-7.mn{background:#fffefa}
.ms-7 .mn-heading h1{font-family:'Bricolage Grotesque';font-size:44px;font-weight:550;letter-spacing:-.04em}
.ms-7 .mn-heading>p{border:0;padding:0}
.mp-directory{border-top:2px solid #214750;display:grid;grid-template-columns:1fr 1fr;column-gap:45px}
.mp-directory>a{display:flex;align-items:center;gap:19px;padding:23px 5px;color:#214750;border-bottom:1px solid #b9c8b8;text-decoration:none;transition:background .2s}
.mp-glyph{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:50%;background:#efeee5}
.mp-glyph svg{width:23px;height:23px}
.mp-label strong{display:block;font:500 23px/1.2 'Bricolage Grotesque';letter-spacing:-.02em}
.mp-label small{display:block;font:400 11px/1.6 Inter;color:#687f70;margin-top:8px}
.mp-go{margin-left:auto;flex-shrink:0;color:#a66e4d}
.mp-go svg{width:18px;height:18px}
.mp-directory>a:hover{background:#f3efe6}
.ms-7 .mn-bottom{margin-top:30px}
@media(max-width:700px){.mp-directory{grid-template-columns:1fr}
.ms-7 .mn-heading h1{font-size:35px}}
@media(max-width:600px){.ms-7 .mn-heading{margin-bottom:24px}
.ms-7 .mn-heading>p{font-size:12px;margin-top:17px}
.mp-directory>a{padding:22px 0;gap:14px}
.mp-label strong{font-size:22px}
.mp-label small{font-size:10px;margin-top:6px}
.mp-glyph{width:37px;height:37px}
.mp-glyph svg{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){.mp-directory>a{transition:none}}
/* Trois répertoires de lecture mobile. */
.dv .mn-heading h1{font-size:42px}
.dv .mn-heading>p{max-width:330px}
.dv .mp-directory>a{min-height:105px}
.dv .mp-label strong{font-size:24px}
.dv .mp-go{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;transition:background .2s,color .2s,transform .2s}
.dv-1.mn{background:#faf8f3}
.dv-1 .mp-directory{border-top:1px solid #8da693;column-gap:45px}
.dv-1 .mp-directory>a{position:relative;border-color:#b4c5b3;padding-left:8px;padding-right:8px;transition:background .2s}
.dv-1 .mp-glyph{background:none;border:1px solid #9eb69e;border-radius:11px;color:#416b59}
.dv-1 .mp-label strong{font-weight:550}
.dv-1 .mp-label small{font-size:11px;color:#657c6d}
.dv-1 .mp-directory>a:before{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#ac7652;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.dv-1 .mp-directory>a:hover:before,.dv-1 .mp-directory>a:focus-visible:before{transform:scaleX(1)}
.dv-1 .mp-directory>a:hover .mp-go{background:#214750;color:#fffefa;transform:rotate(-35deg)}
.dv-1 .mp-directory>a:hover{background:#f1ede3}
.dv .mp-directory>a:focus-visible{outline:3px solid #b17d56;outline-offset:2px}
@media(max-width:700px){.dv .mn-heading h1{font-size:35px}
.dv .mp-directory>a{min-height:99px}
.dv-1 .mp-directory>a{padding:21px 4px;gap:15px}
.dv-1 .mp-glyph{width:38px;height:38px;border-radius:10px}
.dv-1 .mp-label strong{font-size:23px}
.dv-1 .mp-label small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.dv .mp-directory>a,.dv .mp-directory>a:before,.dv .mp-go{transition:none!important;transform:none!important}}
/* Un trait par ligne, animations sur interaction uniquement. */
.rm .mp-directory{border-top:1px solid #9eb39e}
.rm .mp-directory>a:before{display:none!important}
.rm.dv-1 .mp-glyph{border:0;background:transparent;border-radius:0;color:#557b63}
.rm.dv-1 .mp-directory>a:hover .mp-go{transform:none;background:transparent;color:#a16c4a}
.rm .mp-directory>a{position:relative;isolation:isolate;overflow:hidden;transition:background .23s,border-color .23s}
.rm .mp-label,.rm .mp-glyph,.rm .mp-go{position:relative;z-index:1}
.rm .mp-go{border:0}
.rm .mp-directory>a:focus-visible{outline-offset:-3px}
.rm-1 .mp-directory>a:after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(100deg,#e9ddd000,#e9ddd090);opacity:0;transition:opacity .3s}
.rm-1.dv-1 .mp-directory>a:hover{background:transparent}
.rm-1 .mp-directory>a:hover:after,.rm-1 .mp-directory>a:focus-visible:after,.rm-1 .mp-directory>a:active:after{opacity:1}
.rm-1 .mp-glyph{transition:color .25s}
.rm-1 .mp-directory>a:hover .mp-glyph{color:#a66d4b}
@keyframes rfDraw{from{stroke-dashoffset:40}to{stroke-dashoffset:0}}
@keyframes rfLift{0%{transform:translateY(0)}45%{transform:translateY(-2px)}100%{transform:translateY(0)}}
@media(max-width:600px){.rm .mp-directory>a{min-height:95px}
.rm .mp-label strong{font-size:22px}
.rm .mp-label small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.rm .mp-directory>a:after,.rm .mp-go svg,.rm .mp-glyph{transition:none!important}
.rm .mp-directory>a:hover .mp-go svg path,.rm .mp-directory>a:focus-visible .mp-go svg path,.rm .mp-directory>a:hover .mp-glyph svg{animation:none!important}}
/* Aucun soulignement de texte dans les entrées métier. */
html[data-ui-motion] .mp-directory>a,html[data-ui-motion] .mp-directory>a:is(:hover,:focus-visible,:active),html[data-ui-motion] .mp-directory>a *{text-decoration:none!important;text-shadow:none!important}
.rfx .mp-directory>a{box-shadow:none!important;translate:none!important}
.rfx .mp-directory>a:hover .mp-go{transform:none}
.rfx-filter-wrap{margin:0 0 28px;position:relative}
.rfx-options{display:flex;gap:5px;align-items:stretch}
.rfx-options button{display:flex;align-items:center;gap:9px;background:transparent;color:#214750;border:0;font:550 11px/1.5 Inter,sans-serif;cursor:pointer;text-align:left}
.rfx-options button svg{width:17px;height:17px;flex-shrink:0}
.rfx-description{font-size:11px;line-height:1.7;color:#657e6c;margin:14px 0 0;min-height:19px}
.rfx-options button[aria-pressed=true]{color:#214750}
.rfx-1 .rfx-options{padding:5px;border:1px solid #a4b9a1;border-radius:10px;background:#f0eee4}
.rfx-1 .rfx-options button{flex:1;padding:13px 12px;border-radius:6px;justify-content:center}
.rfx-1 .rfx-options button[aria-pressed=true]{background:#214750;color:#fffefa}
.rfx-1 .rfx-options button:hover{background:#e1e8dd}
.rfx-1 .rfx-options button[aria-pressed=true]:hover{background:#214750}
.rfx button:focus-visible,.rfx select:focus-visible,.rfx summary:focus-visible{outline:3px solid #af7954;outline-offset:3px}
.rfx-1 .mp-directory>a:hover .mp-go svg,.rfx-1 .mp-directory>a:focus-visible .mp-go svg{transform:translateX(3px)}
.rfx-1 .mp-go svg{transition:transform .25s}
@keyframes rfxDraw{from{stroke-dashoffset:40}to{stroke-dashoffset:0}}
@media(max-width:900px){.rfx-1 .rfx-options{flex-wrap:wrap}
.rfx-1 .rfx-options button{flex:1 1 25%;padding:12px 10px}
.rfx-1 .rfx-options button:first-child{flex-basis:100%}}
@media(max-width:600px){.rfx-filter-wrap{margin-bottom:24px}
.rfx-description{font-size:10px;line-height:1.7;margin-top:12px}
.rfx-1 .rfx-options{padding:4px;gap:3px}
.rfx-1 .rfx-options button{flex:1 1 40%;font-size:10px;padding:12px 9px;min-height:48px;justify-content:start;gap:8px}
.rfx-1 .rfx-options button:first-child{flex-basis:100%;justify-content:center;min-height:41px}
.rfx-1 .rfx-options button svg{width:15px;height:15px}}
@media(prefers-reduced-motion:reduce){.rfx .mp-go svg,.rfx .mp-glyph,.rfx .mp-glyph svg,.rfx .mp-go,.rfx .mp-directory>a,.rfx .mp-directory>a svg path{transition:none!important;animation:none!important;transform:none!important}}
[data-rfx-desc]:empty{display:none}
.mn-count:empty{display:none}
/* FAQ contrast, approved sizing preserved. */
.sg-menu-link[href="questions.html"] .sg-menu-icon svg,.sg-menu-link[href="#seo-faq"] .sg-menu-icon svg{color:#183f47!important;opacity:1!important}
.sg-menu-link[href="questions.html"] .sg-menu-icon svg path,.sg-menu-link[href="#seo-faq"] .sg-menu-icon svg path{stroke-width:1.6}