:root{--texte:#4b4a52;--texte-fort:#12111a;--texte-faible:#7c7b85;--fond:#fff;--fond-doux:#faf9f8;--bordure:#e6e4e2;--bordure-forte:#d6d3d0;--accent:#1740ac;--accent-doux:#1740ac14;--accent-contraste:#fff;--badge-fond:#ffedd5;--badge-texte:#c2410c;--ombre:#12111a14 0 8px 24px -8px;--sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--colonne:42rem;font:17px/1.6 var(--sans);color:var(--texte);background:var(--fond);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--texte:#a9a7b4;--texte-fort:#f2f1f5;--texte-faible:#85838f;--fond:#14141a;--fond-doux:#1b1b23;--bordure:#2b2b35;--bordure-forte:#3a3a46;--accent:#8fabff;--accent-doux:#8fabff1f;--accent-contraste:#0f1424;--badge-fond:#c2410c38;--badge-texte:#fdba74;--ombre:#00000080 0 8px 24px -8px}}*{box-sizing:border-box}body{margin:0}h1,h2,h3{color:var(--texte-fort);text-wrap:balance;margin:0;line-height:1.2}h1{letter-spacing:-.03em;font-size:clamp(2rem,6vw,2.9rem);font-weight:650}h2{letter-spacing:-.015em;font-size:1.4rem;font-weight:600}h3{font-size:1rem;font-weight:600}p{text-wrap:pretty;margin:0}a{color:var(--accent);text-underline-offset:2px;text-decoration-thickness:1px}code{font:.9em var(--mono);color:var(--texte-fort);background:var(--fond-doux);border:1px solid var(--bordure);border-radius:4px;padding:1px 5px}img{max-width:100%;height:auto}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.header{z-index:1;background:color-mix(in srgb, var(--fond) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--bordure);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem clamp(1rem,5vw,2rem);display:flex;position:sticky;top:0}.brand{min-width:0;color:var(--texte-fort);align-items:center;gap:.6rem;font-size:.95rem;font-weight:600;text-decoration:none;display:flex}.brand span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.brand img{border-radius:6px;flex:none}.store{border:1px solid var(--bordure-forte);background:var(--fond);color:var(--texte-fort);border-radius:999px;flex:none;align-items:center;gap:.5rem;padding:.4rem .85rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.store:hover{background:var(--fond-doux);border-color:var(--texte-faible)}.chrome-logo{flex:none;width:18px;height:18px}.cta .chrome-logo{width:20px;height:20px}@media (width<=30rem){.store{padding:.4rem}.store span{display:none}}main{flex-direction:column;display:flex}.hero,.section,.footer{width:100%;max-width:var(--colonne);margin-inline:auto;padding-inline:clamp(1rem,5vw,2rem)}.section{border-top:1px solid var(--bordure);flex-direction:column;gap:1rem;padding-block:clamp(2.5rem,7vw,3.5rem);display:flex}.hero{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;padding-block:clamp(3rem,10vw,5rem) clamp(2.5rem,8vw,4rem);display:flex}.hero-icon{box-shadow:var(--ombre);border-radius:16px}.hero h1{margin:0}.lead{max-width:34rem;font-size:1.1rem}.meta{color:var(--texte-faible);font-size:.9rem}.cta{background:var(--accent);color:var(--accent-contraste);border-radius:10px;align-items:center;gap:.6rem;padding:.7rem 1.4rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.cta:hover{box-shadow:var(--ombre);transform:translateY(-1px)}.minicard{border:1px solid var(--bordure);background:var(--fond-doux);text-align:left;border-radius:8px;align-items:center;gap:8px;width:100%;max-width:30rem;margin-top:.5rem;padding:8px 12px;font-size:.8rem;display:flex}.minicard-badge{background:var(--badge-fond);color:var(--badge-texte);border-radius:6px;flex:none;padding:3px 8px;font-size:.7rem;font-weight:700}.minicard-name{color:var(--texte-fort);flex:none;font-weight:600}.minicard-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--texte-faible);flex:auto;overflow:hidden}.etapes{counter-reset:etape;flex-direction:column;gap:1.25rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.etapes li{counter-increment:etape;grid-template-columns:1.75rem 1fr;gap:0 .9rem;display:grid}.etapes li:before{content:counter(etape);background:var(--accent-doux);width:1.75rem;height:1.75rem;color:var(--accent);border-radius:50%;grid-row:span 2;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.carousel{width:min(56rem,100vw - 2rem);margin:1.5rem calc(50% + -1*min(28rem,50vw - 1rem)) 0}.carousel-piste{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.carousel-piste::-webkit-scrollbar{display:none}.carousel-diapo{scroll-snap-align:center;flex:0 0 100%;min-width:0;margin:0}.carousel-diapo img{border:1px solid var(--bordure-forte);width:100%;box-shadow:var(--ombre);border-radius:10px;display:block}.carousel-diapo figcaption{color:var(--texte-faible);text-align:center;margin-top:.6rem;font-size:.85rem}.carousel-nav{justify-content:center;align-items:center;gap:1rem;margin-top:.85rem;display:flex}.carousel-fleche{border:1px solid var(--bordure-forte);background:var(--fond);width:2rem;height:2rem;color:var(--texte-fort);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1.15rem;line-height:1;transition:background .15s,border-color .15s;display:flex}.carousel-fleche:hover:not(:disabled){background:var(--fond-doux);border-color:var(--texte-faible)}.carousel-fleche:disabled{opacity:.35;cursor:default}.carousel-puces{align-items:center;gap:.5rem;display:flex}.carousel-puce{background:var(--bordure-forte);cursor:pointer;border:none;border-radius:50%;width:.5rem;height:.5rem;padding:0}.carousel-puce[data-active=true]{background:var(--accent)}.etats{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin:.5rem 0;padding:0;list-style:none;display:grid}.etats li{border:1px solid var(--bordure);background:var(--fond-doux);border-radius:10px;align-items:flex-start;gap:.85rem;padding:1rem;display:flex}.etats p{margin-top:.2rem;font-size:.92rem}.etat-icone{border:1px solid var(--bordure-forte);background:var(--fond);width:2.25rem;height:2.25rem;color:var(--texte-fort);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.etat-icone[data-masque=true]{border-color:var(--badge-texte);background:var(--badge-fond);color:var(--badge-texte)}.toque{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.footer{border-top:1px solid var(--bordure);text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding-block:clamp(2.5rem,7vw,3.5rem);display:flex}.footer .cta{margin-bottom:.5rem}@media (prefers-reduced-motion:reduce){.cta{transition:none}.cta:hover{transform:none}.carousel-piste{scroll-behavior:auto}}