:root{--v3s9iib:#f4efe6;--v6jzktu:#ebe3d4;--vce6rz0:#1f2a44;--v3x6ho3:#3a4766;--v93qtt8:#f26a21;--v930s9t:#d4551a;--v2x74df:#f7c948;--v3ld3rs:#fffdf9;--vg0bll9:#d8cdb8;--vfoxu6j:#2f7d5b;--vfya1hl:#b3412b;--v2c9hp7:14px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--v3s9iib);color:var(--vce6rz0);font:17px/1.65 "Nunito Sans",system-ui,sans-serif}
img{max-width:100%;height:auto;display:block}
button{font:inherit}
a{color:var(--v930s9t)}
h1,h2,h3{font-family:Outfit,system-ui,sans-serif;line-height:1.2;margin:0 0 .6em}
h2{font-size:clamp(1.55rem,2.6vw,2.15rem);font-weight:800}
h3{font-size:1.2rem;font-weight:700}
p{margin:0 0 1em}
.cf1n8cu{max-width:1180px;margin:0 auto;padding:0 20px}
.ca9paz3{position:absolute;left:-999px}.ca9paz3:focus{left:12px;top:12px;background:#fff;padding:8px;z-index:99}
/* bandes de chantier */
.cg218z5{height:12px;background:repeating-linear-gradient(-45deg,var(--v2x74df) 0 18px,var(--vce6rz0) 18px 36px)}
/* en-tête */
.c7grr0s{background:var(--vce6rz0);color:#fff;position:relative;z-index:20}
.c7grr0s .cf1n8cu{display:flex;align-items:center;gap:18px;min-height:64px}
.c5k026h{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:800 1.1rem Outfit,sans-serif}
.c5k026h img{width:34px;height:34px;border-radius:8px}
.nav{display:flex;gap:18px;margin-left:auto}
.nav a{color:#dfe4f0;text-decoration:none;font-weight:700;font-size:.95rem}
.nav a:hover{color:var(--v2x74df)}
.burger{display:none;margin-left:auto;background:none;border:2px solid #fff;color:#fff;border-radius:10px;padding:6px 10px;cursor:pointer}
/* boutons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:999px;font:800 1rem Outfit,sans-serif;text-decoration:none;letter-spacing:.02em;border:0;cursor:pointer}
.btn-jouer{background:var(--v93qtt8);color:#fff;box-shadow:0 4px 0 var(--v930s9t)}
.btn-jouer:hover{background:var(--v930s9t)}
.btn-demo{background:transparent;color:var(--vce6rz0);border:2px solid var(--vce6rz0)}
.c7grr0s .btn-jouer{padding:10px 18px;font-size:.9rem}
/* héros */
.heros{background:linear-gradient(var(--v3s9iib),var(--v6jzktu));background-image:linear-gradient(rgba(31,42,68,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(31,42,68,.06) 1px,transparent 1px);background-size:28px 28px;padding:44px 0 36px}
.c15hxtm{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.c391f8s{display:inline-block;background:var(--vce6rz0);color:var(--v2x74df);font:700 .82rem Outfit,sans-serif;padding:6px 12px;border-radius:6px;letter-spacing:.04em;text-transform:uppercase}
.heros h1{font-size:clamp(2.2rem,4.6vw,3.6rem);font-weight:900;margin:.45em 0 .35em}
.heros h1 span{display:block;font-size:.48em;font-weight:700;color:var(--v3x6ho3);margin-top:.35em}
.c5kqsjb{font-size:1.1rem}
.c599788{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}
.c97r7im{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0 0;padding:0}
.c97r7im div{background:var(--v3ld3rs);border:2px solid var(--vce6rz0);border-radius:12px;padding:10px 12px}
.c97r7im dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--v3x6ho3);font-weight:700}
.c97r7im dd{margin:0;font:800 1.05rem Outfit,sans-serif}
.c9ouf5a{font-size:.82rem;color:var(--v3x6ho3);margin-top:8px}
.cdbkavc{position:relative;margin:0}
.cdbkavc img{border-radius:var(--v2c9hp7);border:4px solid var(--vce6rz0);box-shadow:10px 10px 0 var(--v2x74df)}
.cdbkavc figcaption{font-size:.88rem;color:var(--v3x6ho3);margin-top:14px}
.c6popsm{position:absolute;right:-8px;top:18px;background:var(--v93qtt8);color:#fff;font:900 1.2rem Outfit,sans-serif;padding:10px 14px;border-radius:10px;transform:rotate(4deg);box-shadow:0 4px 0 var(--v930s9t)}
/* sections */
.c6r9xb3{padding:64px 0}
.c6r9xb3.c4ggg96{background:var(--v3ld3rs)}
.c6r9xb3.c66s5s3{background:var(--vce6rz0);color:#eef1f7}
.c6r9xb3.c66s5s3 h2,.c6r9xb3.c66s5s3 h3{color:#fff}
.c6r9xb3.c66s5s3 a{color:var(--v2x74df)}
.c3vjgm4{font-size:1.06rem;max-width:820px}
.cb364vt{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px;padding-top:22px;border-top:2px dashed var(--vg0bll9)}
.c6r9xb3.c66s5s3 .cb364vt{border-color:#4a577a}
.cb364vt span{font-weight:700}
/* plaque */
.c3c96mg{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:3px solid var(--vce6rz0);border-radius:var(--v2c9hp7);overflow:hidden;background:var(--v3ld3rs);margin:0}
.c3c96mg div{padding:16px 18px;border-right:2px solid var(--vg0bll9);border-bottom:2px solid var(--vg0bll9)}
.c3c96mg dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;font-weight:800;color:var(--v930s9t)}
.c3c96mg dd{margin:4px 0 0;font-weight:700}
/* démo */
.demo-cadre{position:relative;border-radius:var(--v2c9hp7);overflow:hidden;border:4px solid var(--v2x74df);background:#0f1730;aspect-ratio:16/9;max-width:980px}
.demo-cadre img{width:100%;height:100%;object-fit:cover;opacity:.55}
.demo-lancer{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff;text-align:center;padding:16px}
.demo-cadre iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.demo-cadre.portrait{aspect-ratio:9/16;max-width:420px}
/* étapes */
.ce3jhr7{list-style:none;margin:28px 0 0;padding:0;counter-reset:e}
.ce3jhr7 li{counter-increment:e;display:grid;grid-template-columns:72px 1fr;gap:20px;padding:22px 0;border-top:2px solid var(--vg0bll9)}
.ce3jhr7 li::before{content:counter(e);display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:12px;background:var(--vce6rz0);color:var(--v2x74df);font:900 1.6rem Outfit,sans-serif}
.ce3jhr7 .c13w4jy{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}
.ce3jhr7 figure{margin:0}
.ce3jhr7 figure img{border-radius:10px;border:3px solid var(--vce6rz0)}
.ce3jhr7 figcaption{font-size:.82rem;color:var(--v3x6ho3);margin-top:6px}
/* cotes */
.caf49d1{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
.cei984w{margin:0}
.cei984w img{border-radius:var(--v2c9hp7);border:4px solid var(--vce6rz0)}
.cei984w figcaption{font-size:.85rem;color:var(--v3x6ho3);margin-top:8px}
.calcul{background:var(--vce6rz0);color:#fff;border-radius:var(--v2c9hp7);padding:22px;margin-top:22px}
.calcul h3{color:var(--v2x74df)}
.calcul form{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.calcul label{display:flex;flex-direction:column;font-size:.8rem;font-weight:700;gap:4px}
.calcul input{font:inherit;padding:8px 10px;border-radius:8px;border:2px solid #4a577a;background:#162036;color:#fff;width:100%}
.calcul output{display:block;margin-top:14px;font:800 1.15rem Outfit,sans-serif;color:var(--v2x74df)}
/* cartes */
.ceookje{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}
.c2ggrke{background:var(--v3ld3rs);border:2px solid var(--vce6rz0);border-radius:var(--v2c9hp7);padding:22px;border-top-width:10px}
.c2ggrke.c6kfbfb{border-top-color:#5aa9d6}.c2ggrke.ce83onc{border-top-color:var(--v2x74df)}.c2ggrke.c2mvzte{border-top-color:var(--v93qtt8)}
.c6r9xb3.c4ggg96 .c2ggrke{background:var(--v3s9iib)}
/* tableaux */
.c5ido42{overflow-x:auto;margin-top:22px}
table{border-collapse:collapse;width:100%;background:var(--v3ld3rs);border:2px solid var(--vce6rz0);border-radius:var(--v2c9hp7);overflow:hidden}
caption{text-align:left;font-weight:800;padding:0 0 8px}
th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--vg0bll9);vertical-align:top}
thead th{background:var(--vce6rz0);color:#fff;font-family:Outfit,sans-serif}
tbody th{font-weight:800}
/* erreurs */
.c83lbno{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px}
.c83lbno li{background:var(--v3ld3rs);border-left:8px solid var(--vfya1hl);border-radius:10px;padding:14px 18px}
.c83lbno strong{display:block;font-family:Outfit,sans-serif}
/* lexique */
.cevb5in{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 28px;margin:22px 0 0}
.cevb5in div{border-bottom:2px dotted var(--vg0bll9);padding:8px 0}
.cevb5in dt{font:800 1rem Outfit,sans-serif;color:var(--v930s9t)}
.cevb5in dd{margin:2px 0 0}
/* argent réel */
.cakm2bu{counter-reset:v;list-style:none;padding:0;margin:20px 0}
.cakm2bu li{counter-increment:v;position:relative;padding:12px 0 12px 54px;border-bottom:1px solid #4a577a}
.cakm2bu li::before{content:counter(v);position:absolute;left:0;top:10px;width:36px;height:36px;border-radius:50%;background:var(--v2x74df);color:var(--vce6rz0);display:flex;align-items:center;justify-content:center;font-weight:900}
.cd8kba4{background:#162036;border:2px solid var(--v2x74df);border-radius:var(--v2c9hp7);padding:20px;margin-top:24px}
/* mobile */
.cflclz8{display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:center}
.cflclz8 figure{margin:0;background:var(--vce6rz0);padding:12px;border-radius:28px}
.cflclz8 figure img{border-radius:18px}
/* verdict */
.c7rygpk{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:22px}
.c7rygpk>div{background:var(--v3ld3rs);border-radius:var(--v2c9hp7);padding:20px;border:2px solid var(--vce6rz0)}
.c7rygpk .cfcr9ap{border-color:var(--vfoxu6j)}.c7rygpk .cbrisoc{border-color:var(--vfya1hl)}
.c7rygpk ul{margin:0;padding-left:20px}
/* FAQ */
.c0wjguc details{background:var(--v3ld3rs);border:2px solid var(--vce6rz0);border-radius:12px;margin-bottom:10px;padding:0 18px}
.c0wjguc summary{cursor:pointer;font:700 1.05rem Outfit,sans-serif;padding:14px 0;list-style:none}
.c0wjguc summary::after{content:"+";float:right;color:var(--v930s9t);font-weight:900}
.c0wjguc details[open] summary::after{content:"−"}
.c0wjguc details p{padding-bottom:14px;margin:0}
/* bandeau final */
.c9mmeb9{background:var(--v93qtt8);color:#fff;text-align:center;padding:52px 0}
.c9mmeb9 h2{color:#fff}
.c9mmeb9 .btn-jouer{background:var(--vce6rz0);box-shadow:0 4px 0 #0e1428}
.c9mmeb9 .btn-demo{color:#fff;border-color:#fff}
.c9mmeb9 .c599788{justify-content:center}
/* pied */
.cchvkm7{background:var(--vce6rz0);color:#c9d0e0;padding:34px 0 90px;font-size:.92rem}
.cchvkm7 p{margin:0 0 .7em}
.cchvkm7 a{color:var(--v2x74df)}
.c8ahmhv{display:inline-block;background:var(--vfya1hl);color:#fff;font-weight:900;border-radius:6px;padding:2px 8px;margin-right:8px}
/* barre collante */
.barre-jouer{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--vce6rz0);padding:10px 16px;display:flex;justify-content:center;gap:12px;transform:translateY(110%);transition:transform .25s}
.barre-jouer.visible{transform:none}
.barre-jouer span{color:#fff;font-weight:700;align-self:center}
@media (max-width:960px){
 .c15hxtm,.caf49d1,.cflclz8{grid-template-columns:1fr}
 .c15hxtm{gap:14px}
 .cevrkpx{display:contents}
 .c15hxtm>*{min-width:0}
 .c391f8s{order:1;justify-self:start}.heros h1{order:2}.cdbkavc{order:3}.c5kqsjb{order:4}.c599788{order:5}.c97r7im{order:6}.c9ouf5a{order:7}
 .c97r7im{grid-template-columns:repeat(2,1fr)}
 .c3c96mg{grid-template-columns:repeat(2,1fr)}
 .ceookje,.c7rygpk{grid-template-columns:1fr}
 .ce3jhr7 .c13w4jy{grid-template-columns:1fr}
 .cflclz8 figure{max-width:300px}
}
@media (max-width:760px){
 body{font-size:16px}
 .nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--vce6rz0);flex-direction:column;padding:12px 20px 18px;gap:12px}
 .nav.ouvert{display:flex}
 .burger{display:block}
 .c7grr0s .btn-jouer{display:none}
 .heros{padding:26px 0}
 .ce3jhr7 li{grid-template-columns:1fr}
 .ce3jhr7 li::before{width:46px;height:46px;font-size:1.3rem}
 .cevb5in,.calcul form{grid-template-columns:1fr}
 .c6popsm{right:6px;top:10px;font-size:1rem}
 .barre-jouer .btn{flex:1}
 .barre-jouer span{display:none}
 .c6r9xb3{padding:46px 0}
 th,td{padding:9px 8px;font-size:.9rem}
}
.ceookje.cbx3xu5{grid-template-columns:repeat(2,1fr)}@media (max-width:960px){.ceookje.cbx3xu5{grid-template-columns:1fr}}
.c6r9xb3.c66s5s3 .btn-jouer{color:#fff}
.c6r9xb3.c66s5s3 .btn-demo{color:#fff;border-color:#fff}
.c5ido42{padding:2px;margin-bottom:20px}
.caf49d1+h3{margin-top:28px}
@media (max-width:960px){.cdbkavc{max-width:540px}}
.demo-cadre,.ceookje,.c83lbno,.c3c96mg,.cevb5in{margin-bottom:20px}
.demo-lancer span{background:rgba(15,23,48,.85);padding:6px 12px;border-radius:8px}