.tuto{--tuto-bleu:#0A2A8C;--tuto-bleu-vif:#2B5CE6;--tuto-jaune:#FFD43B;--tuto-encre:#060F2E;--tuto-texte-2:#454F6B;--tuto-carte:#FFFFFF;--tuto-trait:#E1E7F3;--tuto-vert:#15803D;max-width:1180px;padding-bottom:56px}.tuto-tete{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-gap:28px;gap:28px;align-items:center;padding-block:18px 22px}.tuto-tete h1{font-family:Archivo,Arial Black,Arial,sans-serif;font-weight:800;font-size:clamp(30px,4.4vw,46px);line-height:1.04;letter-spacing:-.025em;margin:0;color:var(--tuto-encre);text-wrap:balance}.tuto-tete h1 em{font-style:normal;color:var(--tuto-bleu-vif)}.tuto-tete p{margin:14px 0 0;font-size:17px;color:var(--tuto-texte-2);max-width:46ch}.tuto-etapes{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px;counter-reset:tuto}.tuto-etapes li{counter-increment:tuto;display:grid;grid-template-columns:44px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center;background:var(--tuto-carte);border:1px solid var(--tuto-trait);border-radius:14px;padding:12px 14px}.tuto-etapes li:before{content:counter(tuto);display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--tuto-bleu);color:#fff;font-family:Archivo,sans-serif;font-weight:800;font-size:20px}.tuto-etapes b{display:block;font-size:15.5px;color:var(--tuto-encre)}.tuto-etapes small{color:var(--tuto-texte-2);font-size:13px}.tuto-bloc{margin-top:38px;scroll-margin-top:150px}.tuto-bloc h2{font-family:Archivo,Arial Black,Arial,sans-serif;font-weight:800;font-size:clamp(22px,2.8vw,30px);letter-spacing:-.02em;margin:0 0 14px;color:var(--tuto-encre)}.tuto-bloc h2 small{display:block;font-family:inherit;font-weight:600;font-size:14px;color:var(--tuto-texte-2);letter-spacing:0;margin-top:4px}.tuto-lecteur{background:var(--tuto-carte);border:1px solid var(--tuto-trait);border-radius:18px;overflow:hidden;box-shadow:0 22px 44px -30px rgba(6,15,46,.45)}.tuto-ecran{position:relative;aspect-ratio:var(--ratio,16/10);max-width:100%;background:#EEF1F7}.tuto-ecran video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;opacity:0;transition:opacity .35s ease}.tuto-ecran video.on{opacity:1}.tuto-legende{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:14px;gap:14px;align-items:center;padding:14px 16px 12px;border-top:1px solid var(--tuto-trait)}.tuto-num{display:grid;place-items:center;min-width:44px;height:32px;padding:0 8px;border-radius:9px;background:var(--tuto-jaune);font-family:Archivo,sans-serif;font-weight:800;font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--tuto-encre)}.tuto-legende p{margin:0;font-size:15px;color:var(--tuto-texte-2)}.tuto-legende b{color:var(--tuto-encre);font-size:16px;margin-right:4px}.tuto-points{display:flex;gap:6px;padding:0 16px 16px}.tuto-points button{flex:1 1;height:14px;border:0;padding:5px 0;background:none;cursor:pointer}.tuto-points i{display:block;height:4px;border-radius:2px;background:var(--tuto-trait);overflow:hidden;position:relative}.tuto-points i:after{content:"";position:absolute;inset:0;background:var(--tuto-bleu-vif);transform-origin:left;transform:scaleX(var(--p,0))}.tuto-points button:focus-visible{outline:3px solid var(--tuto-jaune);outline-offset:2px;border-radius:4px}.tuto-conseils{margin-top:44px;scroll-margin-top:150px}.tuto-conseils h2{font-family:Archivo,Arial Black,Arial,sans-serif;font-weight:800;font-size:clamp(22px,2.8vw,30px);letter-spacing:-.02em;margin:0 0 14px;color:var(--tuto-encre)}.tuto-conseils h2 small{display:block;font-family:inherit;font-weight:600;font-size:14px;color:var(--tuto-texte-2);letter-spacing:0;margin-top:4px}.tuto-conseils h3{font-family:Archivo,sans-serif;font-weight:800;font-size:17px;margin:0 0 8px;color:var(--tuto-encre)}.tuto-conseils p{margin:0 0 10px}.tuto-conseils p,.tuto-conseils ul{color:var(--tuto-texte-2);font-size:14.5px}.tuto-conseils ul{margin:0;padding-left:18px;display:grid;grid-gap:6px;gap:6px}.tuto-conseils li b,.tuto-conseils td b{color:var(--tuto-encre)}.tuto-cartes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.tuto-cartes article,.tuto-refus,.tuto-tableau{background:var(--tuto-carte);border:1px solid var(--tuto-trait);border-radius:16px;padding:16px 18px}.tuto-refus,.tuto-tableau{margin-top:12px}.tuto-tableau{overflow-x:auto}.tuto-tableau table{width:100%;border-collapse:collapse;font-size:14.5px}.tuto-tableau th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--tuto-texte-2);padding:6px 10px}.tuto-tableau td{padding:10px;border-top:1px solid var(--tuto-trait);color:var(--tuto-texte-2);vertical-align:top}.tuto-tableau td:first-child{color:var(--tuto-encre);font-weight:600;width:40%}.tuto-refus{border-color:#F3C9B6;background:#FFF8F4}.tuto-refus h3{color:#B42318}.tuto-garanties{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:40px}.tuto-garanties div{background:var(--tuto-carte);border:1px solid var(--tuto-trait);border-radius:14px;padding:14px 16px}.tuto-garanties b{display:block;font-size:15px;color:var(--tuto-encre)}.tuto-garanties span{color:var(--tuto-texte-2);font-size:13.5px}.tuto-garanties div:first-child b{color:var(--tuto-vert)}.tuto-appel{margin-top:34px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;background:var(--tuto-bleu);color:#fff;border-radius:18px;padding:22px 24px}.tuto-appel b{font-family:Archivo,sans-serif;font-weight:800;font-size:22px;letter-spacing:-.01em}.tuto-appel div{display:flex;flex-wrap:wrap;gap:10px}.tuto-appel a{text-decoration:none;font-weight:800;font-size:15px;padding:12px 18px;border-radius:12px}.tuto-appel .plein{background:var(--tuto-jaune);color:var(--tuto-encre)}.tuto-appel .contour{border:2px solid rgba(255,255,255,.75);color:#fff}@media (max-width:760px){.tuto-cartes,.tuto-garanties,.tuto-tete{grid-template-columns:minmax(0,1fr)}.tuto-legende p{font-size:14px}}