.vi-tete{padding-top:clamp(24px,3vw,40px);padding-bottom:clamp(18px,2vw,26px)}.vi-tete-grille{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px 40px;margin-top:14px;display:grid}.vi-tete h1{letter-spacing:-.03em;text-wrap:balance;max-width:22ch;margin:0;font-size:clamp(30px,3.4vw,46px);font-weight:600;line-height:1.05}.vi-tete p{max-width:62ch;color:var(--encre-2);margin:12px 0 0}.vi-bande{padding-top:0;padding-bottom:clamp(56px,7vw,96px)}.vi{grid-template-columns:minmax(0,1fr) minmax(320px,400px);align-items:start;gap:20px;display:grid}.vi-boutique{overflow:hidden}.vi-barre{border-bottom:1px solid var(--trait);background:var(--voile);align-items:center;gap:12px;min-height:50px;padding:8px 14px;display:flex}.vi-points{gap:6px;display:inline-flex}.vi-points i{background:var(--trait-2);border-radius:50%;width:10px;height:10px}.vi-adresse{background:var(--blanc);border:1px solid var(--trait);min-width:0;font-size:var(--text-ui);color:var(--gris);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;flex:1;padding:6px 12px;overflow:hidden}.vi-adresse span{color:var(--encre)}.vi-appareil{background:var(--argent);border-radius:9px;padding:3px;display:inline-flex}.vi-appareil button{font:inherit;font-size:var(--text-ui);color:var(--gris);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:5px 10px}.vi-appareil button[aria-pressed=true]{background:var(--blanc);color:var(--bleu-texte);box-shadow:0 1px 2px #1111131a}.vi-raccourcis{border-bottom:1px solid var(--trait);flex-wrap:wrap;gap:6px;padding:10px 14px;display:flex}.vi-raccourcis button{border:1px solid var(--trait);background:var(--blanc);font:inherit;font-size:var(--text-ui);color:var(--encre-2);cursor:pointer;border-radius:999px;padding:5px 11px}.vi-raccourcis button:hover{border-color:var(--bleu-trait)}.vi-raccourcis button[aria-current=page]{border-color:var(--bleu);background:var(--bleu-doux);color:var(--encre)}.vi-ecran{background:var(--argent);height:min(78vh,820px);min-height:520px}.vi-ecran iframe{background:#fbf8f4;border:0;width:100%;height:100%;display:block}.vi-ecran--telephone{place-items:center;padding:18px 0;display:grid}.vi-ecran--telephone iframe{width:390px;max-width:100%;height:100%;box-shadow:0 0 0 8px var(--encre),var(--ombre);border-radius:22px}.vi-panneau{position:sticky;top:96px;overflow:hidden}.vi-corps{gap:14px;max-height:calc(min(78vh,820px) + 40px);padding:16px clamp(14px,2vw,20px) 20px;display:grid;overflow:auto}.vi-vide,.vi-astuce{font-size:var(--text-courant);color:var(--gris);margin:0}.vi-astuce{background:var(--argent);color:var(--encre-2);border-radius:10px;padding:10px 12px}.vi-tests{gap:12px;margin:0;padding:0;list-style:none;display:grid}.vi-test{border:1px solid var(--trait);background:var(--voile);border-radius:14px;gap:7px;padding:14px;display:grid}.vi-test-tete{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 10px;display:flex}.vi-test-nom{color:var(--encre);font-weight:600;text-decoration:none}.vi-test-nom:hover{color:var(--bleu-texte);text-decoration:underline}.vi-test .statut{font-size:var(--text-courant);white-space:nowrap;font-weight:600}.vi-change,.vi-chiffre,.vi-vue{font-size:var(--text-courant);color:var(--encre-2);margin:0;line-height:1.45}.vi-chiffre{color:var(--gris)}.vi-chiffre b,.vi-vue b{color:var(--encre)}.vi-chiffre span{white-space:nowrap}.vi-versions{flex-wrap:wrap;gap:6px;display:flex}.vi-versions button{border:1px solid var(--trait);background:var(--blanc);min-height:36px;font:inherit;font-size:var(--text-ui);text-align:left;color:var(--encre);cursor:pointer;border-radius:9px;flex:140px;padding:6px 10px}.vi-versions button b{margin-right:4px}.vi-versions button[aria-pressed=true]{border-color:var(--bleu);background:var(--bleu-doux);color:var(--bleu-texte)}.vi-versions button:disabled,.vi-mvt button:disabled,.vi-reinit:disabled{opacity:.55;cursor:progress}.vi-mvt{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.vi-mvt label{font-size:var(--text-petit);color:var(--gris);gap:3px;display:grid}.vi-mvt select{border:1px solid var(--trait);background:var(--blanc);min-width:0;height:34px;font:inherit;font-size:var(--text-ui);color:var(--encre);border-radius:8px}.vi-mvt button{background:var(--encre);min-height:36px;color:var(--blanc);font:inherit;font-size:var(--text-ui);cursor:pointer;border:0;border-radius:9px;grid-column:1/-1;font-weight:600}.vi-lien{font-size:var(--text-courant);color:var(--bleu-texte);text-underline-offset:3px;justify-self:start;font-weight:600;text-decoration:underline}.vi-lien:after{content:" →"}.vi-lien:hover{text-decoration-thickness:2px}.vi-sous-titre{font-size:var(--text-petit);letter-spacing:.06em;text-transform:uppercase;color:var(--gris);margin:6px 0 0;font-weight:600}.vi-deployes{font-size:var(--text-courant);color:var(--encre-2);gap:10px;margin:0;padding:0;list-style:none;display:grid}.vi-deployes b{color:var(--encre)}.vi-gain{color:var(--gris)}.vi-reinit{font:inherit;font-size:var(--text-ui);color:var(--gris);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;text-decoration:underline}@media (max-width:1023px){.vi-tete-grille,.vi{grid-template-columns:1fr}.vi-panneau{position:static}.vi-corps{max-height:none}.vi-ecran{height:72vh}}@media (max-width:560px){.vi-appareil,.vi-points{display:none}}