/* Infinity Web Services — thème partagé (clair / sombre) */
:root{--bg:#F4F6FA;--bg2:#E9EEF7;--card:#fff;--text:#0B1020;--muted:#4A5575;--line:#D5DBEA;--grid:#E1E7F2;--bar:#C5CFEA;--accent:#0B7F70;--on:#fff;--sel:#E3F6F3;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0B1020;--bg2:#0E162E;--card:#111933;--text:#E8ECF5;--muted:#A9B3C9;--line:#2A3453;--grid:#141C3A;--bar:#2A3A6B;--accent:#2DD4BF;--on:#04201C;--sel:#0F2B3A;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#0B1020;--bg2:#0E162E;--card:#111933;--text:#E8ECF5;--muted:#A9B3C9;--line:#2A3453;--grid:#141C3A;--bar:#2A3A6B;--accent:#2DD4BF;--on:#04201C;--sel:#0F2B3A;color-scheme:dark}
.lang,.btn{min-height:44px;border-radius:8px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.lang{min-width:44px;padding:0 10px;border:1px solid var(--line);background:transparent;color:var(--text);font-size:14px}
.lang[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--on)}
.btn{padding:0 22px;border:1.5px solid var(--line);color:var(--text);background:transparent}
.btn.pri{background:var(--accent);border-color:var(--accent);color:var(--on)}
.brand{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;font-size:18px;color:var(--text);text-decoration:none}
.brand svg{stroke:var(--accent)}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* pied de page léger */
.ft{border-top:1px solid var(--line);background:var(--bg)}
.fs{max-width:1160px;margin:0 auto;padding:12px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 20px;font-size:13px;color:var(--muted)}
.fs .brand{font-size:14px;gap:8px}
.fs .brand svg{width:28px;height:15px}
.fn{display:flex;flex-wrap:wrap;gap:0 2px}
.fn a{display:inline-flex;align-items:center;min-height:40px;padding:0 10px;border-radius:6px;color:var(--muted);text-decoration:none}
.fn a:hover{color:var(--accent)}
@media (max-width:720px){.fs{flex-direction:column;text-align:center;gap:0;padding:10px 16px}.fn{justify-content:center}}
/* header */
header#hdr{position:sticky !important;top:env(safe-area-inset-top,0px);z-index:31;display:block !important;padding:0 !important;margin:0 !important;max-width:none !important;width:auto;background:var(--bg);border-bottom:1px solid var(--line)}
.hx{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;max-width:1160px;margin:0 auto;padding:10px 20px}
.hx .brand{grid-column:2;grid-row:1;justify-content:center}
.hr{grid-column:3;grid-row:1;display:flex;gap:8px;justify-content:flex-end;align-items:center}
.lg{display:flex;gap:6px}
.tt{width:44px;height:44px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer;display:grid;place-items:center;transition:border-color .2s}
.tt:hover{border-color:var(--accent)}
.tt svg{width:20px;height:20px;display:none}
.tt[data-m="light"] .moon{display:block}
.tt[data-m="dark"] .sun{display:block}
@media (max-width:900px){.hr .qb{display:none}}
@media (max-width:640px){.hr .lg{display:none}.mtxt{display:none}.hx .brand{font-size:16px}}
@media (max-width:900px){.hd>.tools .nl{display:none !important}}@media (max-width:640px){.hd>.tools{display:none}.mtxt{display:none}.brand{font-size:16px}}

.mt{position:fixed;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none}
.mbtn{grid-column:1;grid-row:1;justify-self:start;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:1px solid var(--line,#2A3453);border-radius:10px;cursor:pointer;font-weight:600;font-size:15px;color:var(--text,#E8ECF5);user-select:none;transition:border-color .2s}
.mbtn:hover{border-color:var(--accent,#2DD4BF)}
.bars{position:relative;width:20px;height:14px;display:block}
.bars i{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:currentColor;transition:width .25s}
.bars i:nth-child(1){top:0}.bars i:nth-child(2){top:6px;width:70%}.bars i:nth-child(3){top:12px}
.mbtn:hover .bars i:nth-child(2){width:100%}
:root:has(.mt:checked){overflow:hidden}
:root:has(.mt:focus-visible) .mbtn{outline:2px solid #2DD4BF;outline-offset:2px}
.mo{position:fixed;inset:0;z-index:100;background-color:#0B1020;background-image:linear-gradient(#141C3A 1px,transparent 1px),linear-gradient(90deg,#141C3A 1px,transparent 1px);background-size:56px 56px;color:#E8ECF5;overflow-y:auto;overflow-x:hidden;clip-path:circle(0% at 50% 0);visibility:hidden;transition:clip-path .7s cubic-bezier(.7,0,.2,1),visibility 0s .7s;font-family:Inter,Arial,sans-serif;line-height:1.5}
.mt:checked ~ .mo{clip-path:circle(150% at 50% 0);visibility:visible;transition:clip-path .7s cubic-bezier(.7,0,.2,1),visibility 0s}
.mi{position:relative;z-index:1;max-width:980px;margin:0 auto;padding:calc(18px + env(safe-area-inset-top,0px)) 24px calc(32px + env(safe-area-inset-bottom,0px));min-height:100%;display:flex;flex-direction:column}
.mh{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.mx{justify-self:start;width:44px;height:44px;border:1px solid #3A4666;border-radius:50%;display:grid;place-items:center;cursor:pointer;font-size:18px;transition:transform .4s,background .2s}
.mx:hover{transform:rotate(90deg);background:#141C3A}
.mo .brand{color:#E8ECF5;display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;font-size:18px;text-decoration:none;justify-content:center;cursor:pointer}
.mo .brand svg{stroke:#2DD4BF}
.ml{margin:32px 0;display:flex;flex-direction:column}
.mli{display:flex;align-items:center;gap:20px;padding:18px 4px;border-bottom:1px solid #2A3453;color:#E8ECF5;text-decoration:none;cursor:pointer;opacity:0;transform:translateY(26px);transition:opacity .5s,transform .5s,padding .25s,background .25s}
.mt:checked ~ .mo .mli{opacity:1;transform:none;transition-delay:calc(.3s + var(--i)*.08s),calc(.3s + var(--i)*.08s),0s,0s}
.mli:hover{padding-inline-start:16px;background:rgba(45,212,191,.07)}
.mn{font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;font-size:15px;color:#2DD4BF;min-width:28px}
.mtt{flex:1;display:flex;flex-direction:column}
.mtt b{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(30px,6vw,56px);line-height:1.1;transition:color .2s}
.mtt small{color:#A9B3C9;font-size:15px;margin-top:4px}
.mli:hover b,.mli.cur b{color:#2DD4BF}
.ma{font-size:28px;color:#2DD4BF;opacity:0;transform:translateX(-10px);transition:opacity .25s,transform .25s}
.mli:hover .ma{opacity:1;transform:none}
[dir="rtl"] .ma{transform:translateX(10px) scaleX(-1)}
[dir="rtl"] .mli:hover .ma{transform:scaleX(-1)}
[dir="rtl"] .mtt b,[dir="rtl"] .mn,[dir="rtl"] .mo .brand{font-family:Cairo,"Segoe UI",Arial,sans-serif}
.mf{margin-top:auto;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;color:#A9B3C9;font-size:15px}
.mo .lang{color:#E8ECF5;border-color:#3A4666}
.mo .lang[aria-pressed="true"]{background:#2DD4BF;color:#04201C;border-color:#2DD4BF}
.mg{position:absolute;inset-inline-end:-120px;bottom:-120px;width:520px;height:520px;stroke:#1A2342;animation:mgSpin 40s linear infinite;pointer-events:none}
@keyframes mgSpin{to{transform:rotate(360deg)}}
@media (max-width:640px){.mi{padding-left:20px;padding-right:20px}.mtt small{font-size:14px}.mli{padding:14px 2px}.mf{flex-direction:column;align-items:center;text-align:center}}
@media (prefers-reduced-motion:reduce){.mo,.mli{transition:none}.mg{animation:none}}

/* verrou en-tête / pied de page : rendu strictement identique sur toutes les pages */
#hdr{font:400 16px/1.55 Inter,Arial,sans-serif;color:var(--text)}
#hdr *{box-sizing:border-box}
#hdr .hx{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;max-width:1160px;margin:0 auto;padding:10px 20px}
#hdr .brand{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;gap:10px;margin:0;padding:0;font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;font-size:18px;line-height:1.2;color:var(--text);text-decoration:none}
#hdr .brand svg{width:40px;height:22px;stroke:var(--accent)}
#hdr .mbtn{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:10px;font:600 15px/1 Inter,Arial,sans-serif;color:var(--text)}
#hdr .hr{grid-column:3;grid-row:1;display:flex;gap:8px;justify-content:flex-end;align-items:center}
#hdr .lg{display:flex;gap:6px}
#hdr .lang{min-width:44px;min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:8px;font:600 14px/1 Inter,Arial,sans-serif;background:transparent;color:var(--text)}
#hdr .lang[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--on)}
#hdr .btn{min-height:44px;padding:0 22px;gap:8px;border-radius:8px;border:1.5px solid var(--accent);background:var(--accent);color:var(--on);font:600 15px/1 Inter,Arial,sans-serif}
#hdr .tt{width:44px;height:44px;padding:0;border-radius:10px}
#ft{font:400 13px/1.55 Inter,Arial,sans-serif;color:var(--muted)}
#ft .fs{padding:12px 20px}
#ft .brand{font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;font-size:14px;gap:8px;color:var(--text);margin:0}
#ft .fn a{font:400 13px/1.55 Inter,Arial,sans-serif;min-height:40px;padding:0 10px}
[dir="rtl"] #hdr,[dir="rtl"] #hdr *,[dir="rtl"] #ft,[dir="rtl"] #ft *{font-family:Cairo,"Segoe UI",Arial,sans-serif}
@media (max-width:640px){#hdr .lg{display:none}#hdr .mtxt{display:none}#hdr .brand{font-size:16px}}
@media (max-width:900px){#hdr .qb{display:none}}
@media (max-width:720px){#ft .fs{padding:10px 16px}}

/* ===== bannière promotionnelle (B2B) ===== */
.pm{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;background:rgba(5,8,20,.74);opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s;font-family:Inter,Arial,sans-serif;line-height:1.5}
.pm.on{opacity:1;visibility:visible;transition:opacity .4s}
.pm-card{position:relative;width:100%;max-width:900px;max-height:calc(100dvh - 40px);overflow:auto;background:#0B1020;color:#E8ECF5;border:1px solid #33406A;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.6);transform:translateY(34px) scale(.96);transition:transform .55s cubic-bezier(.2,.9,.3,1.15)}
.pm.on .pm-card{transform:none}
.pm-chain{height:24px;background:#2DD4BF;opacity:.9;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='24' viewBox='0 0 40 24'><g transform='translate(0 24) rotate(-90)'><g fill='black' fill-opacity='.28' stroke='black' stroke-opacity='.8' stroke-width='1.4'><path d='M7.8 35.6V44.4A7 7 0 1 0 16.2 44.4V35.6A7 7 0 1 0 7.8 35.6Z'/><path d='M7.8 -4.4V4.4A7 7 0 1 0 16.2 4.4V-4.4A7 7 0 1 0 7.8 -4.4Z'/></g><path d='M6.8 17.35V22.65A9 9 0 1 0 17.2 22.65V17.35A9 9 0 1 0 6.8 17.35Z' fill='black' fill-opacity='.6' stroke='black' stroke-width='1.6'/><g fill='none' stroke='black' stroke-width='1.6'><circle cx='12' cy='10' r='3.3'/><circle cx='12' cy='30' r='3.3'/></g><circle cx='12' cy='10' r='1' fill='black'/><circle cx='12' cy='30' r='1' fill='black'/></g></svg>") repeat-x 0 0/40px 24px;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='24' viewBox='0 0 40 24'><g transform='translate(0 24) rotate(-90)'><g fill='black' fill-opacity='.28' stroke='black' stroke-opacity='.8' stroke-width='1.4'><path d='M7.8 35.6V44.4A7 7 0 1 0 16.2 44.4V35.6A7 7 0 1 0 7.8 35.6Z'/><path d='M7.8 -4.4V4.4A7 7 0 1 0 16.2 4.4V-4.4A7 7 0 1 0 7.8 -4.4Z'/></g><path d='M6.8 17.35V22.65A9 9 0 1 0 17.2 22.65V17.35A9 9 0 1 0 6.8 17.35Z' fill='black' fill-opacity='.6' stroke='black' stroke-width='1.6'/><g fill='none' stroke='black' stroke-width='1.6'><circle cx='12' cy='10' r='3.3'/><circle cx='12' cy='30' r='3.3'/></g><circle cx='12' cy='10' r='1' fill='black'/><circle cx='12' cy='30' r='1' fill='black'/></g></svg>") repeat-x 0 0/40px 24px;animation:pmMove 1.4s linear infinite}
@keyframes pmMove{to{-webkit-mask-position:40px 0;mask-position:40px 0}}
.pm-body{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center;padding:30px 36px 36px;background-image:linear-gradient(#141C3A 1px,transparent 1px),linear-gradient(90deg,#141C3A 1px,transparent 1px);background-size:44px 44px}
.pm-bolt{position:absolute;width:14px;height:14px;border-radius:50%;background:#1B2547;border:2px solid #3A4666}
.pm-bolt::after{content:"";position:absolute;left:1px;right:1px;top:50%;height:2px;margin-top:-1px;background:#3A4666;transform:rotate(35deg)}
.pm-bolt.a{top:14px;inset-inline-start:14px}.pm-bolt.b{bottom:14px;inset-inline-start:14px}.pm-bolt.c{bottom:14px;inset-inline-end:14px}
.pm-x{position:absolute;top:34px;inset-inline-end:16px;z-index:3;width:44px;height:44px;border-radius:50%;border:1px solid #3A4666;background:#0B1020;color:#E8ECF5;font-size:18px;cursor:pointer;transition:transform .35s,background .2s}
.pm-x:hover{transform:rotate(90deg);background:#141C3A}
.pm-b{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border:1.5px dashed #2DD4BF;border-radius:6px;color:#2DD4BF;font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.pm-b i{width:8px;height:8px;border-radius:50%;background:#2DD4BF;animation:pmBlink 1.2s ease-in-out infinite}
@keyframes pmBlink{50%{opacity:.25}}
.pm h2{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(28px,4.4vw,42px);line-height:1.08;margin:16px 0 12px;color:#E8ECF5}
.pm p.pm-s{margin:0 0 18px;color:#A9B3C9;font-size:16.5px}
.pm ul{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:10px}
.pm li{display:flex;gap:12px;align-items:flex-start;font-weight:600;font-size:15.5px}
.pm li::before{content:"";flex:none;width:22px;height:22px;margin-top:1px;border-radius:6px;background:#2DD4BF;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'><path d='M5 11.5l4 3.8L17 6.5' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'><path d='M5 11.5l4 3.8L17 6.5' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat}
.pm-act{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.pm-cta{display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 28px;border-radius:10px;background:#2DD4BF;color:#04201C;font-weight:700;font-size:16px;text-decoration:none;border:0;transition:transform .2s,box-shadow .2s}
.pm-cta:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(45,212,191,.35)}
.pm-cta:focus-visible,.pm-later:focus-visible,.pm-x:focus-visible{outline:3px solid #fff;outline-offset:2px}
.pm-later{min-height:44px;padding:0 14px;background:none;border:0;color:#A9B3C9;font:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.pm-vis{display:block;width:100%;height:auto;max-height:380px}
.pm-vis .gr{fill:none;stroke:#2DD4BF}
.pm-vis .g1{transform-origin:150px 170px;animation:pmSpin 26s linear infinite}
.pm-vis .g2{transform-origin:250px 112px;animation:pmSpin 17s linear infinite reverse}
@keyframes pmSpin{to{transform:rotate(360deg)}}
.pm-vis .fl{stroke:#2DD4BF;stroke-width:2.5;stroke-dasharray:5 7;animation:pmFlow 1.2s linear infinite;fill:none}
@keyframes pmFlow{to{stroke-dashoffset:-24}}
.pm-vis .nd{fill:#0B1020;stroke:#3A4666;stroke-width:2.5}
.pm-vis .nd.on{animation:pmLit 2.4s ease-in-out infinite}
@keyframes pmLit{0%,100%{stroke:#3A4666;fill:#0B1020}40%,60%{stroke:#2DD4BF;fill:#0F3A3A}}
.pm-vis .nl{fill:none;stroke:#A9B3C9;stroke-width:2;stroke-linecap:round}
.pm-vis .gt{fill:none;stroke:#3A4666;stroke-width:8;stroke-linecap:round}
.pm-vis .gk{fill:none;stroke:#A9B3C9;stroke-width:2;stroke-dasharray:.012 .068}
.pm-vis .gv{fill:none;stroke:#2DD4BF;stroke-width:8;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:pmFill 1.8s .6s ease-out forwards}
@keyframes pmFill{to{stroke-dashoffset:.32}}
.pm-vis .nn{transform-origin:250px 268px;transform:rotate(-70deg);animation:pmNeedle 1.8s .6s cubic-bezier(.3,1.4,.5,1) forwards}
@keyframes pmNeedle{to{transform:rotate(48deg)}}
[dir="rtl"] .pm,[dir="rtl"] .pm *{font-family:Cairo,"Segoe UI",Arial,sans-serif;letter-spacing:0;text-transform:none}
[dir="rtl"] .pm-arr{display:inline-block;transform:scaleX(-1)}
@media (max-width:720px){.pm-body{grid-template-columns:1fr;padding:26px 22px 28px;gap:14px}.pm-vis{max-height:190px}.pm-vis-w{order:-1}.pm-x{top:30px;inset-inline-end:10px}}
@media (max-width:560px){.pm{padding:12px;align-items:end}.pm-card{max-height:calc(100dvh - 24px);border-radius:20px}.pm-vis-w{display:none}.pm-cta{width:100%;justify-content:center}.pm-act{flex-direction:column;align-items:stretch}.pm-later{text-align:center}}
@media (prefers-reduced-motion:reduce){.pm,.pm-card{transition:none}.pm-chain,.pm-b i,.pm-vis .g1,.pm-vis .g2,.pm-vis .fl,.pm-vis .nd.on{animation:none}.pm-vis .gv{animation:none;stroke-dashoffset:.32}.pm-vis .nn{animation:none;transform:rotate(48deg)}}

/* verrou en-tête / pied de page : rendu strictement identique sur toutes les pages */
#hdr{font:400 16px/1.55 Inter,Arial,sans-serif;color:var(--text)}
#hdr *{box-sizing:border-box}
#hdr .hx{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;max-width:1160px;margin:0 auto;padding:10px 20px}
#hdr .brand{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;gap:10px;margin:0;padding:0;font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;font-size:18px;line-height:1.2;color:var(--text);text-decoration:none}
#hdr .brand svg{width:40px;height:22px;stroke:var(--accent)}
#hdr .mbtn{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:10px;font:600 15px/1 Inter,Arial,sans-serif;color:var(--text)}
#hdr .hr{grid-column:3;grid-row:1;display:flex;gap:8px;justify-content:flex-end;align-items:center}
#hdr .lg{display:flex;gap:6px}
#hdr .lang{min-width:44px;min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:8px;font:600 14px/1 Inter,Arial,sans-serif;background:transparent;color:var(--text)}
#hdr .lang[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--on)}
#hdr .btn{min-height:44px;padding:0 22px;gap:8px;border-radius:8px;border:1.5px solid var(--accent);background:var(--accent);color:var(--on);font:600 15px/1 Inter,Arial,sans-serif}
#hdr .tt{width:44px;height:44px;padding:0;border-radius:10px}
#ft{font:400 13px/1.55 Inter,Arial,sans-serif;color:var(--muted)}
#ft .fs{padding:12px 20px}
#ft .brand{font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;font-size:14px;gap:8px;color:var(--text);margin:0}
#ft .fn a{font:400 13px/1.55 Inter,Arial,sans-serif;min-height:40px;padding:0 10px}
[dir="rtl"] #hdr,[dir="rtl"] #hdr *,[dir="rtl"] #ft,[dir="rtl"] #ft *{font-family:Cairo,"Segoe UI",Arial,sans-serif}
@media (max-width:640px){#hdr .lg{display:none}#hdr .mtxt{display:none}#hdr .brand{font-size:16px}}
@media (max-width:900px){#hdr .qb{display:none}}
@media (max-width:720px){#ft .fs{padding:10px 16px}}

/* verrou en-tête / pied de page : rendu strictement identique sur toutes les pages */
#hdr{font:400 16px/1.55 Inter,Arial,sans-serif;color:var(--text)}
#hdr *{box-sizing:border-box}
#hdr .hx{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;max-width:1160px;margin:0 auto;padding:10px 20px}
#hdr .brand{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;gap:10px;margin:0;padding:0;font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;font-size:18px;line-height:1.2;color:var(--text);text-decoration:none}
#hdr .brand svg{width:40px;height:22px;stroke:var(--accent)}
#hdr .mbtn{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:10px;font:600 15px/1 Inter,Arial,sans-serif;color:var(--text)}
#hdr .hr{grid-column:3;grid-row:1;display:flex;gap:8px;justify-content:flex-end;align-items:center}
#hdr .lg{display:flex;gap:6px}
#hdr .lang{min-width:44px;min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:8px;font:600 14px/1 Inter,Arial,sans-serif;background:transparent;color:var(--text)}
#hdr .lang[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--on)}
#hdr .btn{min-height:44px;padding:0 22px;gap:8px;border-radius:8px;border:1.5px solid var(--accent);background:var(--accent);color:var(--on);font:600 15px/1 Inter,Arial,sans-serif}
#hdr .tt{width:44px;height:44px;padding:0;border-radius:10px}
#ft{font:400 13px/1.55 Inter,Arial,sans-serif;color:var(--muted)}
#ft .fs{padding:12px 20px}
#ft .brand{font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;font-size:14px;gap:8px;color:var(--text);margin:0}
#ft .fn a{font:400 13px/1.55 Inter,Arial,sans-serif;min-height:40px;padding:0 10px}
[dir="rtl"] #hdr,[dir="rtl"] #hdr *,[dir="rtl"] #ft,[dir="rtl"] #ft *{font-family:Cairo,"Segoe UI",Arial,sans-serif}
@media (max-width:640px){#hdr .lg{display:none}#hdr .mtxt{display:none}#hdr .brand{font-size:16px}}
@media (max-width:900px){#hdr .qb{display:none}}
@media (max-width:720px){#ft .fs{padding:10px 16px}}

/* anti-fuite : labels (le formulaire de devis stylise tous les <label>, ce qui ne doit pas toucher l’en-tête ni le menu) */
#hdr label,#mo label,#ft label{margin:0}
#hdr label.mbtn{display:inline-flex;font:600 15px/1 Inter,Arial,sans-serif}
#mo label.mli{font-size:16px;font-weight:400}
#mo label.mx{font-size:18px;font-weight:400}
[dir="rtl"] #hdr label.mbtn{font-family:Cairo,"Segoe UI",Arial,sans-serif}

/* verrou en-tête / pied de page : rendu strictement identique sur toutes les pages */
#hdr{font:400 16px/1.55 Inter,Arial,sans-serif;color:var(--text)}
#hdr *{box-sizing:border-box}
#hdr .hx{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;max-width:1160px;margin:0 auto;padding:10px 20px}
#hdr .brand{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;gap:10px;margin:0;padding:0;font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;font-size:18px;line-height:1.2;color:var(--text);text-decoration:none}
#hdr .brand svg{width:40px;height:22px;stroke:var(--accent)}
#hdr .mbtn{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:10px;font:600 15px/1 Inter,Arial,sans-serif;color:var(--text)}
#hdr .hr{grid-column:3;grid-row:1;display:flex;gap:8px;justify-content:flex-end;align-items:center}
#hdr .lg{display:flex;gap:6px}
#hdr .lang{min-width:44px;min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:8px;font:600 14px/1 Inter,Arial,sans-serif;background:transparent;color:var(--text)}
#hdr .lang[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--on)}
#hdr .btn{min-height:44px;padding:0 22px;gap:8px;border-radius:8px;border:1.5px solid var(--accent);background:var(--accent);color:var(--on);font:600 15px/1 Inter,Arial,sans-serif}
#hdr .tt{width:44px;height:44px;padding:0;border-radius:10px}
#ft{font:400 13px/1.55 Inter,Arial,sans-serif;color:var(--muted)}
#ft .fs{padding:12px 20px}
#ft .brand{font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;font-size:14px;gap:8px;color:var(--text);margin:0}
#ft .fn a{font:400 13px/1.55 Inter,Arial,sans-serif;min-height:40px;padding:0 10px}
[dir="rtl"] #hdr,[dir="rtl"] #hdr *,[dir="rtl"] #ft,[dir="rtl"] #ft *{font-family:Cairo,"Segoe UI",Arial,sans-serif}
@media (max-width:640px){#hdr .lg{display:none}#hdr .mtxt{display:none}#hdr .brand{font-size:16px}}
@media (max-width:900px){#hdr .qb{display:none}}
@media (max-width:720px){#ft .fs{padding:10px 16px}}

/* sélecteur de langue (un seul bouton + liste) */
.lgw{position:relative}
.lgb{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--text);font:600 14px/1 Inter,Arial,sans-serif;cursor:pointer;transition:border-color .2s}
.lgb:hover,.lgb[aria-expanded="true"]{border-color:var(--accent)}
.lgb .gl{width:18px;height:18px}
.lgb .lgc{width:11px;height:11px;transition:transform .2s}
.lgb[aria-expanded="true"] .lgc{transform:rotate(180deg)}
.lgm{display:none;position:absolute;top:calc(100% + 6px);inset-inline-end:0;min-width:170px;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 36px rgba(0,0,0,.2);z-index:60}
.lgm.open{display:block}
.lgw.up .lgm{top:auto;bottom:calc(100% + 6px)}
.lgo{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--text);font:500 15px/1 Inter,Arial,sans-serif;text-align:start;cursor:pointer}
.lgo:hover{background:var(--sel)}
.lgo[aria-current="true"]{color:var(--accent);font-weight:700}
.lgo[aria-current="true"]::after{content:"✓"}
#mo .lgb{border-color:#3A4666;color:#E8ECF5}
#mo .lgb:hover,#mo .lgb[aria-expanded="true"]{border-color:#2DD4BF}
#mo .lgm{background:#0F1630;border-color:#33406A}
#mo .lgo{color:#E8ECF5}
#mo .lgo:hover{background:rgba(45,212,191,.12)}
#mo .lgo[aria-current="true"]{color:#2DD4BF}
[dir="rtl"] .lgb,[dir="rtl"] .lgo{font-family:Cairo,"Segoe UI",Arial,sans-serif}
@media (max-width:640px){#hdr .lgw{display:none}}

/* verrou en-tête / pied de page : rendu strictement identique sur toutes les pages */
#hdr{font:400 16px/1.55 Inter,Arial,sans-serif;color:var(--text)}
#hdr *{box-sizing:border-box}
#hdr .hx{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;max-width:1160px;margin:0 auto;padding:10px 20px}
#hdr .brand{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;gap:10px;margin:0;padding:0;font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;font-size:18px;line-height:1.2;color:var(--text);text-decoration:none}
#hdr .brand svg{width:40px;height:22px;stroke:var(--accent)}
#hdr .mbtn{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:10px;font:600 15px/1 Inter,Arial,sans-serif;color:var(--text)}
#hdr .hr{grid-column:3;grid-row:1;display:flex;gap:8px;justify-content:flex-end;align-items:center}
#hdr .lg{display:flex;gap:6px}
#hdr .lang{min-width:44px;min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:8px;font:600 14px/1 Inter,Arial,sans-serif;background:transparent;color:var(--text)}
#hdr .lang[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--on)}
#hdr .btn{min-height:44px;padding:0 22px;gap:8px;border-radius:8px;border:1.5px solid var(--accent);background:var(--accent);color:var(--on);font:600 15px/1 Inter,Arial,sans-serif}
#hdr .tt{width:44px;height:44px;padding:0;border-radius:10px}
#ft{font:400 13px/1.55 Inter,Arial,sans-serif;color:var(--muted)}
#ft .fs{padding:12px 20px}
#ft .brand{font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;font-size:14px;gap:8px;color:var(--text);margin:0}
#ft .fn a{font:400 13px/1.55 Inter,Arial,sans-serif;min-height:40px;padding:0 10px}
[dir="rtl"] #hdr,[dir="rtl"] #hdr *,[dir="rtl"] #ft,[dir="rtl"] #ft *{font-family:Cairo,"Segoe UI",Arial,sans-serif}
@media (max-width:640px){#hdr .lg{display:none}#hdr .mtxt{display:none}#hdr .brand{font-size:16px}}
@media (max-width:900px){#hdr .qb{display:none}}
@media (max-width:720px){#ft .fs{padding:10px 16px}}