@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes focus-in{0%{filter:blur(3px);opacity:.8}to{filter:blur(0);opacity:1}}@keyframes fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pop-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes emanate{0%{opacity:1;transform:translate(calc(-50% + 1px)) scale(.5)}to{opacity:0;transform:translate(calc(-50% + 1px)) scale(2)}}@keyframes emanate-left{0%{opacity:1;transform:translateY(calc(-50% + 1px)) scale(.5)}to{opacity:0;transform:translateY(calc(-50% + 1px)) scale(2)}}.screenshots{--info-l: 17.5em;--info-xl: 22.5em;background:linear-gradient(transparent,#d0efec);border-bottom:1px solid #77e6e0;margin:0 auto;overflow:hidden}.screenshots img{display:block}.screenshots__wrapper{width:clamp(900px,70vw,1250px);max-width:calc(100% - 64px);margin:0 auto}.screenshots__icon{display:flex;align-content:center;justify-content:center;width:45px;height:45px;border-radius:50%;margin:0 auto 2px;color:#09a098;transition:.2s}.screenshots__icon .i-simple{width:1.4em}.screenshots__tabs{overflow:auto}@media (max-width: 639.8px){.screenshots__tabs{width:calc(100% + 4rem);margin-left:-2rem}}@media (max-width: 639.8px){.screenshots__tabs ol{min-width:700px;padding-right:32px;padding-left:32px}}@media (min-width: 768px){.screenshots__tabs ol{padding:0 16px}}@media (max-width: 620px){.screenshots__tabs ol{width:160vw}}@media (max-width: 415px){.screenshots__tabs ol{width:215vw}}.screenshots__tabs li:not([aria-expanded=true]):hover .screenshots__icon{background:#edf4f4}.screenshots__tabs [aria-expanded=true]{color:#09a098}.screenshots__tabs [aria-expanded=true] .screenshots__icon{background:#00b3ab;color:#fff}.screenshots__images{position:relative;padding-bottom:54.1%}@media (max-width: 767.8px){.screenshots__images{padding-bottom:95.2%}}.screenshots__images li{position:absolute;width:100%}.screenshots__base-image,.screenshots__base-image--mobile,.screenshots__mobile-placeholder{display:block;width:100%;background:#d0efec;border:1px solid #bdcccc;box-shadow:-1px 1px 6px #00b3ab33,-30px 30px 98px #00b3ab12;animation:focus-in .5s}.screenshots__info,.screenshots__floating-image,.screenshots .screenshots-phone{position:absolute}.screenshots__info{position:absolute;z-index:2;width:2px;height:93px;background:#94cc3f;outline:2px solid white;opacity:0;font-size:clamp(.8rem,1.1vw,1rem);animation:fade-in .5s .9s forwards}.screenshots__info:before{position:absolute;bottom:0;width:1em;height:1em;background:#94cc3f;border-radius:50%;transform:translate(calc(-50% + 1px));content:""}.screenshots__info:after{position:absolute;bottom:0;width:1em;height:1em;background:transparent;border:1px solid #94cc3f;border-radius:50%;transform:translate(calc(-50% + 1px)) scale(.5);content:"";animation:emanate 3s 1s infinite}.screenshots__info>div{position:absolute;bottom:93px;left:-50%;min-width:15.8em;max-width:350px;background:#e7f5be;border:2px solid #94cc3f;box-shadow:-1px 1px 4px #172d3526,-7px 7px 10px #172d350d;padding:clamp(6px,1.1vw,16px);transform:translate(-50%)}.screenshots__floating-image{bottom:-3%;right:-20px;max-width:60%;max-height:80%}.screenshots__floating-image:not(.screenshots__image--phone){z-index:1;box-shadow:0 0 24px #55727b26,-1px 1px 4px #55727b33;opacity:0;animation:pop-in .5s .2s forwards}.screenshots .screenshots__image--phone{display:block;bottom:calc(-2rem - 17px);right:-30px;width:auto;max-width:430px;height:auto;max-height:92%;transform:translateY(100%);animation:slide-up .6s .5s forwards}.screenshots .screenshots__base-image.fade-leave-active{position:absolute}.screenshots__mobile-placeholder{width:100%;padding-bottom:95.2%}@media (min-width: 576px){.quote-tab-content-column{width:60%}.quote-tab-content-graphic{width:40%}}:root .quote-tab-content .blockquote{padding:16px 32px 16px 40px}:root .quote-tab-content .blockquote blockquote{font-size:20.25px}:root .quote-tab-content .blockquote .i-quote{left:0}:root .quote-tab-content .blockquote cite{justify-content:flex-start}:root .quote-tab-content .blockquote cite img{width:50px;height:50px;border:1px solid #dfeaea;border-radius:50%;object-fit:cover;object-position:top}:root .quote-tab-content .blockquote.quote-tab-content__logo--company cite{gap:16px}:root .quote-tab-content .blockquote.quote-tab-content__logo--company img{width:auto;max-width:150px;height:auto;max-height:70px;border:0;border-radius:0;object-fit:unset}.tabs[data-orientation=horizontal] .tabs-list{position:sticky;top:75px;z-index:10;max-width:100%;overflow-y:auto}@supports (overflow: overlay){html:not(.is-android) .tabs[data-orientation=horizontal] .tabs-list{overflow-y:overlay}}html:not(.is-android) .tabs[data-orientation=horizontal] .tabs-list::-webkit-scrollbar{width:8px;height:8px}html:not(.is-android) .tabs[data-orientation=horizontal] .tabs-list::-webkit-scrollbar-thumb{background-color:var(--bg-scrollbar);border:1px solid var(--bg-primary)}html:not(.is-android) .tabs[data-orientation=horizontal] .tabs-list:hover::-webkit-scrollbar-thumb{background-color:var(--bg-scrollbar-hovered)}.tabs[data-orientation=horizontal] .tabs-indicator{bottom:0;left:0;width:calc(var(--radix-tabs-indicator-size) - 1px);height:3px;transform:translate(var(--radix-tabs-indicator-position));transition:width .3s,transform .3s}.tabs[data-orientation=vertical] .tabs-indicator{left:0;top:0;width:3px;height:var(--radix-tabs-indicator-size);transform:translateY(var(--radix-tabs-indicator-position));transition:width .3s,transform .3s}.tabs-button{border:0;outline:none}
