@font-face{font-family:"Inter Landing";src:url("/landing/inter.woff2") format("woff2");font-weight:100 900;font-display:swap}
/* Pages Entreprise : même monde visuel que la page d'accueil (blanc, gris très clair, bleu vif). */
:root{
--ink:#212327;--text:#4a4f57;--mut:#6b7280;--line:#e6e8ec;--panel:#f5f6f8;--paper:#fff;
--blue:#006fff;--blue2:#0057cc;--blue-soft:#e8f1ff;--glow:rgba(0,111,255,.16);--accent:#f97316;--ok:#059669;--diff:#e11d48;
--dark:#070b14;--rack:#e9ecf0;--rail:#cfd5dc;--face:#f7f8fa;--port:#c3cad3;--led:#2f8bff;
--font:"Inter Landing","Inter Variable",Inter,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:var(--paper);color:var(--text);font:15px/1.7 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}
.wrap{max-width:1200px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.narrow{max-width:820px}
h1,h2,h3{color:var(--ink);font-weight:700;letter-spacing:-.02em;margin:0;text-wrap:balance}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:6px;font:500 14px/1 var(--font);text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s,transform .12s}
.btn:active{transform:scale(.98)}
.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue2)}
.btn-outline{border-color:var(--blue);color:var(--blue);background:transparent}.btn-outline:hover{background:var(--blue-soft)}
.btn-sm{height:32px;padding:0 12px;font-size:13px}
.kicker{margin:0 0 10px;font:600 13px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--blue)}

.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.6) blur(10px);-webkit-backdrop-filter:saturate(1.6) blur(10px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;gap:28px;height:56px}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font-weight:700;font-size:16px;letter-spacing:-.01em}
.logo b{color:var(--accent);font-weight:700}
.logo-mark{width:26px;height:26px;border-radius:6px;background:var(--blue);display:grid;place-items:center}
.nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;font-size:14px}
.nav ul a{text-decoration:none;color:var(--text)}.nav ul a:hover,.nav ul a[aria-current=page]{color:var(--ink)}
.nav ul a[aria-current=page]{font-weight:600}
.nav .right{margin-left:auto;display:flex;align-items:center;gap:10px}
@media(max-width:960px){.nav ul{display:none}}
@media(max-width:480px){.nav .right .btn-outline{display:none}}

/* en-tête de page */
.phead{position:relative;overflow:hidden;padding:72px 0 56px;text-align:center}
.phead:before{content:"";position:absolute;inset:-140px 0 auto;height:520px;pointer-events:none;background:radial-gradient(ellipse 40% 50% at 50% 0%,rgba(0,111,255,.16),transparent 70%)}
.phead .wrap{position:relative}
.phead h1{font-size:clamp(32px,4.4vw,52px);line-height:1.08}
.phead p.lead{max-width:62ch;margin:16px auto 0;font-size:17px}
.phead .ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}
section.sec{padding:40px 0 0}
.sec h2{font-size:clamp(24px,2.8vw,34px);line-height:1.15}
.sub{margin:10px 0 0;max-width:64ch;font-size:16px}

