.installer-heros{padding-top:clamp(var(--e-6),6vw,var(--e-7));padding-bottom:var(--e-7);text-align:center}.installer-heros__dedans{display:grid;justify-items:center}.installer-heros__dedans > *{animation:entree-bas var(--duree-entree) var(--sortie) both}.installer-heros__dedans > :nth-child(2){animation-delay:60ms}.installer-heros__dedans > :nth-child(3){animation-delay:120ms}.installer-heros__dedans > :nth-child(4){animation-delay:200ms}.installer-heros .titre-heros span{display:block}.installer-chapo{margin:var(--e-5) 0 0;max-width:36rem}.installer-icone{position:relative;width:6rem;margin-bottom:var(--e-6)}.installer-heros__dedans > .installer-icone{animation-name:icone-pose}@keyframes icone-pose{from{opacity:0;transform:translateY(12px) scale(0.9)}to{opacity:1;transform:none}}.installer-icone img{width:100%;height:auto;filter:drop-shadow(0 16px 26px rgba(60,60,110,0.24))}.installer-icone::before{content:"";position:absolute;inset:-70%;z-index:-1;background:radial-gradient(closest-side at 36% 40%,var(--halo-violet),transparent),radial-gradient(closest-side at 68% 66%,var(--halo-bleu),transparent);filter:blur(18px);opacity:0.7;pointer-events:none}.choix{width:min(100%,40rem);margin-top:var(--e-7)}.choix[hidden],.onglets[hidden]{display:none}.choix-titre{margin-bottom:var(--e-4)}.appareils{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e-3)}.appareil{position:relative;display:grid;justify-items:center;align-content:center;gap:var(--e-3);min-height:8.5rem;padding:var(--e-5) var(--e-3);border:1px solid var(--verre-bord);border-radius:var(--rayon-carte);background-color:var(--verre);backdrop-filter:var(--verre-flou);-webkit-backdrop-filter:var(--verre-flou);box-shadow:var(--ombre-carte),var(--verre-reflet);color:var(--encre-corps);font-size:var(--texte-corps);font-weight:600;line-height:1.25;text-wrap:balance;touch-action:manipulation;outline:1.5px solid transparent;outline-offset:1px;transition:transform var(--duree-court) var(--sortie),background-color var(--duree-court) ease,color var(--duree-court) ease,outline-color var(--duree-court) ease,outline-offset var(--duree-court) var(--sortie)}.appareil::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,0.55) 0%,rgba(255,255,255,0.10) 38%,transparent 60%);pointer-events:none}.appareil > *{position:relative}.appareil:active{transform:scale(0.97);transition-duration:var(--duree-presse)}.appareil__logo{width:2.25rem;height:2.25rem;color:var(--encre-douce);transition:color var(--duree-court) ease,transform var(--duree-moyen) var(--sortie)}.appareil[aria-selected="true"]{color:var(--encre);background-color:var(--verre-fort);outline-color:var(--marine);outline-offset:3px}.appareil[aria-selected="true"] .appareil__logo{color:var(--encre);transform:scale(1.08)}.appareil:focus-visible{border-radius:var(--rayon-carte);outline:2px solid var(--violet-texte);outline-offset:3px}@media (hover:hover) and (pointer:fine){.appareil:not([aria-selected="true"]):hover{color:var(--encre);background-color:var(--verre-fort);outline-color:var(--encre-legere);outline-offset:3px}.appareil:not([aria-selected="true"]):hover .appareil__logo{color:var(--encre)}}.plaque{width:min(100%,46rem);margin-inline:auto;padding:var(--e-6) var(--e-5)}.appareil-panneau[hidden],.version[hidden]{display:none}.appareil-panneau:not([hidden]) ~ .appareil-panneau:not([hidden]){margin-top:var(--e-7);padding-top:var(--e-7);border-top:1px solid var(--piste)}.appareil-panneau,.onglets:not([hidden]) ~ .version{animation:panneau-parait var(--duree-moyen) var(--sortie) both}@keyframes panneau-parait{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.panneau-tete{display:flex;align-items:center;gap:var(--e-3);margin-bottom:var(--e-4)}.panneau-logo{display:grid;place-items:center;flex:0 0 auto;width:2.75rem;height:2.75rem;border:1px solid var(--verre-bord);border-radius:0.875rem;background-color:var(--verre-fort);box-shadow:var(--ombre-rond),var(--verre-reflet);color:var(--encre)}.panneau-logo svg{width:1.375rem;height:1.375rem}.panneau-titre{font-size:var(--texte-carte);font-weight:600;letter-spacing:-0.01em;line-height:1.2}.plaque .consigne{margin:0;color:var(--encre-corps)}.plaque .consigne--apres{margin-top:var(--e-3);font-size:var(--texte-secondaire)}.plaque .consigne--note{margin-top:var(--e-5);padding-top:var(--e-4);border-top:1px solid var(--piste);font-size:var(--texte-secondaire)}.onglets{display:flex;flex-wrap:wrap;gap:var(--e-1);margin:var(--e-5) 0 var(--e-2)}.onglet{min-height:2.75rem;padding:0.55rem 1.1rem;border:1px solid transparent;border-radius:var(--rayon-rond);background-color:transparent;color:var(--encre-corps);font-size:var(--texte-corps);font-weight:500;touch-action:manipulation;transition:background-color var(--duree-court) ease,color var(--duree-court) ease,box-shadow var(--duree-court) ease}.onglet[aria-selected="true"]{color:var(--corail-texte);border-color:var(--verre-bord);background-color:var(--verre-fort);backdrop-filter:var(--verre-flou);-webkit-backdrop-filter:var(--verre-flou);box-shadow:var(--ombre-carte),inset 0 1px 0 rgba(255,255,255,0.95)}.onglet:focus-visible{border-radius:var(--rayon-rond);outline-offset:2px}@media (hover:hover) and (pointer:fine){.onglet:not([aria-selected="true"]):hover{color:var(--encre)}}.version-titre{margin:var(--e-5) 0 var(--e-1);font-size:var(--texte-accent);font-weight:600}.onglets:not([hidden]) ~ .version .version-titre{display:none}.gestes{counter-reset:geste;display:grid;margin:var(--e-3) 0 0;padding:0;list-style:none}.geste{counter-increment:geste;position:relative;display:grid;grid-template-columns:2rem minmax(0,1fr) auto;align-items:start;column-gap:var(--e-4);padding-block:var(--e-3);font-size:1rem}.geste::before{content:counter(geste);display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background-color:var(--verre-violet);color:var(--violet-texte);font-size:var(--texte-secondaire);font-weight:600;font-variant-numeric:tabular-nums}.geste:not(:last-child)::after{content:"";position:absolute;left:calc(1rem - 0.75px);top:calc(var(--e-3) + 2rem + var(--e-1));bottom:calc(var(--e-1) - var(--e-3));width:1.5px;border-radius:1px;background-color:var(--verre-violet)}.geste__texte{grid-column:2;padding-top:0.25rem}.geste__touches{grid-column:3;display:flex;gap:var(--e-2);align-self:center}.touche{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid var(--verre-bord);border-radius:0.75rem;background-color:var(--verre-fort);box-shadow:var(--ombre-rond),var(--verre-reflet);color:var(--bleu-texte)}.touche svg{width:1.25rem;height:1.25rem}.panneau-tete + .navigateur{margin-top:var(--e-5)}.navigateur + .navigateur{margin-top:var(--e-6);padding-top:var(--e-5);border-top:1px solid var(--piste)}.navigateur-titre{margin:0 0 var(--e-2);font-size:var(--texte-accent);font-weight:600}.barre-adresse{display:flex;align-items:center;gap:var(--e-3);margin-top:var(--e-5);padding:var(--e-2) var(--e-2) var(--e-2) var(--e-5);border:1px solid var(--verre-bord);border-radius:var(--rayon-rond);background-color:var(--verre-leger);box-shadow:inset 0 1px 0 rgba(255,255,255,0.8),inset 0 2px 6px rgba(60,60,110,0.06)}.barre-adresse__url{flex:1 1 auto;min-width:0;overflow:hidden;color:var(--encre-corps);font-size:var(--texte-secondaire);text-overflow:ellipsis;white-space:nowrap}.touche--allumee{flex:0 0 auto;border-radius:50%;outline:1.5px solid var(--bleu);outline-offset:3px}.menu-mac{position:relative;height:10.5rem;margin-top:var(--e-4);overflow:hidden;border:1px solid var(--verre-bord);border-radius:var(--rayon-champ);background-color:var(--verre-leger);box-shadow:inset 0 1px 0 rgba(255,255,255,0.8),inset 0 2px 6px rgba(60,60,110,0.06);font-size:var(--texte-secondaire);line-height:1.4}.menu-mac__barre{display:flex;gap:var(--e-4);padding:var(--e-2) var(--e-4);border-bottom:1px solid var(--piste);background-color:var(--verre);color:var(--encre-corps);white-space:nowrap}.menu-mac__barre b{font-weight:600;color:var(--encre)}.menu-mac__ouvert{position:relative;margin-inline:-0.45rem;padding-inline:0.45rem;border-radius:0.35rem;background-color:var(--piste);color:var(--encre)}.menu-mac__deroulant{position:absolute;top:calc(100% + var(--e-2) + 1px);left:0;display:grid;gap:0.2rem;width:12.5rem;padding:var(--e-2) 0.35rem;border:1px solid var(--verre-bord);border-radius:0.6rem;background-color:var(--verre-fort);box-shadow:var(--ombre-carte)}.menu-mac__ligne{width:72%;height:0.4rem;margin:0.4rem 0.5rem;border-radius:var(--rayon-rond);background-color:var(--piste)}.menu-mac__ligne--courte{width:48%}.menu-mac__choix{padding:0.2rem 0.5rem;border-radius:0.35rem;background-color:var(--bleu-texte);color:var(--nuit-encre);font-weight:500}.installer-fin{padding-bottom:calc(var(--section-y) + var(--e-5))}.fin-actions{display:grid;justify-items:start;gap:var(--e-3);margin-top:var(--e-6)}.section--nuit .texte .fin-actions .discret{margin:0;font-size:var(--texte-secondaire)}@media (max-width:47.99rem){.installer-heros{padding-bottom:var(--e-6)}.choix{margin-top:var(--e-6)}.appareils{gap:var(--e-2)}.appareil{min-height:7rem;padding:var(--e-4) var(--e-2);border-radius:1.25rem;font-size:var(--texte-secondaire)}.appareil:focus-visible{border-radius:1.25rem}.appareil__logo{width:2rem;height:2rem}.plaque{padding:var(--e-5) var(--e-4)}.geste{column-gap:var(--e-3)}.touche{width:2.25rem;height:2.25rem}.fin-actions{justify-items:stretch;text-align:center}}@media (min-width:48rem){.plaque{padding:var(--e-7)}}@media (prefers-reduced-motion:reduce){.installer-heros__dedans > *,.appareil-panneau,.onglets:not([hidden]) ~ .version{animation:entree-fondu var(--duree-fondu) linear both;animation-delay:0ms}.appareil:active{transform:scale(0.99)}.appareil{transition:background-color var(--duree-fondu) linear,color var(--duree-fondu) linear,outline-color var(--duree-fondu) linear}.appareil[aria-selected="true"] .appareil__logo{transform:none}}@media (prefers-reduced-transparency:reduce){.appareil,.onglet[aria-selected="true"]{backdrop-filter:none;-webkit-backdrop-filter:none}}@media (prefers-contrast:more){.appareil,.touche,.panneau-logo,.barre-adresse,.menu-mac,.menu-mac__deroulant{border-color:var(--encre-legere)}.appareil__logo{color:var(--encre)}}