/* Native page scrolling reveals both curves while the customer example stays in place. */
.case-scroll-track{position:relative}
.case-scroll-track>.case-panel{transform:none;opacity:1;transition:none}
.case-chart{max-height:var(--case-chart-max-height,none)}
.case-goal{opacity:var(--case-goal-opacity,1)}
.is-case-panel .case-metrics,.is-case-chart .case-metrics{opacity:0;transform:translateY(8px);transition:opacity .75s ease,transform .75s ease}
.is-case-complete .case-metrics{opacity:1;transform:translateY(0)}
.is-case-panel .case-scroll-track{height:var(--case-track-height)}
.is-case-panel .case-panel{position:sticky;top:var(--case-pin-top);align-self:start}
.is-case-chart .case-panel{min-height:var(--case-panel-height)}
.is-case-chart .case-visual{position:sticky;top:var(--case-pin-top);align-self:start}
.case-scroll-hint{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:10px;border-top:1px solid #3c4039;color:#969d90;font-size:9px;line-height:1.6}
.case-scroll-hint[hidden]{display:none}
.case-scroll-hint a{padding:4px 0 4px 12px;color:#d5e6b4;white-space:nowrap}
.case-scroll-hint a:focus-visible{outline:2px solid #b9ea70;outline-offset:4px}
html.case-chart-is-pinned #fitness-trigger{visibility:hidden;opacity:0;pointer-events:none}
@media(max-width:800px){.case-scroll-track>.case-panel{display:block}.case-scroll-track .case-story+.case-visual{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.is-case-panel .case-scroll-track{height:auto}.is-case-panel .case-panel,.is-case-chart .case-visual{position:static}.is-case-chart .case-panel{min-height:0}.case-goal{opacity:1}.case-section .case-metrics{opacity:1;transform:none;transition:none}}