.etapes{grid-template-columns:300px 1fr;align-items:start;gap:4rem;display:grid}.etapes-rail{flex-direction:column;gap:1.15rem;margin:0;padding:0;list-style:none;display:flex;position:sticky;top:9rem}.etapes-rail-trait,.etapes-rail-actif{border-radius:2px;width:2px;position:absolute;top:7px;bottom:7px;left:7px}.etapes-rail-trait{background:var(--gris-200)}.etapes-rail-actif{background:var(--accent);transition:height .35s;bottom:auto}.etapes-jalon{grid-template-columns:16px auto 1fr;align-items:center;gap:.9rem;padding-left:0;display:grid;position:relative}.etapes-point{z-index:1;background:var(--fond);border:2px solid var(--gris-200);border-radius:50%;width:16px;height:16px;transition:border-color .3s,background .3s,transform .3s}.etapes-jalon.fait .etapes-point{border-color:var(--accent);background:var(--accent)}.etapes-jalon.actif .etapes-point{box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 20%,transparent);transform:scale(1.25)}.etapes-num{color:var(--gris-300);letter-spacing:.02em;font-size:.78rem;font-weight:700;transition:color .3s}.etapes-label{color:var(--gris-500);font-size:.88rem;line-height:1.3;transition:color .3s}.etapes-jalon.fait .etapes-num,.etapes-jalon.actif .etapes-num{color:var(--accent-dark)}.etapes-jalon.actif .etapes-label{color:var(--noir);font-weight:500}.etapes-cards{flex-direction:column;gap:1.6rem;display:flex}.etapes-card{background:var(--carte,var(--fond));border:1px solid var(--gris-200);box-shadow:0 18px 44px color-mix(in srgb,var(--noir) 10%,transparent);border-radius:8px;padding:2.4rem 2.6rem;position:sticky;top:9rem}.etapes-card-num{color:var(--accent-dark);letter-spacing:-.02em;margin-bottom:1rem;font-size:2.2rem;font-weight:700;line-height:1;display:block}.etapes-card-num:after{content:"";background:color-mix(in srgb,var(--accent) 45%,transparent);width:26px;height:2px;margin-top:.7rem;display:block}.etapes-card h3{margin-bottom:1.2rem;font-size:clamp(1.3rem,2.2vw,1.7rem);line-height:1.2}.etapes-card ul{flex-direction:column;gap:.65rem;list-style:none;display:flex}.etapes-card li{color:var(--gris-700);margin:0;padding-left:1.5rem;font-size:1rem;line-height:1.55;position:relative}.etapes-card li:before{content:"→";color:var(--accent-dark);position:absolute;left:0}@media (max-width:1024px){.etapes{grid-template-columns:1fr;gap:1.6rem}.etapes-rail{z-index:3;background:var(--fond-alt);flex-flow:row;justify-content:space-between;gap:.3rem;margin:0 -1.5rem;padding:.7rem 1.5rem;position:sticky;top:4.6rem}.etapes-rail-trait,.etapes-rail-actif{display:none}.etapes-jalon{border:1px solid var(--gris-200);border-radius:100px;flex:1;grid-template-columns:auto;justify-content:center;align-items:center;gap:0;min-width:0;height:30px;transition:border-color .3s,background .3s;display:flex}.etapes-jalon .etapes-point,.etapes-jalon .etapes-label{display:none}.etapes-num{font-size:.72rem}.etapes-jalon.fait{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.etapes-jalon.actif{border-color:var(--accent);background:var(--accent)}.etapes-jalon.actif .etapes-num{color:var(--accent-sombre)}.etapes-card{top:8rem}}@media (max-width:768px){.etapes-card{padding:1.8rem 1.6rem}}@media (max-width:400px){.etapes-rail{gap:.2rem;margin:0 -1.25rem;padding:.6rem 1.25rem}.etapes-num{font-size:.68rem}}@media (prefers-reduced-motion:reduce){.etapes-rail-actif,.etapes-point,.etapes-num,.etapes-label{transition:none}}