.diag{--bord:#dce0e81f;--bord-vif:#8f86ff8c;color:var(--texte);font-size:16px;line-height:1.6}.diag-fond{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.diag-fond .lueur{filter:blur(52px);opacity:.85;background:radial-gradient(ellipse at 50% 30%, var(--carrosserie-haut) 0%, var(--carrosserie) 45%, #08080b00 72%);border-radius:50%;width:min(1500px,190vw);height:620px;position:absolute;top:-4%;left:50%;transform:translate(-50%)}.diag .page{max-width:720px;margin:0 auto;padding-block:36px 96px;padding-inline:20px;position:relative}.diag .rail{background:#dce0e81a;border-radius:2px;height:2px;overflow:hidden}.diag .rail span{background:linear-gradient(90deg, var(--reflet), var(--reflet-vif));width:0%;height:100%;transition:width .45s cubic-bezier(.4,0,.2,1);display:block}.diag .etiq{font-family:var(--instrument);letter-spacing:.22em;text-transform:uppercase;color:var(--chrome-sourd);font-size:13.5px;font-weight:600}.diag h1{font-family:var(--display);letter-spacing:-.022em;color:var(--texte-fort);text-wrap:balance;margin:0;font-size:clamp(30px,5.6vw,46px);font-weight:700;line-height:1.12}.diag h2{font-family:var(--display);letter-spacing:-.018em;color:var(--texte-fort);text-wrap:balance;margin:0;font-size:clamp(23px,4.2vw,32px);font-weight:600;line-height:1.2}.diag .chromee{background:linear-gradient(103deg,#8b90a0 0%,#f2f4f8 32%,#dce0e8 46%,#868d9c 47%,#dce0e8 61%,#f2f4f8 79%,#6e7482 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.diag p{max-width:none;margin:0}.diag .sous{color:var(--chrome-mat);font-size:16.5px;line-height:1.6}.diag .meta{color:var(--chrome-mat);font-size:14px}.diag .ecran{flex-direction:column;gap:24px;padding-top:56px;display:flex}.diag .question{margin-top:8px}.diag .choix{flex-direction:column;gap:10px;display:flex}.diag .opt{text-align:left;border:1px solid var(--bord);width:100%;font-family:var(--corps);color:var(--chrome);cursor:pointer;background:#1916344d;border-radius:5px;padding:17px 22px;font-size:16.5px;line-height:1.45;transition:border-color .16s,background .16s,color .16s}.diag .opt:hover{border-color:var(--bord-vif);color:var(--texte-fort);background:#1916349e}.diag .opt:focus-visible{outline:2px solid var(--reflet-vif);outline-offset:3px}.diag label.champ{flex-direction:column;gap:10px;display:flex}.diag textarea{resize:vertical;border:1px solid var(--bord);width:100%;min-height:110px;color:var(--texte-fort);font-family:var(--corps);background:#1916344d;border-radius:5px;padding:16px 18px;font-size:16.5px;line-height:1.55}.diag textarea:focus{border-color:var(--bord-vif);background:#1916348c;outline:none}.diag .barre{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.diag .chrome{cursor:pointer;font-family:var(--corps);color:#0b0a12;background:linear-gradient(#f2f4f8 0%,#dce0e8 46%,#868d9c 47%,#b6bbc6 100%);border:none;border-radius:3px;padding:15px 32px;font-size:15px;font-weight:600;text-decoration:none;transition:filter .16s;display:inline-block}.diag .chrome:hover{color:#0b0a12;filter:brightness(1.08)}.diag .plat{font-family:var(--corps);color:var(--chrome-mat);cursor:pointer;background:0 0;border:none;border-bottom:1px solid #dce0e838;padding:0 0 3px;font-size:15px;text-decoration:none;transition:color .16s,border-color .16s}.diag .plat:hover{color:var(--texte-fort);border-color:var(--chrome)}.diag .arete{background:linear-gradient(90deg,#dce0e88c,#8f86ffb3 46%,#dce0e800);width:200px;height:1px}.diag .verite{font-family:var(--display);color:var(--texte-fort);font-size:clamp(19px,3.3vw,24px);font-weight:600;line-height:1.38}.diag .indice{background:linear-gradient(#2a25606b,#0e0e13e6);border:1px solid #8f86ff57;border-radius:8px;padding:26px}.diag .indice p{color:var(--texte);font-size:17.5px;line-height:1.66}.diag .aussi{color:var(--chrome-mat);margin-top:-8px;font-size:15.5px}.diag .produit{border-top:1px solid var(--bord);flex-direction:column;gap:12px;padding-top:28px;display:flex}.diag .produit--second{padding-top:22px}.diag .produit h2{font-size:clamp(22px,3.8vw,28px)}.diag .produit .promesse{font-family:var(--display);color:var(--texte-fort);font-size:18.5px;font-weight:600;line-height:1.4}.diag .produit .desc{color:var(--texte);font-size:16.5px;line-height:1.65}.diag .produit .prix{font-family:var(--instrument);letter-spacing:.1em;text-transform:uppercase;color:var(--chrome-mat);font-size:15px}.diag .produit .barre{margin-top:6px}.diag .echo{border-left:2px solid var(--bord-vif);flex-direction:column;gap:6px;padding:4px 0 4px 18px;display:flex}.diag .echo[hidden]{display:none}.diag .echo .t{color:var(--texte-fort);font-size:17.5px;line-height:1.6}.diag .echo .t.attente{color:var(--chrome-sourd)}.diag .tel{color:var(--chrome-mat);font-size:15.5px}.diag .tel a{color:var(--texte-fort);text-underline-offset:3px;white-space:nowrap;text-decoration:underline 1px}.diag .avis{color:var(--chrome-sourd);font-size:13.5px;line-height:1.55}.diag .loi25{color:var(--chrome-mat)}.diag .loi25 a{color:var(--chrome);text-underline-offset:3px;text-decoration:underline 1px}.diag .loi25 a:hover{color:var(--texte-fort)}@media (prefers-reduced-motion:reduce){.diag .rail span{transition:none}}