/* cartes et grilles */
.grid{display:grid;gap:18px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.g3{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.g2,.g3{grid-template-columns:1fr}}
.card{background:var(--panel);border-radius:20px;padding:28px;min-width:0}
.card h3{font-size:19px;line-height:1.25;margin-bottom:8px}
.card p{margin:0;font-size:14.5px}
.card .ic{width:40px;height:40px;border-radius:10px;background:#fff;display:grid;place-items:center;margin-bottom:16px;box-shadow:0 0 0 1px var(--line)}
.card .ic svg{width:22px;height:22px;color:var(--ink)}
.card.media{padding:0;overflow:hidden;display:flex;flex-direction:column}
.card.media .im{aspect-ratio:16/9;overflow:hidden;background:#e9edf2}
.card.media .im img{width:100%;height:100%;object-fit:cover;object-position:top left;transition:transform .8s var(--ease)}
.card.media:hover .im img{transform:scale(1.03)}
.card.media .bd{padding:22px 24px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.meta{font-size:12.5px;color:var(--mut)}
.tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-size:12px;font-weight:600}
.tag.demo{background:#fff4e8;color:#b45309}
.more{margin-top:auto;padding-top:6px;color:var(--blue);font-weight:500;font-size:14px;text-decoration:none}
.more:hover{text-decoration:underline}

/* bloc large : texte + visuel (style panneau) */
.wide{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:36px;align-items:center;background:var(--panel);border-radius:24px;padding:44px 0 44px 44px;overflow:hidden}
.wide h2{padding-bottom:16px;border-bottom:1px solid #dfe3e8}
.wide .shot{border-radius:12px 0 0 12px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(16,24,40,.45),0 0 0 1px rgba(16,24,40,.06);background:#fff}
@media(max-width:900px){.wide{grid-template-columns:1fr;padding:28px 0 0 24px}.wide>div:first-child{padding-right:24px}}
.checks{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px}
.checks li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;font-size:14.5px;line-height:1.55}
.checks li:before{content:"";width:18px;height:18px;margin-top:3px;border-radius:50%;background:var(--blue-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23006fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat}

/* étapes */
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.steps li{list-style:none;counter-increment:s;border-top:2px solid var(--line);padding-top:16px;position:relative}
.steps li:before{content:counter(s);position:absolute;top:-15px;left:0;width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;font:600 13px/28px var(--font);text-align:center}
.steps li.on{border-top-color:var(--blue)}
.steps h3{font-size:16px;margin:8px 0 4px}
.steps p{margin:0;font-size:14px}
@media(max-width:800px){.steps{grid-template-columns:1fr 1fr;row-gap:30px}}
ol.steps{padding:0;margin:0}

/* article */
.article{max-width:720px;margin:0 auto}
.article h2{font-size:26px;margin:44px 0 10px}
.article h3{font-size:18px;margin:26px 0 6px}
.article p,.article li{font-size:16px;line-height:1.75}
.article figure{margin:24px 0}
.article figure img{border-radius:12px;box-shadow:0 0 0 1px var(--line),0 20px 40px -24px rgba(16,24,40,.35)}
.article figcaption{font-size:13px;color:var(--mut);margin-top:8px}
.toc{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:22px}
.toc a{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line);font-size:13px;text-decoration:none;background:#fff}
.toc a:hover{border-color:var(--blue);color:var(--blue)}

/* chiffres */
.nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.nums div{padding:18px 20px}.nums div+div{border-left:1px solid var(--line)}
.nums b{display:block;font-size:30px;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.nums span{font-size:13px;color:var(--mut)}
@media(max-width:700px){.nums{grid-template-columns:1fr 1fr}.nums div:nth-child(3){border-left:0}.nums div:nth-child(n+3){border-top:1px solid var(--line)}}

/* formulaires */
.formwrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:start}
@media(max-width:900px){.formwrap{grid-template-columns:1fr}}
form.f{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 30px 60px -40px rgba(16,24,40,.35)}
.f .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:560px){.f .row{grid-template-columns:1fr}}
.f label{display:block;margin-bottom:14px;font-size:13px;font-weight:600;color:var(--ink)}
.f label small{font-weight:400;color:var(--mut)}
.f input,.f select,.f textarea{display:block;width:100%;margin-top:6px;height:46px;padding:0 14px;border:1px solid #d5dbe2;border-radius:8px;font:400 15px var(--font);color:var(--ink);background:#fff;transition:border-color .2s,box-shadow .2s}
.f textarea{height:auto;min-height:120px;padding:12px 14px;resize:vertical}
.f input:focus,.f select:focus,.f textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px var(--glow)}
.f [aria-invalid=true]{border-color:var(--diff);box-shadow:0 0 0 3px rgba(225,29,72,.12)}
.f .err{display:block;margin-top:5px;font-size:12.5px;font-weight:400;color:var(--diff)}
.f .chk{display:flex;gap:10px;align-items:flex-start;font-weight:400;color:var(--text)}
.f .chk input{width:18px;height:18px;margin:3px 0 0;flex:none}
.f .seg{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.f .seg label{margin:0}
.f .seg input{position:absolute;opacity:0;width:1px;height:1px}
.f .seg span{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;border:1px solid #d5dbe2;font-weight:500;font-size:13px;cursor:pointer;color:var(--text);transition:all .2s}
.f .seg input:checked+span{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}
.f .seg input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}
.f .foot{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-top:6px}
.f .foot p{margin:0;font-size:12.5px;color:var(--mut);max-width:44ch}
.ok-box{display:none;border-radius:14px;background:#ecfdf5;border:1px solid #a7f3d0;padding:18px 20px;color:#065f46}
.ok-box b{display:block;color:#064e3b;margin-bottom:4px}
form.f.sent .fields{display:none}form.f.sent .ok-box{display:block}
.aside{display:grid;gap:14px}
.aside .card{padding:22px}

/* restez en contact */
.stay{background:var(--dark);color:#cdd6e4;margin-top:96px;position:relative;overflow:hidden}
.stay:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 40% 80% at 85% 50%,rgba(0,111,255,.22),transparent 70%)}
.stay .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center;padding-top:56px;padding-bottom:56px}
.stay h2{color:#fff;font-size:clamp(22px,2.4vw,30px)}
.stay p{margin:8px 0 0;font-size:15px}
.stay form{display:flex;gap:10px;flex-wrap:wrap}
.stay input{flex:1 1 220px;height:46px;padding:0 14px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;font:15px var(--font)}
.stay input::placeholder{color:#8592a8}
.stay input:focus{outline:0;border-color:#5aa2ff;box-shadow:0 0 0 3px rgba(90,162,255,.25)}
.stay .msg{flex-basis:100%;margin:0;font-size:13px;color:#8fb8ff;min-height:1em}
@media(max-width:800px){.stay .wrap{grid-template-columns:1fr}}

footer{background:var(--panel);padding:48px 0 28px;font-size:13px}
footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px}
footer h4{margin:0 0 10px;color:var(--ink);font-size:13px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
footer a{text-decoration:none;color:var(--text)}footer a:hover{color:var(--blue)}
footer .legal{margin-top:36px;padding-top:18px;border-top:1px solid #e3e6ea;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;color:var(--mut)}

.js .rv{opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease),transform .9s var(--ease)}
.js .rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}.js .rv{opacity:1;transform:none}}

/* ======================================================================
   Blog, articles, pages hub (Conformité, Centre de confiance) — ajouts
   ====================================================================== */
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:#fff;padding:10px 14px;border-radius:6px;text-decoration:none;font-size:14px}
.skip:focus{top:10px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.arw{display:inline-flex;vertical-align:-3px;margin-left:4px;transition:transform .25s var(--ease)}
.arw svg{width:16px;height:16px}
a:hover .arw,.more:hover .arw{transform:translateX(3px)}

/* index du blog : article à la une */
.feat{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);background:var(--panel);border-radius:24px;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .3s}
.feat:hover{box-shadow:0 0 0 1px var(--line),0 30px 60px -40px rgba(16,24,40,.45)}
.feat .im{aspect-ratio:16/10;overflow:hidden;background:#e9edf2}
.feat .im img{width:100%;height:100%;object-fit:cover;object-position:top left;transition:transform .9s var(--ease)}
.feat:hover .im img{transform:scale(1.025)}
.feat .bd{padding:40px 40px 36px;display:flex;flex-direction:column;justify-content:center;gap:14px;min-width:0}
.feat h2{font-size:clamp(24px,2.6vw,34px);line-height:1.12}
.feat p{margin:0;font-size:16px}
.feat .lbl{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.feat .meta{font-size:13px}
.flag{font:600 12px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:#c2410c}
@media(max-width:900px){.feat{grid-template-columns:1fr}.feat .bd{padding:24px}}
.listhead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 24px;margin:64px 0 22px}
.listhead h2{font-size:clamp(22px,2.4vw,28px)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips button{height:36px;padding:0 15px;border-radius:999px;border:1px solid var(--line);background:#fff;font:500 13.5px/1 var(--font);color:var(--text);cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.chips button:hover{border-color:#c3c9d2;color:var(--ink)}
.chips button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.pcard{text-decoration:none;color:inherit;transition:box-shadow .3s,background .3s}
.pcard:hover{background:#fff;box-shadow:0 0 0 1px var(--line),0 24px 44px -30px rgba(16,24,40,.4)}
.pcard .im{aspect-ratio:16/10}
.pcard[hidden]{display:none}
.pcard h3{font-size:18px;line-height:1.3;margin:2px 0 0}
.pmeta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12.5px;color:var(--mut)}
.endcard{text-align:center;padding:40px 28px}
.endcard .ic{margin:0 auto 16px}
.endcard h3{font-size:22px}
.endcard p{margin:8px auto 20px;max-width:56ch}

/* cartes de hub (lien vers une sous-page) */
.hub-h{margin:0 0 22px;font-size:clamp(22px,2.4vw,28px)}
.hcard{display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid transparent;transition:background .25s,border-color .25s,box-shadow .25s}
.hcard:hover{background:#fff;border-color:var(--line);box-shadow:0 24px 44px -32px rgba(16,24,40,.4)}
.hcard .ic{transition:background .25s}
.hcard:hover .ic{background:var(--blue);box-shadow:none}
.hcard:hover .ic svg{color:#fff}
.hcat{font:600 11.5px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--blue2);margin-bottom:8px}
.hcard p{margin-bottom:14px}
.pills{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}
.pills li{display:flex;align-items:center;gap:12px;padding:18px 20px;font-size:14px;line-height:1.4;color:var(--ink);font-weight:500}
.pills li+li{border-left:1px solid var(--line)}
.pills svg{flex:none;width:22px;height:22px;color:var(--blue)}
@media(max-width:900px){.pills{grid-template-columns:1fr 1fr}.pills li:nth-child(3){border-left:0}.pills li:nth-child(n+3){border-top:1px solid var(--line)}}
@media(max-width:520px){.pills{grid-template-columns:1fr}.pills li+li{border-left:0;border-top:1px solid var(--line)}}
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{display:flex;align-items:center;gap:16px;min-height:60px;padding:14px 0;cursor:pointer;list-style:none;font-weight:600;color:var(--ink);font-size:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"";flex:none;margin-left:auto;width:9px;height:9px;border-right:1.7px solid var(--mut);border-bottom:1.7px solid var(--mut);transform:rotate(45deg) translateY(-3px);transition:transform .25s var(--ease)}
.faq details[open] summary:after{transform:rotate(-135deg)}
.faq details p{margin:0 0 18px;max-width:68ch}
.faq a{color:var(--blue)}

/* article */
.prog{position:fixed;top:56px;left:0;right:0;height:2px;z-index:49;pointer-events:none}
.prog i{display:block;height:100%;background:var(--blue);transform-origin:0 50%;transform:scaleX(0)}
.post-head{padding:36px 0}
.post-head .wrap{max-width:900px}
.crumbs ol{list-style:none;margin:0 0 32px;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:13px;color:var(--mut)}
.crumbs li{display:flex;align-items:center;gap:8px;min-width:0}
.crumbs li+li:before{content:"/";color:#b6bcc6}
.crumbs a{text-decoration:none;color:var(--text)}.crumbs a:hover{color:var(--blue)}
.crumbs [aria-current]{color:var(--mut);display:block;max-width:44ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:600px){.crumbs li:last-child{display:none}}
.post-ic{width:52px;height:52px;border-radius:14px;background:var(--blue-soft);display:grid;place-items:center;margin-bottom:18px}
.post-ic svg{width:26px;height:26px;color:var(--blue)}
.post-cat{margin:0}
.post-head h1{font-size:clamp(32px,4.8vw,54px);line-height:1.06;letter-spacing:-.03em;margin-top:16px}
.dek{margin:20px 0 0;max-width:62ch;font-size:clamp(17px,1.7vw,20px);line-height:1.55;color:var(--text)}
.post-meta{display:flex;flex-wrap:wrap;gap:6px 0;margin:26px 0 0;padding-top:20px;border-top:1px solid var(--line);font-size:13.5px;color:var(--mut)}
.post-meta span+span:before{content:"·";margin:0 10px;color:#b6bcc6}
.post-hero{margin:0}
.post-hero .wrap{max-width:1160px}
.post-hero img{width:100%;height:auto;border-radius:20px;background:#eef1f4;box-shadow:0 0 0 1px var(--line),0 40px 80px -50px rgba(16,24,40,.5)}
.post-grid{display:grid;grid-template-columns:minmax(0,1fr);justify-content:center;column-gap:56px;padding-top:56px}
.ptoc{display:none}
@media(min-width:1100px){
 .post-grid{grid-template-columns:200px minmax(0,68ch) 200px}
 .ptoc{display:block;position:sticky;top:88px;align-self:start;max-height:calc(100vh - 110px);overflow:auto;padding-bottom:12px}
 .mtoc{display:none}}
@media(max-width:1099px){.prose{margin:0 auto}}
.ptoc p{margin:0 0 12px;font:600 11.5px/1 var(--font);letter-spacing:.07em;text-transform:uppercase;color:var(--mut)}
.ptoc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.ptoc a{display:block;margin-left:-1px;padding:7px 0 7px 14px;border-left:2px solid transparent;font-size:13.5px;line-height:1.4;color:var(--mut);text-decoration:none;transition:color .2s,border-color .2s}
.ptoc a:hover{color:var(--ink)}
.ptoc a[aria-current=true]{color:var(--ink);border-left-color:var(--blue);font-weight:500}
.mtoc{margin:0 0 32px;border:1px solid var(--line);border-radius:12px;background:#fff}
.mtoc summary{display:flex;align-items:center;height:50px;padding:0 16px;cursor:pointer;list-style:none;font-weight:600;font-size:14.5px;color:var(--ink)}
.mtoc summary::-webkit-details-marker{display:none}
.mtoc summary:after{content:"";margin-left:auto;width:8px;height:8px;border-right:1.6px solid var(--mut);border-bottom:1.6px solid var(--mut);transform:rotate(45deg) translateY(-3px);transition:transform .25s var(--ease)}
.mtoc[open] summary:after{transform:rotate(-135deg)}
.mtoc ol{margin:0;padding:0 16px 14px 36px;font-size:14.5px;line-height:1.5}
.mtoc li{margin:6px 0}
.mtoc a{color:var(--text);text-decoration:none}.mtoc a:hover{color:var(--blue)}
.prose{min-width:0;max-width:68ch;font-size:17px;line-height:1.75;color:var(--text);overflow-wrap:break-word}
.prose>h2:first-of-type{margin-top:0}
.prose p{margin:0 0 1.15em}
.prose h2{font-size:clamp(22px,2.3vw,28px);line-height:1.2;margin:2.1em 0 .6em;scroll-margin-top:80px}
.prose h3{font-size:19px;line-height:1.3;margin:1.7em 0 .45em}
.prose ul,.prose ol{margin:0 0 1.25em;padding-left:1.3em}
.prose li{margin:.4em 0}
.prose li::marker{color:var(--blue)}
.prose b,.prose strong{color:var(--ink);font-weight:600}
.prose a{color:var(--blue2);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.prose a:hover{text-decoration-thickness:2px}
.prose figure{margin:2.2em 0}
.prose figure img{width:100%;height:auto;border-radius:12px;background:#eef1f4;box-shadow:0 0 0 1px var(--line),0 24px 48px -30px rgba(16,24,40,.45)}
.prose figure.tall img{width:auto;max-width:min(100%,300px);max-height:620px;margin:0 auto}
.prose figure.tall figcaption{text-align:center}
.prose figure.band img{border-radius:6px;box-shadow:none;background:none}
.prose figcaption{margin-top:10px;font-size:13.5px;line-height:1.5;color:var(--mut)}
.callout{position:relative;margin:2em 0;padding:22px 24px 22px 62px;border-radius:14px;background:var(--blue-soft);color:#1f3b63}
.callout:before{content:"";position:absolute;left:24px;top:25px;width:22px;height:22px;background:var(--blue);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4M12 3a6 6 0 00-3.5 10.9c.6.4 1 1.1 1 1.8V16h5v-.3c0-.7.4-1.4 1-1.8A6 6 0 0012 3z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4M12 3a6 6 0 00-3.5 10.9c.6.4 1 1.1 1 1.8V16h5v-.3c0-.7.4-1.4 1-1.8A6 6 0 0012 3z'/%3E%3C/svg%3E") center/contain no-repeat}
.callout .ct{margin:0 0 6px;font-weight:700;font-size:15.5px;color:var(--ink)}
.callout p,.callout li{font-size:15.5px;line-height:1.65}
.callout ul{margin:0;padding-left:1.1em}
.callout>*:last-child{margin-bottom:0}
.callout.note{background:var(--panel);color:var(--text)}
.callout.note:before{background:var(--mut);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E")}
.prose ol.nsteps{list-style:none;margin:1.8em 0 2em;padding:0;counter-reset:n}
.nsteps>li{position:relative;counter-increment:n;margin:0;padding:0 0 24px 52px}
.nsteps>li:before{content:counter(n);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--line);color:var(--blue2);font:600 14px/32px var(--font);text-align:center;font-variant-numeric:tabular-nums}
.nsteps>li:after{content:"";position:absolute;left:16px;top:40px;bottom:6px;width:1px;background:var(--line)}
.nsteps>li:last-child{padding-bottom:0}.nsteps>li:last-child:after{display:none}
.prose .nsteps h3{margin:4px 0;font-size:17px}
.nsteps p{margin:0}
.tbl{margin:1.8em 0 2em;border:1px solid var(--line);border-radius:12px;overflow-x:auto}
.tbl table{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.5}
.tbl th{padding:11px 14px;text-align:left;vertical-align:bottom;font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--ink);background:var(--panel)}
.tbl td{padding:12px 14px;border-top:1px solid var(--line);vertical-align:top}
.tbl td:first-child{color:var(--ink);font-weight:500}
@media(max-width:560px){.tbl table{font-size:13.5px}.tbl th,.tbl td{padding:10px}}
.post-cta{margin:3.2em 0 0;padding:28px;border-radius:18px;background:var(--panel);display:grid;gap:18px}
.prose .post-cta h2.pc-t{margin:0 0 6px;font-size:20px;line-height:1.3}
.post-cta p{margin:0;font-size:15px;line-height:1.6}
.pc-b{display:flex;flex-wrap:wrap;gap:10px}
.prose .pc-b a{text-decoration:none}
.prose .pc-b .btn-primary{color:#fff}
.prose .pc-b .btn-outline{color:var(--blue)}
.related{padding:88px 0 0}
.related h2{margin:0 0 22px;font-size:clamp(22px,2.4vw,28px)}
.post-hero img{max-height:680px;object-fit:cover;object-position:top center}
.post-hero figcaption{max-width:68ch;margin:12px auto 0;font-size:13.5px;line-height:1.5;color:var(--mut);text-align:center}

/* les attributs width/height réservent la place sans déformer */
img{height:auto}

/* ---- menu sur téléphone (pages Entreprise) */
.burger{display:none;place-items:center;width:40px;height:40px;margin-right:-8px;border:0;border-radius:10px;background:none;cursor:pointer;color:var(--ink)}
.burger{position:relative}.burger span{position:absolute;left:11px;top:50%;display:block;width:18px;height:1.7px;margin:0;border-radius:2px;background:currentColor;transition:transform .25s var(--ease)}.burger span:first-child{transform:translateY(-4px)}.burger span+span{transform:translateY(3px)}.burger[aria-expanded=true] span:first-child{transform:translateY(0) rotate(45deg)}.burger[aria-expanded=true] span+span{transform:translateY(0) rotate(-45deg)}
.burger:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.msheet{position:fixed;inset:56px 0 0;z-index:70;overflow:auto;background:#fff;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);animation:mfade .2s var(--ease)}
.msheet ul{list-style:none;margin:0;padding:8px 0}
.msheet li a{display:flex;align-items:center;min-height:46px;border-bottom:1px solid var(--line);font-size:17px;font-weight:500;color:var(--ink);text-decoration:none}
.msheet .mctas{display:grid;gap:10px;padding:18px 0 28px}
.msheet .mctas .btn{height:46px}
@keyframes mfade{from{opacity:0;transform:translateY(-6px)}}
@media(max-width:960px){.burger{display:grid}}
@media(max-width:560px){.nav .right .btn-primary{display:none}}
@media(prefers-reduced-motion:reduce){.msheet,.burger span{animation:none;transition:none}}

/* ---- qui sommes-nous, pages légales, FAQ */
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1000px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.g4{grid-template-columns:1fr}}
.qui{align-items:start;gap:48px}
@media(min-width:901px){.qui{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}
.idcard{background:var(--panel);border-radius:20px;padding:26px 26px 20px;min-width:0}
.idcard h2{margin:0 0 14px;font-size:20px}
.idcard dl{margin:0}
.idcard dl div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:14.5px}
.idcard dt{color:var(--mut)}
.idcard dd{margin:0;color:var(--ink);font-weight:500;overflow-wrap:anywhere}
.idcard .src{margin:12px 0 0;font-size:12.5px;color:var(--mut)}
.cta-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px;padding:32px;border-radius:20px;background:var(--panel)}
.cta-band h2{margin:0 0 6px;font-size:clamp(22px,2.4vw,28px)}
.cta-band p{margin:0;color:var(--text);max-width:52ch}
.cta-band .ctas{margin-top:0}
.lgl{max-width:820px}
mark.todo{background:#fff4e5;color:#9a4b00;border-radius:4px;padding:0 5px;font-weight:600}
/* formulaires : champ piège (invisible), erreur d'envoi */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form-err{margin:10px 0 0;padding:10px 12px;border-radius:10px;background:#fff1f0;color:#b42318;font-size:14px}
.chk a{color:var(--blue)}
.msheet .mctas{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 0 10px;border-bottom:1px solid var(--line)}/* boutons en tête du menu : visibles sans défiler */
@media(max-width:340px){.msheet .mctas{grid-template-columns:minmax(0,1fr)}}