@font-face{font-family:"Onest";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/onest-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Onest";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/onest-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{color-scheme:dark}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:7rem}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
body{background:#111318;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
.v{display:none;font-family:var(--f);color:var(--fg);background:var(--bg);line-height:1.55;font-size:1.0625rem}
.v.on{display:block}
.w{max-width:72rem;margin:0 auto;padding:0 1.25rem}
a{color:inherit}
h1,h2,h3{font-family:var(--fh);line-height:1.05;letter-spacing:var(--ls,0);font-weight:var(--hw,800)}
h2{font-size:clamp(1.8rem,4vw,2.9rem);margin-bottom:.8rem}
h3{font-size:1.2rem;line-height:1.2;margin-bottom:.4rem}
p.sub{color:var(--muted);max-width:40rem;font-size:1.125rem}
.btn{display:inline-block;background:var(--cta);color:var(--ctafg);font-weight:700;text-decoration:none;padding:1rem 1.6rem;border-radius:var(--r);font-size:1.0625rem;box-shadow:var(--bs,none);border:2px solid var(--cta)}
.btn.sec{background:transparent;color:var(--fg);border-color:var(--line);box-shadow:none}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--cta);outline-offset:3px}
.bar{position:sticky;top:0;z-index:20;background:var(--barbg);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.bar .w{display:flex;align-items:center;gap:1.2rem;height:6.2rem}
.bar img{height:4.1rem;width:auto}
.b .bar img,.m .bar img{filter:drop-shadow(0 0 7px rgba(250,204,21,.45))}
.bar nav{margin-left:auto;display:flex;gap:1.3rem;align-items:center;font-weight:500;font-size:1rem;white-space:nowrap;color:var(--barfg)}
.bar nav a{text-decoration:none;opacity:.85}
.bar nav a.try{opacity:1;color:#facc15;border:1.5px solid #facc15;border-radius:2rem;padding:.45rem 1rem;font-weight:700}.bar nav a.try:hover{background:rgba(250,204,21,.12)}
.bar .btn{padding:.75rem 1.25rem;font-size:1rem;white-space:nowrap}
@media(max-width:760px){.bar nav a:not(.btn){display:none}}
@media(max-width:1640px){.bar img{height:3.4rem}.bar nav{gap:.85rem;font-size:.9rem}.bar nav a.try{padding:.4rem .75rem}.bar .btn{padding:.65rem 1rem;font-size:.92rem}.bar .w{gap:.8rem}}
@media(max-width:1320px){.bar nav a:not(.btn):not(.try){display:none}}
@media(max-width:760px){.bar .w{height:4.4rem;gap:.6rem}.bar img{height:2.5rem}.bar .btn{padding:.55rem .8rem;font-size:.82rem}}
section{padding:clamp(3.5rem,8vw,6rem) 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.1rem;margin-top:2rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1.4rem}
.card p{color:var(--muted);font-size:1rem}
.ic{width:2.6rem;height:2.6rem;border-radius:calc(var(--r)*.8);background:var(--accsoft);color:var(--acc);display:grid;place-items:center;margin-bottom:.9rem;font-weight:800;font-family:var(--fh)}
.shot{border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);background:#111318}.shot img{width:100%;aspect-ratio:16/9;object-fit:cover}
.offres{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem;margin-top:2rem}
.offre{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1.25rem;display:flex;flex-direction:column;gap:.6rem}
.offre.vedette{border:2px solid var(--cta);box-shadow:var(--shadow)}
.offre .prix{font-family:var(--fh);font-size:1.9rem;font-weight:800;white-space:nowrap}.offre .prix small{font-size:.85rem;font-weight:500;color:var(--muted)}
.offre ul{list-style:none;padding:0;color:var(--muted);font-size:.98rem;flex:1}.offre li{padding:.2rem 0}.offre li:before{content:"✓ ";color:var(--acc);font-weight:800}
.offre .btn{text-align:center;padding:.75rem 1rem;font-size:1rem}
.fin{text-align:center;background:var(--finbg);color:var(--finfg)}
.fin h2{max-width:40rem;margin-left:auto;margin-right:auto}
.fin .btn{background:var(--fincta);color:var(--finctafg);border-color:var(--fincta)}
.note{font-size:.92rem;color:var(--muted);margin-top:1rem}
.rassure{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;margin-top:1.2rem;font-size:.95rem;color:var(--muted)}
.rassure span:before{content:"✓ ";color:var(--acc);font-weight:800}

section.alt{background:var(--alt)}
.duo{display:grid;grid-template-columns:1fr 1.15fr;gap:3rem;align-items:center}.duo.inv{grid-template-columns:1.15fr 1fr}.duo.inv .txt{order:2}
@media(max-width:860px){.duo,.duo.inv{grid-template-columns:1fr;gap:1.8rem}.duo.inv .txt{order:0}}
ul.coches{list-style:none;padding:0;margin-top:1.2rem}ul.coches li{padding:.45rem 0 .45rem 1.9rem;position:relative}ul.coches li:before{content:"✓";position:absolute;left:0;color:var(--acc);font-weight:800}
ol.etapes{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem;margin-top:2rem;counter-reset:e}
ol.etapes li{counter-increment:e;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1.3rem}
ol.etapes li:before{content:counter(e);display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--cta);color:var(--ctafg);font-weight:800;margin-bottom:.8rem}
ol.etapes b{display:block;font-family:var(--fh);font-size:1.15rem;margin-bottom:.3rem}ol.etapes span{color:var(--muted);font-size:.97rem}
details{border-bottom:1px solid var(--line);padding:1.1rem 0}summary{cursor:pointer;font-weight:600;font-size:1.1rem;list-style:none;display:flex;justify-content:space-between;gap:1rem}
summary::-webkit-details-marker{display:none}summary:after{content:"+";font-size:1.4rem;line-height:1;color:var(--acc)}details[open] summary:after{content:"–"}
details p{color:var(--muted);margin-top:.7rem;max-width:44rem}
footer{padding:2rem 0;font-size:.92rem;color:var(--muted);border-top:1px solid var(--line)}
.mid{margin-top:2.2rem}
ol.etapes u{text-decoration:none;font-weight:700;color:var(--fg)}.legende{margin-top:1.1rem;color:var(--muted);font-size:.95rem}.legende u{text-decoration:none;font-weight:700;color:var(--fg)}

.b.m .hero{text-align:left;padding:clamp(2.5rem,6vw,4.5rem) 0 1rem}
.b.m .hero .w{display:grid;grid-template-columns:1.05fr 1fr;gap:3rem;align-items:center}
.b.m h1{max-width:none;margin:0 0 1.2rem;font-size:clamp(2.6rem,6.2vw,4.6rem)}
.b.m .lead{margin:0 0 1.8rem;max-width:33rem}
.m .stack figure{background:#111318;border-color:#333845;box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 50px rgba(250,204,21,.1)}
.m .stack figcaption{background:var(--cta);color:var(--ctafg)}
.m .demosec{text-align:center}
.m .demosec h2{margin-left:auto;margin-right:auto}
.m .demosec .sub{margin:0 auto}
@media(max-width:860px){.b.m .hero .w{grid-template-columns:1fr}.m .stack{height:24rem}}
.idemo{max-width:60rem;margin:0 auto;text-align:left}
.itabs{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1.2rem}
.itabs button{font:600 1rem var(--f);background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:.65rem 1.2rem;cursor:pointer}
.itabs button[aria-selected=true]{background:var(--cta);color:var(--ctafg);border-color:var(--cta)}
.itablet{background:#1f232b;border-radius:2rem;padding:.9rem;box-shadow:var(--shadow);border:1px solid #333845}
.ipan{background:#111318;border-radius:1.2rem;overflow:hidden;color:#f2f4f6;font-family:var(--f);font-size:.95rem}
.ipan[hidden]{display:none}
.iplan{position:relative;background:#fff;cursor:crosshair;touch-action:manipulation}
.iplan img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;user-select:none;-webkit-user-drag:none}
.iroom{position:absolute;border:2px dashed #facc15;border-radius:4px;background:rgba(250,204,21,.12);opacity:0;transition:opacity .2s;pointer-events:none}.iroom.on{opacity:1}.ihint.warn{background:#C2410C}.mk .bd{position:absolute;right:-.6rem;top:-.6rem;background:#14171d;color:#fff;border-radius:99px;font:800 .7rem sans-serif;padding:.1rem .35rem;border:1.5px solid #fff}
.ihint{position:absolute;left:50%;bottom:.8rem;transform:translateX(-50%);background:#14171d;color:#fff;border-radius:99px;padding:.45rem 1rem;font-size:.9rem;font-weight:600;pointer-events:none;white-space:nowrap;box-shadow:0 6px 20px rgba(0,0,0,.35)}
.imore{align-self:center;font:600 .78rem var(--f);color:#8fa0c8;border:1px dashed #3a404c;border-radius:2rem;padding:.35rem .8rem;white-space:nowrap}
.ilinks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.iplan .mk.src{outline:3px solid #F59E0B;outline-offset:2px}.mk.tgbt{background:#94a3b8;border-radius:.35rem!important}
.ilink{margin:.5rem 1rem 0;font:500 .82rem/1.4 var(--f);color:#9fb0d8}
.iplan .mk{touch-action:none;cursor:grab;position:absolute;width:1.9rem;height:1.9rem;margin:-.95rem 0 0 -.95rem;border-radius:50%;display:grid;place-items:center;font:800 .95rem sans-serif;color:#14171d;border:2px solid #14171d;animation:pop .25s ease-out}
@keyframes pop{from{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}
.mk .mx{position:absolute;left:-.45rem;top:-.5rem;width:1.05rem;height:1.05rem;border-radius:50%;background:#e11d48;color:#fff;font:800 .8rem/1.05rem sans-serif;text-align:center;border:1.5px solid #fff;cursor:pointer;z-index:3}
.mk.lum{background:#FFD23F}.mk.prise{background:#4ADE80}.mk.inter{background:#60A5FA}.mk.plaque,.mk.four,.mk.lave{background:#C4A5FF}
.ipal{display:flex;gap:.5rem;flex-wrap:wrap;padding:.8rem;background:#1a1d24}
.ipal button{display:flex;align-items:center;gap:.45rem;font:600 .9rem var(--f);color:#f2f4f6;background:#1f232b;border:1px solid #333845;border-radius:.7rem;padding:.45rem .75rem;cursor:pointer}
.ipal button[aria-pressed=true]{border-color:#facc15;box-shadow:0 0 0 2px rgba(250,204,21,.35)}
.s{font-style:normal;display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;color:#14171d;font-weight:800;font-size:.85rem}
.s-lum{background:#FFD23F}.s-prise{background:#4ADE80}.s-inter{background:#60A5FA}.s-cuis{background:#C4A5FF}
.iact{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;padding:.8rem;background:#111318;border-top:1px solid #262a33}
.iact .lbl,.iact span{color:#a3abb6;font-size:.9rem}
.iact .lnk{background:none;border:0;color:#facc15;font:600 .9rem var(--f);cursor:pointer;text-decoration:underline;padding:.2rem}
.inext{margin-left:auto;font:700 .95rem var(--f);background:#facc15;color:#14171c;border:0;border-radius:.7rem;padding:.6rem 1rem;cursor:pointer}
.inext.ghostb{margin-left:0;background:#FFD23F}
.iact .inext+.inext{margin-left:0}
.chipb{font:600 .88rem var(--f);color:#f2f4f6;background:#1f232b;border:1px solid #333845;border-radius:99px;padding:.4rem .85rem;cursor:pointer}
.chipb[aria-pressed=true]{border-color:#FFD23F;color:#FFD23F}
.inote{margin:0;padding:.7rem .9rem;border-left:3px solid #facc15;background:#1a1d24;color:#c3c9d2;border-radius:.4rem;font-size:.92rem}.inote b{color:#fff}.inote.dark{margin-top:.6rem;background:#EEF3FA;color:#3a404c;border-left-color:#14171d}.inote.dark b{color:#14171d}
.itab{padding:1rem;display:grid;gap:.8rem;align-content:start;min-height:31rem;background:#111318}
.irow{background:#E9EDF4;border-radius:.6rem;padding:.7rem .7rem .5rem;border:1px solid #9aa6bd}
.irow h4{margin:0 0 .5rem;font:700 .72rem var(--f);letter-spacing:.06em;color:#3a404c}
.irail{display:flex;gap:.3rem;align-items:flex-start}
.imod{width:2.6rem;flex:none;text-align:center}
.imod .b{border:1.5px solid #1f232b;border-radius:.3rem;background:#fff;padding:.25rem 0 .2rem;font:800 .95rem sans-serif;color:#14171d;line-height:1}
.imod .b small{display:block;font:700 .6rem sans-serif;color:#3a404c;margin-top:.1rem}
.imod .c{height:.28rem;border-radius:2px;margin:.2rem .2rem 0}
.imod .n{writing-mode:vertical-rl;transform:rotate(180deg);font:600 .68rem var(--f);color:#14171d;background:#fff;border:1px solid #cfd6e4;border-radius:.2rem;padding:.2rem .1rem;margin:.3rem auto 0;max-height:12.5rem;overflow:hidden;white-space:nowrap}
.imod.ddr .b{background:linear-gradient(#bfe0f5 55%,#fff 55%);width:3.4rem}
.imod.ddr{width:3.4rem}
.imod.free{height:3.6rem;border:1.5px dashed #aeb8cc;border-radius:.3rem;background:repeating-linear-gradient(45deg,#e4e9f2,#e4e9f2 4px,#dbe1ec 4px,#dbe1ec 8px)}
.imod.new{animation:pop .3s ease-out}
.ietq{background:#fff;color:#14171d;padding:1rem;min-height:31rem}
.ietq h4{margin:0 0 .6rem;font:800 .85rem var(--f);letter-spacing:.04em}
.erow{display:flex;gap:0;border:1px dashed #9aa6bd;padding:0;margin-bottom:.8rem;width:max-content;max-width:100%;overflow:hidden}
.el{width:4.4rem;flex:none;border-right:1px solid var(--e-trait);text-align:center;padding:.5rem .1rem .45rem;font:700 .64rem var(--f);line-height:1.15;border-top:4px solid var(--e-trait);background:#fff;color:var(--e-texte);overflow-wrap:anywhere}
.el.ddr{width:5.4rem;background:var(--e-ddr);color:var(--e-ddrt);font-weight:600}
.el .ic{display:grid;place-items:center;color:var(--e-accent);margin:0 auto .3rem;width:auto;height:auto;background:none;border-radius:0}
.chipb{display:inline-flex;align-items:center;gap:.4rem}
.dot{display:inline-block;width:.8rem;height:.8rem;border-radius:50%;border:1px solid #fff5}
@media(max-width:700px){.imod{width:2.1rem}.imod .b{font-size:.8rem}.imod.ddr,.imod.ddr .b{width:2.8rem}.el{width:2.9rem}.ihint{white-space:normal;width:80%;text-align:center}}
.fine{margin-top:.9rem;max-width:34rem;font-size:.85rem;line-height:1.5;color:var(--muted)}
.avert{background:var(--alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:2.4rem 0}.avert p{max-width:56rem}.avert h3{font-size:1.1rem;margin-bottom:.6rem}.avert p{color:var(--muted);font-size:.95rem;margin-top:.5rem;max-width:none}
button.imod.mod{position:relative;touch-action:none;user-select:none;background:none;border:0;padding:0;cursor:pointer;font:inherit;color:inherit;border-radius:.4rem}
button.imod.mod .b{display:block;border:1.5px solid #1f232b;border-radius:.3rem;background:#fff;padding:.25rem 0 .2rem;font:800 .95rem sans-serif;color:#14171d;line-height:1}
button.imod.mod .b small{display:block;font:700 .6rem sans-serif;color:#3a404c;margin-top:.1rem}
button.imod.mod .c{display:block;height:.28rem;border-radius:2px;margin:.2rem .2rem 0}
button.imod.mod .n{display:block}
button.imod.mod .x{position:absolute;top:-.45rem;right:-.2rem;width:1rem;height:1rem;border-radius:50%;background:#e11d48;color:#fff;font:800 .8rem/1rem sans-serif;text-align:center;z-index:2;cursor:pointer;box-shadow:0 0 0 2px #e9edf5}
button.imod.mod .x:hover{background:#be123c}
button.imod.mod:hover .b{border-color:#0E5BFF}
button.imod.sel .b{box-shadow:0 0 0 3px #facc15}
button.imod.bad .b{border-color:#DC2626;background:#FEE2E2}
.iedit input{width:9rem;font:600 .85rem var(--f);padding:.25rem .4rem;border-radius:.4rem;border:1px solid #3a404c;background:#0e1430;color:#fff}
.iedit{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;background:#1a1d24;border:1px solid #333845;border-left:3px solid #facc15;border-radius:.5rem;padding:.7rem .9rem;color:#f2f4f6}
.iedit select{font:600 .9rem var(--f);background:#1f232b;color:#fff;border:1px solid #333845;border-radius:.4rem;padding:.25rem .4rem}
.iedit .lnk{margin-left:auto;background:none;border:0;color:#facc15;font:600 .9rem var(--f);cursor:pointer;text-decoration:underline}
.ewarn{flex-basis:100%;margin:.2rem 0 0;color:#FCA5A5;font-size:.9rem;font-weight:600}
.iadd .seg{display:inline-flex;gap:.35rem}.iadd .chipb.on{background:#22d3ee;color:#04202a;border-color:#22d3ee}
.iadd{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;color:#a3abb6;font-size:.9rem}

.a .stack,.m .stack{position:relative;height:30rem}
.a .stack figure,.m .stack figure img{width:100%;aspect-ratio:16/9;object-fit:cover}.a .stack figure,.m .stack figure{position:absolute;margin:0;border-radius:.9rem;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);background:#fff}
.a .stack figure,.m .stack figure:nth-child(1){width:88%;top:0;left:0}
.a .stack figure,.m .stack figure:nth-child(2){width:66%;top:36%;right:0}
.a .stack figure,.m .stack figure:nth-child(3){width:58%;bottom:0;left:6%}
.a .stack,.m .stack figcaption{position:absolute;left:.6rem;top:.6rem;background:#14171d;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .65rem;border-radius:99px}
.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:1rem;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--card)}
.flow div{padding:1.4rem 1.5rem;border-right:1px solid var(--line)}.flow div:last-child{border:0}
.flow b{display:block;font-family:var(--fh);font-size:1.3rem;margin-bottom:.2rem}
.flow span{color:var(--muted);font-size:.98rem}
@media(max-width:860px){.a .stack,.m .stack{height:24rem}.flow{grid-template-columns:1fr}.flow div{border-right:0;border-bottom:1px solid var(--line)}}
/* ===== B : voyez-le travailler ===== */
.b{--f:'Onest',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--fh:'Onest',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--ls:-.03em;--bg:#111318;--fg:#f2f4f6;--muted:#a3abb6;--line:#262a33;--card:#1a1d24;--cta:#facc15;--ctafg:#14171c;--r:.9rem;--acc:#facc15;--accsoft:rgba(250,204,21,.12);--shadow:0 30px 90px rgba(250,204,21,.12);--barbg:rgba(17,19,24,.85);--barfg:#f2f4f6;--finbg:#1a1d24;--finfg:#fff;--fincta:#facc15;--finctafg:#14171c;--bs:0 0 40px rgba(250,204,21,.35);--alt:#14171d}
.b .hero{text-align:center;padding:clamp(3rem,7vw,5.5rem) 0 1rem;background:radial-gradient(60rem 26rem at 50% 0,rgba(250,204,21,.16),transparent)}
.b h1{font-size:clamp(2.4rem,6vw,4.6rem);max-width:15ch;margin:0 auto 1.1rem}
.b .lead{color:var(--muted);font-size:1.25rem;max-width:38rem;margin:0 auto 1.8rem}
.b .demo{margin-top:2.5rem}
.b .tabs{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1.2rem}
.b .tabs button{font:600 1rem var(--f);background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:.65rem 1.2rem;cursor:pointer}
.b .tabs button[aria-selected=true]{background:var(--cta);color:var(--ctafg);border-color:var(--cta)}
.b .tablet{max-width:60rem;margin:0 auto;background:#1f232b;border-radius:2rem;padding:.9rem;box-shadow:var(--shadow);border:1px solid #333845}
.b .tablet img{border-radius:1.2rem;width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.b .cap{text-align:center;color:var(--muted);margin-top:1.1rem;min-height:3rem;font-size:1.05rem}
.b .cap b{color:var(--fg)}


/* ===== SEO / multi-pages ===== */
.skip{position:absolute;left:-999rem;top:0;z-index:100;background:#facc15;color:#14171c;font-weight:700;padding:.8rem 1.1rem;border-radius:0 0 .6rem 0;text-decoration:none}
.skip:focus{left:0}
main{display:block}
.logo{display:inline-flex;align-items:center;line-height:0}
.bar .logo img{height:4.1rem;width:auto}
@media(max-width:1640px){.bar .logo img{height:3.4rem}}
@media(max-width:760px){.bar .logo img{height:2.5rem}}
.bar nav a[aria-current=page]{opacity:1;color:#facc15}
.bar nav .menu{display:none;position:relative}
.menu summary{display:inline-flex;list-style:none;cursor:pointer;font:600 .92rem var(--f);color:var(--barfg);border:1.5px solid var(--line);border-radius:2rem;padding:.5rem .95rem}
.menu summary::-webkit-details-marker{display:none}.menu summary:after{content:none}
.menu[open] summary{border-color:#facc15;color:#facc15}
.bar nav .menu .panel{position:absolute;right:0;top:calc(100% + .7rem);z-index:30;display:grid;min-width:15rem;background:#1a1d24;border:1px solid var(--line);border-radius:var(--r);padding:.5rem;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.bar nav .menu .panel a{display:block;opacity:1;padding:.75rem .9rem;border-radius:.6rem;font-size:1rem;white-space:normal}
.bar nav .menu .panel a:hover{background:rgba(250,204,21,.1)}
@media(max-width:1320px){.bar nav .menu{display:block}}
.eyebrow{display:inline-block;font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#facc15;margin:0 0 1rem}
.phead{padding:clamp(2.2rem,5vw,3.6rem) 0 1rem;background:radial-gradient(60rem 22rem at 50% 0,rgba(250,204,21,.14),transparent)}
.phead h1{font-size:clamp(2rem,5vw,3.4rem);margin:0 0 1rem;max-width:22ch}
.phead .lead{color:var(--muted);font-size:1.2rem;max-width:42rem;margin:0 0 1.5rem}
.phead .cta{display:flex;flex-wrap:wrap;gap:.8rem}
.btn.sec2{background:transparent;color:var(--fg);border-color:#3a404c;box-shadow:none}
.btn.sec2:hover{border-color:#facc15}
.fin .btn.sec2{color:var(--finfg);border-color:#3a404c}
.fin .sub{margin:.4rem auto 1.6rem;text-align:center}
.crumbs{padding:1.1rem 0 1.2rem;font-size:.92rem;color:var(--muted)}
.crumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.2rem .6rem}
.crumbs li+li:before{content:"›";margin-right:.6rem;color:#5b6890}
.crumbs a{color:var(--muted)}
.crumbs [aria-current]{color:var(--fg)}
.prose{max-width:46rem}
.prose h2{font-size:clamp(1.5rem,3vw,2rem);margin:2.6rem 0 .8rem;line-height:1.15}
.prose h3{font-size:1.2rem;margin:1.8rem 0 .5rem}
.prose p,.prose li{color:#c3c9d2}
.prose p{margin:.8rem 0}
.prose ul,.prose ol{padding-left:1.3rem;margin:.8rem 0}.prose li{margin:.35rem 0}
.prose a:not(.btn),.legende a,.note a,.fine a,.card a:not(.btn),.sub a{color:#facc15;text-underline-offset:.15em}
.prose strong{color:var(--fg)}
.maj{color:var(--muted);font-size:.92rem}
.tbl{overflow-x:auto;margin:1.2rem 0;border:1px solid var(--line);border-radius:var(--r)}
.tbl table{border-collapse:collapse;width:100%;min-width:30rem;font-size:.97rem}
.tbl caption{text-align:left;padding:.8rem 1rem;font-weight:700;color:var(--fg);caption-side:top}
.tbl th,.tbl td{padding:.7rem 1rem;text-align:left;border-top:1px solid var(--line);vertical-align:top;color:#c3c9d2}
.tbl th{background:#1a1d24;color:var(--fg);font-weight:600}
.tbl thead th{border-top:0}
.callout{border:1px solid #333845;border-left:4px solid #facc15;background:#1a1d24;border-radius:.7rem;padding:1rem 1.2rem;margin:1.4rem 0}
.callout.warn{border-left-color:#F59E0B}
.callout p{margin:.4rem 0}
.callout strong{color:#fff}
.guides{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1.1rem;margin-top:1.6rem}
.guides a.card{text-decoration:none;display:block;color:var(--fg)}
.guides a.card:hover{border-color:#facc15}
.guides h3{margin-bottom:.5rem}
.guides .go{display:inline-block;margin-top:.7rem;color:#facc15;font-weight:600}
.cols2{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.1rem;margin-top:1.4rem}
.dev{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1.5rem}
.dev h3{display:flex;align-items:center;gap:.7rem;font-size:1.3rem;margin-bottom:.8rem}
.dev h3 .ic{margin:0;flex:none}
.dev ol{padding-left:1.2rem;margin:.6rem 0 1rem;color:#c3c9d2}.dev li{margin:.55rem 0}
.dev .btn{padding:.7rem 1.1rem;font-size:1rem}
.dev kbd,.prose kbd{font:600 .9em var(--f);background:#1f232b;border:1px solid #333845;border-radius:.35rem;padding:.05rem .4rem;color:#fff}
.btns{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.2rem}
.fig{margin:1.6rem 0}.fig .shot img{aspect-ratio:auto;height:auto}
.fig figcaption{margin-top:.7rem;color:var(--muted);font-size:.93rem}
.schema{background:#1a1d24;border:1px solid var(--line);border-radius:var(--r);padding:1rem;margin:1.4rem 0}
.schema svg{width:100%;height:auto;display:block}
.schema text{font-family:var(--f);fill:#f2f4f6;font-size:14px}
.pied{padding:3rem 0 2rem;background:#04070F}
.fcols{display:grid;grid-template-columns:1.4fr 1fr 1.3fr 1fr;gap:2rem}
@media(max-width:900px){.fcols{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.fcols{grid-template-columns:1fr}}
.pied h2{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fg);margin:0 0 .8rem;font-family:var(--f);font-weight:700}
.pied ul{list-style:none;padding:0;margin:0}.pied li{margin:.45rem 0}
.pied a{color:var(--muted);text-decoration:none}.pied a:hover{color:#facc15;text-decoration:underline}
.pied .logo img{height:2.6rem;width:auto;margin-bottom:.8rem}
.pied .fine{margin-top:.4rem}
.pied .copy{margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--line);font-size:.9rem}
.flowsec{padding-top:1rem}
.offre .prix s{display:block;font-size:.95rem;font-weight:500;opacity:.6;line-height:1}
.offre .prix.nw{white-space:nowrap}
.sep{margin-top:1.6rem}
.dot.nb{background:#111}.dot.vt{background:#3dcd58}.dot.bl{background:#1d62b8}.dot.rg{background:#d5202e}
.mid0{margin-top:0}
.contraste{color:#B5BFDC}
.hero .eyebrow{display:block}
.bar nav details.menu{border:0;padding:0}
.bar nav .menu summary:after,.bar nav .menu[open] summary:after{content:none}
.h3{font-family:var(--fh);font-size:1.2rem;line-height:1.2;margin-bottom:.4rem}
.phead+section,.phead+article>section{padding-top:1.2rem}

/* Démo : zoom du plan et symboles proportionnés à l'écran */
.izoom{position:relative;overflow:hidden;background:#fff;touch-action:pan-y}
.izoom.zoomed{touch-action:none}
.izoom .iplan{transform-origin:0 0}
.izoomb{position:absolute;right:.5rem;top:.5rem;z-index:5;display:flex;gap:.35rem}
.izoomb button{width:2.5rem;height:2.5rem;padding:0;display:grid;place-items:center;border-radius:.6rem;border:1px solid #333845;background:rgba(11,16,32,.92);color:#fff;font:700 1.2rem/1 var(--f);cursor:pointer}
.izoomb button:disabled{opacity:.4;cursor:default}
.izoomb button:focus-visible{outline:2px solid #facc15;outline-offset:2px}
.iplan .mk{--s:1.9rem;width:var(--s);height:var(--s);margin:calc(var(--s)/-2) 0 0 calc(var(--s)/-2);font-size:calc(var(--s)*.5);scale:calc(1/var(--z,1));white-space:nowrap;letter-spacing:-.02em}
.iplan .mk::before{content:"";position:absolute;inset:-.55rem;border-radius:50%}
@media(max-width:700px){.iplan .mk{--s:1.3rem;border-width:1.5px}.iplan .mk .mx{width:.75rem;height:.75rem;font-size:.55rem;line-height:.75rem;border-width:1px;left:-.4rem;top:-.45rem}.iplan .mk .bd{font-size:.55rem;padding:0 .25rem;right:-.45rem;top:-.45rem;border-width:1px}.izoomb button{width:2.1rem;height:2.1rem;font-size:1.05rem}.izoomb{right:.35rem;top:.35rem}}
.ilinks line{vector-effect:non-scaling-stroke}

@media(max-width:700px){.itab{min-height:14rem}}

.bar .w{max-width:84rem}.bar .logo{flex:none}.bar .logo img{max-width:none}
@media(max-width:760px){.bar .logo img{height:2rem}.bar .btn{padding:.55rem .8rem;font-size:.85rem}.bar nav{gap:.5rem}}

.grille-formules { position: relative; overflow-x: auto; margin-top:1.2rem; border: 1px solid #333845; border-radius: .8rem; background: #1a1d24; margin-top: .8rem; }.grille-formules table { border-collapse: separate; border-spacing: 0; width: 100%; min-width: 50rem; font-size: .9rem; }.grille-formules th, .grille-formules td { padding: .55rem .7rem; border-bottom: 1px solid #333845; text-align: left; vertical-align: middle; font-weight: 400; color: #f2f4f6; }.grille-formules .l { width: 24%; font-weight: 600; }.grille-formules .l small { display: block; color: #a3abb6; font-weight: 400; font-size: .76rem; }.grille-formules thead th { vertical-align: bottom; padding-block: 1rem .8rem; border-top: 5px solid var(--c, #333845); }.grille-formules thead .n { display: block; font-weight: 800; font-size: 1rem; }.grille-formules thead .p { display: block; color: var(--c); font-weight: 800; font-size: 1.35rem; margin-top: .15rem; }.grille-formules thead .s { display: block; color: #a3abb6; font-weight: 400; font-size: .75rem; }.grille-formules tr.sum th, .grille-formules tr.sum td { font-weight: 600; font-size: .88rem; background: #222932; line-height: 1.35; }.grille-formules tr.sum th { color: #a3abb6; text-transform: uppercase; letter-spacing: .06em; font-size: .72rem; }.grille-formules tr.g th { background: #1a1f26; color: #facc15; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; font-weight: 700; padding-block: .4rem; }.grille-formules td.y { background: color-mix(in srgb, var(--c) 22%, transparent); font-weight: 600; }.grille-formules td.y::before { content: "✓"; display: inline-grid; place-items: center; width: 1.3rem; height: 1.3rem; border-radius: 50%; background: var(--c); color: #14171c; font-weight: 800; font-size: .8rem; margin-right: .45rem; vertical-align: middle; }.grille-formules td.y em { font-style: normal; font-weight: 400; font-size: .76rem; }.grille-formules td.n { color: #6b7280; font-size: 1.1rem; }.grille-formules td.n::before { content: "—"; }.grille-formules td.t { font-weight: 600; background: color-mix(in srgb, var(--c) 10%, transparent); }.grille-formules tbody tr:last-child > * { border-bottom: 0; }.grille-formules .sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media(max-width:560px){.bar nav a.try{display:none}}
.bar .panel .cre{display:none;font-weight:700;color:#facc15}
@media(max-width:480px){.bar nav .btn{display:none}.bar .panel .cre{display:block}}
.grille-formules thead .s{width:auto;height:auto;border-radius:0;font-size:.75rem;font-weight:400;color:#a3abb6;line-height:1.3;margin-top:.3rem}

/* Démo : disjoncteurs à l'image de l'application */
.irow{background:linear-gradient(#cfd5e0,#c3cad8);border:1px solid #8f9bb3;padding:.7rem .6rem .55rem}
.irow h4{color:#4a5568}
.irail{gap:.18rem}
.imod,.imod.ddr{width:2.35rem}
.imod.ddr{width:3.2rem}
.imod .bk{display:flex;flex-direction:column;align-items:center;height:8.1rem;border:1px solid #8b95a8;border-radius:.28rem;background:linear-gradient(#f7f8fb,#e8ebf2);padding:.25rem 0 .22rem;gap:.12rem;position:relative}
.imod .s{display:block;width:1.15rem;height:.5rem;background:radial-gradient(circle at 25% 50%,#fff 0 18%,#7c8698 20% 38%,#e9ecf2 40% 60%,#9aa3b5 62%) 0 0/50% 100% repeat-x;border-radius:.2rem}
.imod.ddr .s{width:1.7rem}
.imod .ban{align-self:stretch;background:#b9d8f3;color:#1d3b63;font:800 .72rem/1 sans-serif;padding:.28rem 0 .2rem;margin-top:.1rem;min-height:1.1rem}
.imod.ddr .ban{text-align:right;padding-right:.2rem}
.imod.ddr .ban small{display:block;font:700 .42rem/1.1 sans-serif}
.imod.ddr .ban em{font:800 .62rem sans-serif;font-style:normal;display:block}
.imod .lev{width:1.05rem;height:1.9rem;margin:.15rem 0;border-radius:.28rem .28rem .2rem .2rem;background:linear-gradient(#26292f 70%,#c4172c 70%);border:1px solid #111;box-shadow:inset 0 0 0 1px #3a3e46}
.imod .bk .b{display:block;width:auto;min-width:1.55rem;border:1.5px solid #c4172c;border-radius:.2rem;background:#fff;padding:.18rem .1rem;font:800 .78rem/1 sans-serif;color:#14171d;box-shadow:none}
.imod .bk .cp{font:700 .36rem sans-serif;color:#3a404c}
.imod.ddr .cp{font:700 .5rem sans-serif;background:#cfd5e0;border:1px solid #9aa3b5;padding:.08rem .35rem;border-radius:.15rem}
.imod.mod .b,.imod.ddr .b{background:#fff;border:1.5px solid #c4172c;padding:.18rem .1rem;font:800 .78rem/1 sans-serif;box-shadow:none}
.imod.mod:hover .bk{border-color:#0E5BFF}
.imod.sel .bk{box-shadow:0 0 0 3px #facc15}
.imod.bad .bk{border-color:#DC2626;background:#FEE2E2}
.imod.mod:hover .b,.imod.sel .b,.imod.bad .b{box-shadow:none;border-color:#c4172c;background:#fff}
.imod .n{font-size:.62rem;max-height:9rem}
.imod.free{height:8.1rem}

.imod,.imod.mod{width:2.7rem}
.imod.ddr{width:3.5rem}
.imod .s{width:1.5rem;height:.6rem;background:radial-gradient(circle,#fff 0 16%,#6f7a8e 18% 52%,#d5dae4 54% 66%,transparent 68%) 0 0/50% 100% repeat-x;border-radius:0}
.imod.ddr .s{width:1.9rem}
.imod .bk .b,.imod.mod .b,.imod.ddr .b{font-size:.7rem;min-width:1.7rem;padding:.16rem .05rem}
.imod.mod:hover .b,.imod.sel .b,.imod.bad .b{border-color:#c4172c}
.imod .n{font-size:.6rem}
.irail{overflow-x:auto;padding-top:.5rem;margin-top:-.5rem}
@media (max-width:640px){
.imod,.imod.mod{width:1.95rem}
.imod.ddr{width:2.5rem}
.imod .s{width:1.1rem;height:.5rem}
.imod.ddr .s{width:1.4rem}
.imod .bk .b,.imod.mod .b,.imod.ddr .b{font-size:.56rem;min-width:1.4rem}
.imod .ban{font-size:.62rem}
.imod.ddr .ban small{font-size:.36rem}
.imod.ddr .ban em{font-size:.5rem}
.imod .lev{width:.85rem}
.imod .bk .cp{font-size:.3rem}
.imod .n{font-size:.55rem}
}

.ietq h4{font:800 1.05rem var(--f);letter-spacing:0;text-transform:none}
.eimp{margin:0 0 .7rem;font-size:.78rem;color:#44506b}
.eband{background:#eef1f7;border-radius:.5rem;padding:.35rem .5rem .5rem;margin-bottom:.6rem}
.elab{font:600 .75rem var(--f);color:#3a404c;margin-bottom:.25rem}
.eband .erow{margin-bottom:0;background:#fff}
.el.vide{border:0;border-right:1px dashed #aeb8cc;background:#fff}
@media (max-width:640px){.eband{overflow-x:auto}.el{width:2.6rem}.el.ddr{width:4.6rem}}

.herovid{max-width:60rem;margin:2rem auto 0}.herovid video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:.9rem;border:1px solid var(--line);box-shadow:0 24px 70px rgba(0,0,0,.45),0 0 50px rgba(250,204,21,.1);background:#111318}.vidcap{margin:.7rem 0 0;color:var(--muted);font-size:.9rem;text-align:center}
.oui-non{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;margin-top:1.2rem}.oui-non .card{text-align:left}.oui-non ul{margin:.4rem 0 0;padding-left:1.2rem}.oui-non li{margin:.3rem 0}.oui-non .oui{border-color:#16a34a}.oui-non .non{border-color:#d97706}
.etapes.ill{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.etapes.ill img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:.6rem;border:1px solid var(--line);margin-bottom:.8rem}

.b.m .hero .w{grid-template-columns:1fr}.b.m .hero .w>div{max-width:none}.b.m .hero h1{max-width:60rem}.b.m .hero .lead{max-width:44rem}.vidsec{padding:1.5rem 0 0}.vidsec .herovid{max-width:none;margin:0}.vidsec .herovid video{border-radius:var(--r)}

.b.m .hero{text-align:center}.b.m .hero h1,.b.m .hero .lead,.b.m .hero .fine{margin-left:auto;margin-right:auto}.b.m .hero .btns,.b.m .hero .rassure{justify-content:center}

.etapes.ill{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.etapes.ill li{padding:1.5rem}.etapes.ill li:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - .65rem)}.etapes.ill b{font-size:1.3rem}.etapes.ill span{font-size:1.02rem}@media(max-width:700px){.etapes.ill{grid-template-columns:1fr}.etapes.ill li:last-child{width:auto}}
@media(min-width:1321px){.bar nav{flex:1;margin-left:0}.bar nav>:first-child{margin-left:auto}.bar nav>a[href*="connexion"]{margin-left:auto}.bar nav{gap:2rem}.bar nav>a[href*="connexion"]+.btn{margin-left:.4rem}}
/* Barre du haut : liens sobres, soulignement doré au survol, menu Outils sans cadre */
@media(min-width:1321px){
.bar .w{height:5.6rem}
.bar nav{gap:2.4rem;font-size:1.02rem;letter-spacing:.005em}
.bar nav>a:not(.btn),.bar nav>.outils-dd>summary{position:relative;opacity:.82;font-weight:500;color:var(--barfg);padding:.5rem 0;border:0;border-radius:0;transition:opacity .2s,color .2s}
.bar nav>a:not(.btn)::after,.bar nav>.outils-dd>summary::before{content:"";position:absolute;left:0;right:0;bottom:.1rem;height:2px;border-radius:2px;background:#facc15;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.bar nav>a:not(.btn):hover,.bar nav>.outils-dd>summary:hover,.bar nav>.outils-dd[open]>summary,.bar nav>.outils-dd:hover>summary{opacity:1;color:#fff;border:0}
.bar nav>a:not(.btn):hover::after,.bar nav>.outils-dd>summary:hover::before,.bar nav>.outils-dd[open]>summary::before,.bar nav>.outils-dd:hover>summary::before{transform:scaleX(1)}
.bar nav>.outils-dd>summary::after{color:#facc15;font-size:.75em;margin-left:.15rem}
.bar nav>.outils-dd.actif>summary{opacity:1;border:0;color:#facc15}
.bar nav>.outils-dd .dd{right:auto;left:-1.2rem;top:calc(100% + .9rem);border-color:#2f3440;border-radius:1rem}
.bar nav>a[href*="connexion"]{margin-left:auto;padding:.5rem 1.1rem;border:1.5px solid #3a404d;border-radius:2rem;opacity:.95}
.bar nav>a[href*="connexion"]::after{display:none}
.bar nav>a[href*="connexion"]:hover{border-color:#facc15;color:#facc15}
.bar nav>a[href*="connexion"]+.btn{margin-left:.2rem;padding:.8rem 1.4rem;border-radius:2rem}
}

@media(min-width:1321px){.bar nav>.outils-dd>summary{color:#facc15!important;opacity:1!important;font-weight:700}.bar nav>.outils-dd>summary:hover,.bar nav>.outils-dd[open]>summary{color:#fde047!important}}