/* Scroll choreography for the editorial sections; no layout shifts. */
.scroll-chapter{position:relative;isolation:isolate}
.scroll-chapter:after{content:'';position:absolute;inset:16px 0;z-index:-1;border-radius:calc(var(--chapter-round,0)*1px);background:var(--chapter-tint,#eef1e4);opacity:var(--chapter-wash,0);clip-path:inset(0 calc(var(--chapter-inset,0)*1%) 0 round calc(var(--chapter-round,0)*1px));pointer-events:none}
#experience.scroll-chapter{--chapter-tint:#f0f2e6}#cabinet.scroll-chapter{--chapter-tint:#f1f3e9}#fonctionnalites.scroll-chapter{--chapter-tint:#edf1e2}#cas-usage.scroll-chapter{--chapter-tint:#eff2e6}
.scroll-piece{translate:0 calc(var(--piece-y,0)*1px);opacity:var(--piece-opacity,1)}
#cabinet .feature-symbol{transform:rotate(calc(var(--symbol-turn,0)*1deg));transition:color .2s ease}
@media(hover:hover){#cabinet .care-features article{transition:background-color .25s ease,box-shadow .25s ease}#cabinet .care-features article:hover{background:#e1ead7;box-shadow:0 12px 24px -20px #254c3544}}
@media(prefers-reduced-motion:reduce){.scroll-piece{translate:none!important;opacity:1!important}.scroll-chapter:after{clip-path:none;border-radius:0;opacity:.35}#cabinet .feature-symbol{transform:none!important}}
body.reduced .scroll-piece{translate:none!important;opacity:1!important}body.reduced .scroll-chapter:after{clip-path:none;border-radius:0;opacity:.35}body.reduced #cabinet .feature-symbol{transform:none!important}

/* Closing chapters: coordinated entrances without moving the form fields. */
.journey.scroll-chapter{--chapter-tint:#dce6cc}.decision.scroll-chapter{--chapter-tint:#edf1e3}
#securite.scroll-chapter{--chapter-tint:#1c4033}
#sarah.scroll-chapter{--chapter-tint:#edf1e3}
#tarifs.scroll-chapter{--chapter-tint:#eef2e5}
#questions.scroll-chapter{--chapter-tint:#f0f2e8}
#essai.scroll-chapter:after{display:none}
#questions .scroll-piece:focus-within,#tarifs .scroll-piece:focus-within,#essai .scroll-piece:focus-within{translate:none;opacity:1}
@media(hover:hover){.security-links a,.footer-legal a{transition:color .2s ease}.security-links a:hover{color:#fff}.plans>article{transition:box-shadow .25s ease}.plans>article:hover{box-shadow:0 18px 32px -24px #1c3e3455}}
@media(prefers-reduced-motion:reduce){.plans>article,.security-links a,.footer-legal a{transition:none}}