.ouverture-demo.svelte-1q0cfmk,.section-demo.svelte-1q0cfmk{max-width:calc(var(--largeur) + 2 * var(--marge));padding-inline:var(--marge);margin:0 auto}.ouverture-demo.svelte-1q0cfmk{gap:22px;padding-block:clamp(36px,6vw,80px) clamp(24px,3vw,40px);display:grid}.ouverture-demo.svelte-1q0cfmk h1:where(.svelte-1q0cfmk){max-width:22ch}.sur.svelte-1q0cfmk{font:500 12px var(--metro-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.boutons.svelte-1q0cfmk{flex-wrap:wrap;gap:12px;display:flex}.btn-jaune.svelte-1q0cfmk{font:inherit;cursor:pointer;border:0;font-size:1.05rem;font-weight:800}.section-demo.svelte-1q0cfmk{gap:24px;padding-bottom:clamp(48px,7vw,96px);display:grid}.attente.svelte-1q0cfmk{padding:40px 0;font-weight:700}.apercu.svelte-1q0cfmk{border:1px solid var(--hair);background:var(--surface);border-radius:24px;grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start;gap:clamp(24px,4vw,64px);padding:clamp(22px,3vw,36px);display:grid}.apercu-texte.svelte-1q0cfmk{gap:14px;display:grid}.apercu-texte.svelte-1q0cfmk p:where(.svelte-1q0cfmk){color:var(--muted)}.stations.svelte-1q0cfmk{margin:0;padding:0;list-style:none;display:grid;position:relative}.stations.svelte-1q0cfmk:before{content:"";background:var(--ligne);border-radius:3px;width:6px;position:absolute;top:18px;bottom:18px;left:15px}.stations.svelte-1q0cfmk li:where(.svelte-1q0cfmk){grid-template-columns:36px minmax(0,1fr);gap:16px;padding:10px 0;display:grid;position:relative}.stations.svelte-1q0cfmk p:where(.svelte-1q0cfmk){color:var(--muted);margin-top:4px}.station-num.svelte-1q0cfmk{z-index:1;border:4px solid var(--ink);background:var(--station);box-sizing:border-box;border-radius:50%;place-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:grid;position:relative}.ligne-info.svelte-1q0cfmk{color:var(--muted);align-items:center;gap:12px;display:flex}.pastille.svelte-1q0cfmk{border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:15px;font-weight:900;display:grid}.fin.svelte-1q0cfmk{border-top:1px solid var(--hair);padding-top:clamp(32px,4vw,56px)}@media (width<=900px){.apercu.svelte-1q0cfmk{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.boutons.svelte-1q0cfmk a,.boutons.svelte-1q0cfmk button:where(.svelte-1q0cfmk){white-space:normal;text-align:center}}
