.scroll-bg{position:absolute;height:100%;width:100%;display:block;opacity:0;transition:opacity .2s ease-in}.scroll-bg.show{opacity:1}.scroll-bg__img{position:absolute;background-size:contain;display:block;background-repeat:no-repeat;width:100%;height:100%;height:149rem;transition:all .5s ease-in;top:4.8rem}.scroll-bg__img.scrolled{top:-27.8rem}.scroll-bg .browser-nav--1{position:relative;width:100%;background-image:url(assets/browser-bar.svg);height:4.8rem;background-position:top left;background-size:192rem 4.8rem;background-color:#d3cfca;background-repeat:no-repeat;opacity:1;z-index:10}#lottie-1{position:absolute;display:none;width:149.6rem;height:70.9rem;left:0;top:37.1rem}#lottie-1.show{display:block}.draggable-highlight{position:absolute;border:solid .8rem var(--dirty-purple);border-radius:.4rem;width:35.8rem;height:4.4rem;z-index:100;left:-0.7rem;cursor:-webkit-grab;cursor:grab;overflow:hidden}.draggable-highlight img{height:100%;width:100%}.draggable-highlight.ui-draggable-dragging{cursor:-webkit-grabbing;cursor:grabbing}.drag-item{position:relative;width:100%;height:3.3rem}.marketing--padding{padding-top:18.3rem;padding-left:64rem}.marketing-bg-texture{background-image:url(assets/mask-group-1.png);position:absolute;width:100%;height:42rem;top:0;left:0;background-repeat:no-repeat;background-size:cover}.marketing__portrait{position:absolute;top:19.8rem;left:12.7rem;width:45rem;height:45rem;border-radius:3rem}#step-1-content .marketing-bg-texture{height:35.6rem}#step-1-content .text-box{margin-top:8rem;width:79.2rem;margin-bottom:3rem}#step-1-content .header__primary{font-size:6.5rem;width:115rem}#step-2-content .hover-help{width:50.5rem;left:137.9rem;top:48.2rem}#step-2-content .hover-help .helper-arrow{left:auto;right:2rem}#step-2-content .strip-box__wrapper{width:50.5rem;height:23.4rem;left:137.9rem;top:24.4rem}#step-2-content .draggable-highlight{width:42.3rem;height:9.7rem;left:149.8rem;top:85.7rem}#step-2-content .marching-ants{width:72.3rem;height:10.4rem;left:4.3rem;top:68.2rem}#step-3-content .marching-ants{width:72.3rem;height:10.4rem;left:4.3rem;top:68.2rem}#step-3-content .draggable-highlight{width:42.7rem;height:5.9rem;left:149.7rem;top:82.1rem}#step-3-content .hover-help{width:51.5rem;left:93rem;top:80.7rem}#step-4-content .marching-ants{width:73.1rem;height:11rem;left:76.6rem;top:90.1rem}#step-4-content .hover-help{width:50.4rem;left:130.7rem;top:53.7rem}#step-4-content .hover-help .helper-arrow{left:auto;right:2rem}#step-4-content .draggable-highlight{width:42.5rem;height:5.9rem;left:149.6rem;top:86.5rem}#step-5-content .hover-help{width:49.5rem;left:141.4rem;top:47.9rem}#step-6-content .strip-box__wrapper{width:57.7rem;height:26.5rem;left:131rem;top:52rem}#step-6-content .hover-help{width:57.7rem;left:131rem;top:79.9rem;height:26.7rem}#step-7-content .hover-help{width:52.1rem;left:137rem;top:50.4rem}#step-8-content .strip-box__wrapper{width:48.5rem;height:30.3rem;left:143rem;top:25.4rem}#step-8-content .hover-help{width:48.5rem;left:143rem;top:56.9rem}#step-8-content .hover-help .helper-arrow{left:9.7rem}#step-8-content .outlined{width:10.8rem;height:5.9rem;left:150rem;top:95.6rem}#step-9-content .hover-help{width:77.2rem;left:37.5rem;top:39.6rem}#step-9-content .hover-help .helper-arrow{left:36rem}#step-9-content .outlined{width:39.8rem;height:34.5rem;left:56.2rem;top:73.5rem}#step-10-content .outlined{width:27.8rem;height:10.7rem;left:32.6rem;top:62.2rem}#step-10-content .hover-help{width:69.7rem;left:41.3rem;top:77.9rem}#step-11-content #lottie-2{position:absolute;width:39.1rem;height:47.7rem;left:44.5rem;top:60.3rem}#step-11-content .hover-help{width:46.9rem;left:89.1rem;top:67rem}#step-12-content .hover-help{width:41.7rem;left:106.4rem;top:58.1rem}#step-12-content .side-panel{position:absolute;right:6.2rem;height:95.3rem;-o-object-fit:contain;object-fit:contain;width:40rem;top:12.7rem;overflow:hidden}#step-12-content .side-panel__img{height:100%;width:100%;position:absolute;top:0}#step-13-content img{position:absolute;width:100%;height:100%;top:0;left:0}#step-13-content .text-box{width:43rem;left:144.6rem;top:37.1rem}#step-14-content .bg-texture{height:44.8rem}#step-14-content .portrait{position:absolute;-o-object-fit:contain;object-fit:contain}#step-14-content .portrait img{width:45rem;height:45rem;border-radius:3rem}#step-14-content .portrait__marketing{left:13.7rem;top:29.5rem}#step-14-content .portrait__customer{left:128.7rem;top:29.5rem}#step-14-content .portrait__customer img{margin-bottom:2rem}#step-14-content .portrait p{text-align:center}#step-14-content .text-box{width:58.3rem;left:65rem;top:28.2rem}#step-14-content .underline{margin-bottom:7rem}#step-15-content .modal{position:absolute;transform:translate(-50%, -50%);top:50%;left:50%;width:84.85rem;height:59.3rem}#step-15-content .hover-help{width:49.2rem;left:140.6rem;top:24.1rem}#step-16-content .hover-help{width:79.8rem;left:103.3rem;top:65.8rem}#step-17-content .heatmap{position:absolute;width:100%;top:4.8rem;height:103.3rem}#step-17-content .hover-help{width:53.7rem;left:135rem;top:50.3rem}#step-18-content .hover-help{width:50.7rem;left:1.5rem;top:33.4rem}#step-18-content .highlight{width:33.9rem;height:49.4rem;left:53.4rem;top:47.4rem;border-radius:.8rem}#step-19-content .hover-help{width:45.6rem;left:144.3rem;top:46.3rem}#step-20-content .strip-box__wrapper{width:59.5rem;height:19.8rem;left:47.5rem;top:39.2rem}#step-20-content .hover-help{width:59.5rem;left:47.5rem;top:60.2rem}#step-20-content .highlight{width:34.5rem;height:12.5rem;left:11.7rem;top:95.5rem}#step-21-content .hover-help{width:46.8rem;left:142.5rem;top:15.1rem}#step-21-content #lottie-3{width:106.8rem;height:6.8rem;left:59rem;top:35.3rem;position:absolute}#step-22-content .bg-texture{height:50.4rem}#step-22-content .portrait{left:14.7rem;top:34.7rem;position:absolute}#step-22-content .portrait img{width:45rem;height:45rem}#step-22-content .underline{margin-bottom:7rem}#step-22-content .text-box{width:72.7rem;left:66rem;top:34.2rem}