@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cloud-float{0%{transform:translateZ(0)}24%{transform:translate3d(0,calc(var(--float-distance, 8px) * -.625),0)}53%{transform:translate3d(0,calc(var(--float-distance, 8px) * -1),0)}79%{transform:translate3d(0,calc(var(--float-distance, 8px) * -.5),0)}to{transform:translateZ(0)}}.animate-fade-in[data-astro-cid-vvopp67s]{animation:fade-in .8s ease-out forwards;animation-delay:var(--fade-delay, 0ms);opacity:0}.animate-cloud-float[data-astro-cid-vvopp67s]{animation:cloud-float var(--float-duration, 4.3s) ease-in-out infinite;animation-delay:var(--float-delay, 0ms);will-change:transform}[data-astro-cid-jnfpfmmo][data-usecase-guide-scene]{--usecase-scene-scroll-space: 84svh;--usecase-title-scroll-space: 7.5rem}[data-astro-cid-jnfpfmmo][data-usecase-guide-sticky]{--usecase-phone-top-offset: 11rem;--usecase-mobile-callout-top-offset: 5.75rem;--usecase-mobile-callout-opacity: 0;--usecase-mobile-resources-callout-opacity: 0;--usecase-mobile-steps-callout-opacity: 0;--usecase-callout-progress: 0;--usecase-callout-tip-progress: 0;--usecase-callout-top: 48%;--usecase-callout-follow-opacity: 1;--usecase-callout-right-offset: 17rem;--usecase-resources-callout-progress: 0;--usecase-resources-callout-tip-progress: 0;--usecase-resources-callout-top: 56%;--usecase-resources-callout-follow-opacity: 0;--usecase-resources-callout-left-offset: 16rem;--usecase-steps-callout-progress: 0;--usecase-steps-callout-tip-progress: 0;--usecase-steps-callout-top: 64%;--usecase-steps-callout-follow-opacity: 0}[data-astro-cid-jnfpfmmo][data-usecase-guide-mockup]{--usecase-mockup-scale: 1.2;--tap-progress: 0;--open-progress: 0}@media(max-width:639px){[data-astro-cid-jnfpfmmo][data-usecase-guide-scene]{--usecase-title-scroll-space: 7.5rem}[data-astro-cid-jnfpfmmo][data-usecase-guide-sticky]{--usecase-phone-top-offset: 16rem;--usecase-mobile-callout-top-offset: 6.75rem}[data-astro-cid-jnfpfmmo][data-usecase-guide-mockup]{--usecase-mockup-scale: 1.2}}@media(max-width:639px)and (min-height:900px){[data-astro-cid-jnfpfmmo][data-usecase-guide-scene]{--usecase-scene-scroll-space: 58svh}}@media(min-width:640px){[data-astro-cid-jnfpfmmo][data-usecase-guide-scene]{--usecase-title-scroll-space: 8.5rem}[data-astro-cid-jnfpfmmo][data-usecase-guide-sticky]{--usecase-phone-top-offset: 12rem}[data-astro-cid-jnfpfmmo][data-usecase-guide-mockup]{--usecase-mockup-scale: 1.02}[data-astro-cid-jnfpfmmo][data-usecase-guide-sticky]{--usecase-callout-right-offset: 12.75rem;--usecase-resources-callout-left-offset: 12.75rem}}@media(min-width:768px){[data-astro-cid-jnfpfmmo][data-usecase-guide-sticky]{--usecase-callout-right-offset: 16rem;--usecase-resources-callout-left-offset: 16rem}[data-astro-cid-jnfpfmmo][data-usecase-guide-mockup]{--usecase-mockup-scale: 1.28}}@media(min-width:1024px){[data-astro-cid-jnfpfmmo][data-usecase-guide-scene]{--usecase-title-scroll-space: 10rem}[data-astro-cid-jnfpfmmo][data-usecase-guide-sticky]{--usecase-phone-top-offset: 14rem}[data-astro-cid-jnfpfmmo][data-usecase-guide-mockup]{--usecase-mockup-scale: 1.38}[data-astro-cid-jnfpfmmo][data-usecase-guide-sticky]{--usecase-callout-right-offset: 18rem;--usecase-resources-callout-left-offset: 18rem}}@media(min-width:1280px)and (max-width:1699px)and (max-height:980px){[data-astro-cid-jnfpfmmo][data-usecase-guide-scene]{--usecase-title-scroll-space: 9rem}[data-astro-cid-jnfpfmmo][data-usecase-guide-sticky]{--usecase-phone-top-offset: 9.5rem}[data-astro-cid-jnfpfmmo][data-usecase-guide-mockup]{--usecase-mockup-scale: 1.22}[data-astro-cid-jnfpfmmo][data-usecase-guide-sticky]{--usecase-callout-right-offset: 16rem;--usecase-resources-callout-left-offset: 16rem}}@media(min-width:1700px)and (max-width:2099px){[data-astro-cid-jnfpfmmo][data-usecase-guide-mockup]{--usecase-mockup-scale: 1.52}}@media(min-width:2100px){[data-astro-cid-jnfpfmmo][data-usecase-guide-mockup]{--usecase-mockup-scale: 1.68}}.mockup-screen-list[data-astro-cid-jnfpfmmo]{opacity:calc(1 - var(--open-progress));transform:translateY(calc(var(--open-progress) * -12px)) scale(calc(1 - var(--open-progress) * .03));transform-origin:50% 50%;transition:opacity .22s ease,transform .28s ease;will-change:opacity,transform}.mockup-screen-detail[data-astro-cid-jnfpfmmo]{opacity:var(--open-progress);transform:translateY(calc((1 - var(--open-progress)) * 28px)) scale(calc(.96 + var(--open-progress) * .04));transform-origin:50% 55%;transition:opacity .26s ease,transform .32s ease;will-change:opacity,transform}.mockup-selected-guide-inner{transform:scale(calc(1 - var(--tap-progress) * .06)) translateY(calc(var(--tap-progress) * 4px));transform-origin:center center;transition:transform .18s ease}[data-astro-cid-jnfpfmmo][data-stage=tap] .mockup-selected-guide-inner,[data-astro-cid-jnfpfmmo][data-stage=detail] .mockup-selected-guide-inner{z-index:2}[data-astro-cid-jnfpfmmo][data-usecase-guide-callout]{top:var(--usecase-callout-top);right:calc(50% + var(--usecase-callout-right-offset));transform:translateY(-50%)}[data-astro-cid-jnfpfmmo][data-usecase-guide-resources-callout]{top:var(--usecase-resources-callout-top);left:calc(50% + var(--usecase-resources-callout-left-offset));transform:translateY(-50%)}[data-astro-cid-jnfpfmmo][data-usecase-guide-steps-callout]{top:var(--usecase-steps-callout-top);right:calc(50% + var(--usecase-callout-right-offset));transform:translateY(-50%)}[data-astro-cid-jnfpfmmo][data-usecase-guide-callout-copy]{opacity:calc(var(--usecase-callout-progress) * var(--usecase-callout-follow-opacity));transform:translate3d(calc((1 - var(--usecase-callout-progress)) * 18px),calc((1 - var(--usecase-callout-progress)) * 10px),0);transition:opacity .12s linear;will-change:opacity,transform}[data-astro-cid-jnfpfmmo][data-usecase-guide-resources-callout-copy]{opacity:calc(var(--usecase-resources-callout-progress) * var(--usecase-resources-callout-follow-opacity));transform:translate3d(calc((1 - var(--usecase-resources-callout-progress)) * -18px),calc((1 - var(--usecase-resources-callout-progress)) * 10px),0);transition:opacity .12s linear;will-change:opacity,transform}[data-astro-cid-jnfpfmmo][data-usecase-guide-steps-callout-copy]{opacity:calc(var(--usecase-steps-callout-progress) * var(--usecase-steps-callout-follow-opacity));transform:translate3d(calc((1 - var(--usecase-steps-callout-progress)) * 18px),calc((1 - var(--usecase-steps-callout-progress)) * 10px),0);transition:opacity .12s linear;will-change:opacity,transform}.usecase-guide-callout-arrow[data-astro-cid-jnfpfmmo] svg{overflow:visible}.usecase-guide-callout-arrow[data-astro-cid-jnfpfmmo] path:first-of-type{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--usecase-callout-progress));opacity:calc((.12 + (var(--usecase-callout-progress) * .88)) * var(--usecase-callout-follow-opacity))}.usecase-guide-callout-arrow[data-astro-cid-jnfpfmmo] path:last-of-type{opacity:calc(var(--usecase-callout-tip-progress) * var(--usecase-callout-follow-opacity));transform:translate3d(calc((1 - var(--usecase-callout-tip-progress)) * -6px),calc((1 - var(--usecase-callout-tip-progress)) * 2px),0);transform-origin:600px 70px;transition:opacity .12s linear}.usecase-guide-resources-callout-arrow[data-astro-cid-jnfpfmmo] svg{overflow:visible}.usecase-guide-resources-callout-arrow[data-astro-cid-jnfpfmmo] path:first-of-type{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--usecase-resources-callout-progress));opacity:calc((.12 + (var(--usecase-resources-callout-progress) * .88)) * var(--usecase-resources-callout-follow-opacity))}.usecase-guide-resources-callout-arrow[data-astro-cid-jnfpfmmo] path:last-of-type{opacity:calc(var(--usecase-resources-callout-tip-progress) * var(--usecase-resources-callout-follow-opacity));transform:translate3d(calc((1 - var(--usecase-resources-callout-tip-progress)) * 6px),calc((1 - var(--usecase-resources-callout-tip-progress)) * 2px),0);transform-origin:30px 85px;transition:opacity .12s linear}.usecase-guide-steps-callout-arrow[data-astro-cid-jnfpfmmo] svg{overflow:visible}.usecase-guide-steps-callout-arrow[data-astro-cid-jnfpfmmo] path:first-of-type{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--usecase-steps-callout-progress));opacity:calc((.12 + (var(--usecase-steps-callout-progress) * .88)) * var(--usecase-steps-callout-follow-opacity))}.usecase-guide-steps-callout-arrow[data-astro-cid-jnfpfmmo] path:last-of-type{opacity:calc(var(--usecase-steps-callout-tip-progress) * var(--usecase-steps-callout-follow-opacity));transform:translate3d(calc((1 - var(--usecase-steps-callout-tip-progress)) * -6px),calc((1 - var(--usecase-steps-callout-tip-progress)) * 2px),0);transform-origin:600px 70px;transition:opacity .12s linear}[data-astro-cid-jnfpfmmo][data-usecase-guide-mobile-callout],[data-astro-cid-jnfpfmmo][data-usecase-guide-mobile-resources-callout],[data-astro-cid-jnfpfmmo][data-usecase-guide-mobile-steps-callout]{opacity:0;transform:translate3d(0,10px,0);transition:opacity .14s linear;will-change:opacity,transform}[data-astro-cid-jnfpfmmo][data-usecase-guide-mobile-callout]{opacity:var(--usecase-mobile-callout-opacity);transform:translate3d(0,calc((1 - var(--usecase-mobile-callout-opacity)) * 10px),0)}[data-astro-cid-jnfpfmmo][data-usecase-guide-mobile-resources-callout]{opacity:var(--usecase-mobile-resources-callout-opacity);transform:translate3d(0,calc((1 - var(--usecase-mobile-resources-callout-opacity)) * 10px),0)}[data-astro-cid-jnfpfmmo][data-usecase-guide-mobile-steps-callout]{opacity:var(--usecase-mobile-steps-callout-opacity);transform:translate3d(0,calc((1 - var(--usecase-mobile-steps-callout-opacity)) * 10px),0)}@media(max-width:767px){.app-content-scroll-track[data-astro-cid-jnfpfmmo]{transform:translate3d(0,calc(var(--usecase-detail-scroll-offset, 0px) * -1),0);will-change:transform;backface-visibility:hidden}.mockup-screen-list[data-astro-cid-jnfpfmmo],.mockup-screen-detail[data-astro-cid-jnfpfmmo],.mockup-selected-guide-inner,[data-astro-cid-jnfpfmmo][data-usecase-guide-mobile-callout],[data-astro-cid-jnfpfmmo][data-usecase-guide-mobile-resources-callout],[data-astro-cid-jnfpfmmo][data-usecase-guide-mobile-steps-callout]{transition:none}}