@keyframes heroZoomIn{0%{transform:translateY(var(--parallax-y, 0)) scale(1.3)}to{transform:translateY(var(--parallax-y, 0)) scale(1.1)}}.hero-image{--parallax-y: 0;animation:heroZoomIn 2s ease-out forwards;transform:translateY(var(--parallax-y)) scale(1.1)}.introduction-section-sticky{position:sticky;top:0;height:100vh;z-index:10}.step-image-container{position:relative;overflow:hidden;width:100%;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.step-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.step-description{will-change:opacity;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.use-case-image-container{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;border-radius:4px}.use-case-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s ease-in-out;transform:translateZ(0);backface-visibility:hidden}.use-case-image.inactive{opacity:0;pointer-events:none}.use-case-image.active{opacity:1}