.wash-free{--wash-tone:color-mix(in srgb, var(--color-steel-100) 7%, transparent);--wash:radial-gradient(80% 42% at 50% 64%, #000 0%, #00000080 50%, transparent 100%)}.wash-why{--wash-tone:color-mix(in srgb, var(--color-steel-100) 7%, transparent);--wash:radial-gradient(85% 30% at 55% 62%, #000 0%, #00000073 50%, transparent 100%)}.wash-app{-webkit-mask-image:linear-gradient(#0000 0%,#000 12% 88%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 12% 88%,#0000 100%)}.wash-progress{--wash-tone:color-mix(in srgb, var(--color-steel-100) 13%, transparent);--wash:linear-gradient(160deg, transparent 10%, #00000073 50%, #000 100%)}@media (min-width:64rem){.wash-free{--wash:radial-gradient(40% 70% at 73% 50%, #000 0%, #00000080 50%, transparent 100%)}.wash-why{--wash:radial-gradient(38% 42% at 72% 64%, #000 0%, #00000073 50%, transparent 100%)}}.section-line,.section-tick,.range-band{transform-origin:0}@media (prefers-reduced-motion:no-preference){.section-rule.reveal{opacity:1;transform:none}.section-rule .section-line{transition:transform 1.1s var(--ease-land);transform:scaleX(0)}.section-rule .section-tick{transition:transform .6s var(--ease-land) .7s;transform:scaleX(0)}.section-rule[data-in] :is(.section-line,.section-tick){transform:none}:is(.reveal,.reveal-group) .range-band{transition:scale .9s var(--ease-land) .3s;scale:0 1}:is(.reveal,.reveal-group) .range-dot{transition:scale .5s var(--ease-pop) .85s;scale:0}:is(.reveal,.reveal-group)[data-in] :is(.range-band,.range-dot){scale:1}.step{transition:translate .3s var(--ease-land)}@media (hover:hover){.step:hover{translate:0 -2px}}.step:active{translate:0 1px}.progress-topo{animation:22s ease-in-out infinite alternate topo-breathe}@keyframes topo-breathe{to{transform:scale(1.06)translate(-1.5%,1%)}}@supports (animation-timeline:view()){:is(.wash-free,.wash-why){animation:linear both drift;animation-timeline:view()}@keyframes drift{0%{transform:translateY(-5%)}to{transform:translateY(5%)}}}}