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