/* Propositions locales : habillage indépendant de la chaîne de production. */
.prototype-nav{position:relative;z-index:101;background:#111c24;color:white;display:flex;align-items:center;justify-content:center;gap:20px;padding:10px 16px;font:600 12px/1.5 system-ui;flex-wrap:wrap}.prototype-nav a{color:white;text-decoration:underline;text-underline-offset:4px}.prototype-nav a[aria-current]{color:#ffdb34}.prototype-nav span{color:#d5dce0}
html{scroll-behavior:smooth;scroll-padding-top:100px}
.msvc{background:#f7f6f2}.msvc-grid{gap:18px!important;background:transparent!important;border:0!important}.msvc-grid .ms{position:relative;border:1px solid #d9dcd8!important;border-radius:16px!important;background:#fff!important;padding:28px!important;box-shadow:0 5px 18px #10202c04;transition:transform .25s,box-shadow .25s,border-color .25s;overflow:hidden}.msvc-grid .ms:hover{transform:translateY(-5px);border-color:#a69a49!important;box-shadow:0 16px 30px #10202c0c}.msvc-grid .ms .ic{display:flex;align-items:center;justify-content:center;width:90px!important;height:90px!important;background:#f6f4e9!important;border:0!important;border-radius:22px!important;margin-bottom:22px;color:#14222c}.ms .ic img{width:82px;height:82px;object-fit:contain}.msvc-grid .ms h3{margin-bottom:12px}.msvc-grid .ms p{color:#52606a}.mw .ic{width:64px!important;height:64px!important;flex:0 0 64px;background:transparent!important}.mw .ic img{width:64px;height:64px;object-fit:contain}.mwhy-grid{gap:18px!important;background:transparent!important}.mwhy .mw{border-radius:14px;padding:26px!important;border:1px solid #dde0de;background:#fff}.metap-l{gap:16px!important}.metap-l li{border:1px solid #ccd1cf!important;border-radius:14px!important;position:relative;transition:box-shadow .3s}.metap-l .no{border-radius:50%!important;background:#ffdb34!important;color:#14222c!important;border:0!important}.metap-l li:hover{box-shadow:0 8px 24px #15232e12}.mdici-l{align-items:start!important;gap:16px!important}.mdici-l li{display:flex;flex-direction:column;align-items:center;gap:14px}.mdici-l img{width:100%;max-width:115px;height:100px;object-fit:contain}.mdici-l small{position:static!important;line-height:1.4;text-align:center}.btn{transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0002}.btn:focus-visible,.prototype-nav a:focus-visible,.gesture button:focus-visible{outline:3px solid #bd8500;outline-offset:4px}.metap-l li,.ms,.mw{scroll-margin-top:100px}
.network{padding:72px 0;background:#f4f1e9}.network-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:center}.network h2,.gesture h2{font-size:clamp(30px,3.4vw,48px);line-height:1.08;letter-spacing:-.04em;margin:16px 0 22px}.network p{color:#52606a}.network figure{margin:0}.network img{display:block;width:100%;height:auto;border-radius:18px}.network figcaption{font-size:12px;color:#596268;margin-top:12px}.network a{display:inline-flex;margin-top:24px;font-weight:700;color:#14222c;text-underline-offset:5px}.network .eyebrow{color:#655400}
.gesture{background:#14222c;color:#fff;padding:80px 0}.gesture-intro{max-width:670px;margin-bottom:36px}.gesture .eyebrow{color:#ffdb34}.gesture-intro p{color:#c7d0d6}.gesture-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:44px;align-items:center}.gesture-options{display:grid;gap:12px}.gesture-choice{font:inherit;text-align:left;border:1px solid #50606a;border-radius:12px;padding:22px;background:transparent;color:white;cursor:pointer;display:grid;grid-template-columns:36px 1fr;gap:12px;transition:background .2s,border-color .2s}.gesture-choice[aria-pressed=true]{border-color:#ffdb34;background:#26343b}.gesture-choice>span{color:#ffdb34;font-size:13px}.gesture-choice b{font-size:22px;display:block;margin-bottom:7px}.gesture-choice small{font-size:15px;line-height:1.55;color:#c7d0d6;display:block}.gesture-screen{border:1px solid #50606a;border-radius:18px;overflow:hidden;background:#0b1721}.gesture-screen .frame-stage{aspect-ratio:1.35}.gesture-screen img{display:block;width:100%;height:100%;object-fit:cover}.gesture-controls{padding:18px 22px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}.gesture-controls button{background:#ffdb34;border:0;border-radius:7px;padding:12px 18px;color:#14222c;font:700 14px/1.4 inherit;cursor:pointer;min-width:150px}.gesture-controls input{accent-color:#ffdb34;flex:1;min-width:80px}.gesture-status{font-size:12px;color:#cad6de;padding:0 22px 18px;display:block}.gesture-note{font-size:12px;color:#cad6de;margin:18px 0 0}.emb-reveal{animation:emb-in .65s both}@keyframes emb-in{from{opacity:.15;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.prototype-nav{gap:8px 16px}.prototype-nav span{width:100%;text-align:center}.network-layout,.gesture-layout{grid-template-columns:1fr;gap:28px}.network,.gesture{padding:48px 0}.network-layout>div{max-width:550px}.gesture-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.gesture-choice{display:block;padding:14px 10px}.gesture-choice b{font-size:15px;margin-top:7px}.gesture-choice small{display:none}.gesture-choice>span{font-size:12px}.gesture-screen .frame-stage{aspect-ratio:1.1}.msvc-grid .ms{padding:22px!important}.mdici-l img{height:70px}.mdici-l small{font-size:12px}.mwhy .mw{padding:20px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.msvc-grid .ms:hover,.btn:hover{transform:none}}
.gesture .eyebrow{background:transparent;padding-left:0;color:#ffdb34}.gesture-controls button{font-family:inherit;font-size:14px;font-weight:700;line-height:1.4}
/* Ces panneaux restent clairs, y compris quand le système utilise le mode sombre. */
.msvc,.network,.mwhy .mw{--ink:#14222c;--muted:#52606a;color:#14222c}.mwhy .mw p{color:#52606a}
/* Famille retenue : aplats noirs et jaunes, mêmes cellules sur toute la page. */
.bicolor-icon{display:block;flex:none;width:82px;height:82px;background-repeat:no-repeat;background-color:#faf9f5;border-radius:12px}.msvc-grid .ms .ic:has(.bicolor-icon){background:#faf9f5!important}.mw .ic:has(.bicolor-icon){width:72px!important;height:72px!important;flex-basis:72px}.mw .bicolor-icon{width:72px;height:72px}.mdici-l .bicolor-icon{width:110px;height:110px;border-radius:14px}@media(max-width:760px){.mdici-l .bicolor-icon{width:72px;height:72px}}
.network-refined figcaption{display:flex;gap:8px 18px;justify-content:space-between;align-items:baseline;flex-wrap:wrap}.network-refined a.network-zoom{margin:0;font-size:12px}

/* Miniatures retenues (proposition 4), puis film automatique. */
.gesture-auto .gesture-layout{display:flex;flex-direction:column;align-items:stretch;gap:16px;max-width:900px;margin:0 auto}
.gesture-auto .gesture-intro{max-width:none;margin-bottom:26px}
.gesture-auto .gesture-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.gesture-auto .gesture-choice{display:flex;flex-direction:column;align-items:center;justify-content:start;gap:8px;padding:0 0 8px;min-height:44px;border:0;border-radius:0;background:transparent;color:#c7d0d6;box-shadow:none;cursor:pointer}
.gesture-auto .gesture-choice b{font-size:14px;margin:0;font-weight:600}
.gesture-auto .gesture-choice .gesture-thumbnail{display:block;width:100%;height:70px;object-fit:cover;object-position:center 55%;border-radius:7px;border:2px solid transparent;opacity:.7}
.gesture-auto .gesture-choice:hover{color:#fff;background:transparent}
.gesture-auto .gesture-choice:hover .gesture-thumbnail{opacity:1}
.gesture-auto .gesture-choice[aria-selected=true]{color:#ffdb34;background:transparent;box-shadow:none;border:0}
.gesture-auto .gesture-choice[aria-selected=true] .gesture-thumbnail{border-color:#ffdb34;opacity:1}
.gesture-auto .gesture-choice:focus-visible{outline:2px solid #ffdb34;outline-offset:4px}
.gesture-auto .gesture-screen{width:100%}
.gesture-auto canvas:focus-visible{outline:3px solid #ffdb34;outline-offset:-5px}
.gesture-auto .motion-error-message{padding:16px;color:#fff}
@media(max-width:640px){.gesture-auto .gesture-choice .gesture-thumbnail{height:52px}.gesture-auto .gesture-options{gap:8px}}

/* Lecture libre du film : aucun rappel automatique vers le début de la section. */
main>section#gestes{scroll-snap-align:none}
.cta-mobile{display:none}
@media(max-width:760px){
 html{scroll-padding-top:59px;scroll-snap-type:none}
 .gesture-auto{padding:24px 0}
 .gesture-auto .gesture-intro{margin-bottom:18px}
}
@media(max-width:560px){
 .mcall-b .cta-desktop,.mfin-b .cta-desktop{display:none}
 .mcall-b .cta-mobile,.mfin-b .cta-mobile{display:inline;white-space:nowrap}
 .mcall-b .btn,.mfin-b .btn{font-size:16px;padding-left:16px;padding-right:16px}
}

@media(max-width:380px){.gesture-auto h2{font-size:26px;margin:12px 0 16px}}
/* Évite le zoom automatique mobile causé par la grille des repères locaux à 320 px. */
.mloc-in>div{min-width:0}
.mdici-l{grid-template-columns:repeat(3,minmax(0,1fr))}

.devis-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.devis-status:empty{display:none}.devis-status{margin-top:16px;font-weight:600;line-height:1.5}.fcard> .fld>input{width:100%;padding:12px;border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:8px;font:inherit}.fcard button:disabled{opacity:.7;cursor:wait}
