.feature-steps{background:#fff}.feature-steps__fill{background:var(--color-text-primary);transform:scaleX(0)}.feature-steps__jump{display:none}.feature-steps__picture{transition:opacity .4s cubic-bezier(.5,0,.5,1)}.feature-steps__picture[data-state=closed]{opacity:0}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.feature-steps{--pin-height:min(640px, calc(100vh - 96px));--pin-top:max(80px, calc(50vh - 288px));view-timeline:--feature-steps block}.feature-steps__pin{top:var(--pin-top);height:var(--pin-height);border-block:1px solid var(--color-border-primary);min-height:0;margin-block:-1px;position:sticky}.feature-steps__runway{height:calc(var(--steps) * var(--step-scroll))}.feature-steps__step{transition:opacity .4s cubic-bezier(.5,0,.5,1)}.feature-steps__step[data-state=closed]{opacity:.4}.feature-steps__more{grid-template-rows:1fr;transition:grid-template-rows .4s cubic-bezier(.5,0,.5,1);display:grid}[data-state=closed] .feature-steps__more{grid-template-rows:0fr}.feature-steps__jump{cursor:pointer;display:block}[data-state=open] .feature-steps__jump{display:none}.feature-steps__link{transition:visibility}[data-state=closed] .feature-steps__link{visibility:hidden;transition-delay:.4s}.feature-steps__fill{transition:transform .4s cubic-bezier(.5,0,.5,1),background-color .4s cubic-bezier(.5,0,.5,1)}[data-state=open] .feature-steps__fill,[data-done] .feature-steps__fill{transform:scaleX(1)}[data-done] .feature-steps__fill{background:var(--color-text-subtle)}@supports (animation-timeline:view()){.feature-steps__fill{animation:linear both feature-steps-fill;animation-timeline:--feature-steps;animation-range:cover calc(100vh - var(--pin-top) + var(--step) * var(--step-scroll)) cover calc(100vh - var(--pin-top) + (var(--step) + 1) * var(--step-scroll));transition:background-color .4s cubic-bezier(.5,0,.5,1)}}}@keyframes feature-steps-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}