body.fallback .app-features .section{height:auto !important}body.fallback .app-features .section .inner-section{position:static}body.fallback .app-features .section .inner-section [data-move]{transform:none !important;opacity:1 !important;transition:none !important}body.fallback .app-features .section .inner-section .progress-bar{display:none}body{overflow-x:hidden}.app-features{--main-width: 900px}.app-features .section{position:relative;margin:auto;width:calc(100% - 2em);max-width:var(--main-width);padding:4em 0 2em;--media-width: 100%}.app-features .section::before{position:absolute;left:-4rem;top:0;bottom:0;width:calc(100% + 8em);border:solid rgba(0,0,0,.1);border-width:0 1px;pointer-events:none;content:""}@media(min-width: 620px){.app-features .section{width:calc(100% - 4em)}}@media(min-width: 1040px){.app-features .section{--media-width: 1000px}}@media(min-width: 1150px){.app-features .section{--media-width: 1100px}}@media(min-width: 1240px){.app-features .section{--media-width: 1200px}}.app-features .section .inner-section{position:sticky;top:6em}@media(min-height: 865px)and (min-width: 1000px){.app-features .section .inner-section{top:6em;min-height:calc(100vh - 12em);justify-content:center;flex-direction:column;display:flex}}.app-features .section>span,.app-features .section .inner-section>span{font-weight:600;opacity:.5}.app-features .section h1,.app-features .section h3{margin:.4em 0 0;font-size:2em;font-weight:700}.app-features .section h2,.app-features .section h4{font-size:1.2em;font-weight:500;max-width:600px;margin:.8em 0 1.6em;color:#5a5a5a}.app-features .section h4{margin-bottom:2.4em}.app-features .section a{padding:.8em 1.2em;border-radius:8px;text-decoration:none;background:var(--primary);display:inline-block;color:#fff}.app-features .section .field-types-list{margin:0;padding:0;width:100%;list-style:none;grid-template-columns:1fr;display:grid;gap:2em}@media(min-width: 620px){.app-features .section .field-types-list{grid-template-columns:1fr 1fr}}.app-features .section .field-types-list p{margin:.4em 0 0}.app-features .section .field-types-list .field-type-item{display:flex;gap:1em}.app-features .section .field-types-list .field-type-item strong{font-size:1.1em}.app-features .section .field-types-list .field-type-item .icon{width:60px;height:60px;flex-shrink:0;background-image:url("/assets/field-type-sprite.png")}.app-features .section .tabs{margin:2.4em 0 1.2em;white-space:nowrap;overflow:auto;display:flex;gap:1em}.app-features .section .tabs::-webkit-scrollbar-track{height:4px}.app-features .section .tabs button{border:0;padding:0;font:inherit;cursor:pointer;font-weight:500;background:none;color:inherit;opacity:.5}.app-features .section .tabs button:focus{opacity:.5}.app-features .section .tabs button:hover,.app-features .section .tabs button.active{opacity:1}.app-features .section .image{position:relative;border-radius:12px;width:var(--media-width);background:rgba(17,17,17,.05);box-shadow:0 0 0 1px rgba(17,17,17,.1),0 0 0 4px rgba(17,17,17,.05);overflow:hidden}@media(min-width: 1040px){.app-features .section .image{min-height:500px;margin-left:calc(var(--main-width)/2 - var(--media-width)/2)}}.app-features .section .image.templates{min-height:unset;box-shadow:none;background:none;overflow:visible;flex-direction:column;display:flex;gap:1em}@media(min-width: 580px){.app-features .section .image.templates{flex-direction:row;flex-wrap:wrap;display:flex}}.app-features .section .image.templates a{flex:1;padding:1.8em;flex-direction:column;display:flex;background:linear-gradient(-36deg, color-mix(in srgb, var(--primary), #fff 15%), color-mix(in srgb, var(--primary), #fff 5%));box-shadow:0 0 0 rgba(0,0,0,.1);transition:350ms ease;color:#fff;gap:1em}@media(min-width: 580px){.app-features .section .image.templates a{min-width:250px}}@media(min-width: 1100px){.app-features .section .image.templates a{min-width:300px}}.app-features .section .image.templates a:hover{transform:translate3d(0, -0.4em, 0);box-shadow:0 8px 12px rgba(0,0,0,.1)}.app-features .section .image.templates a:nth-child(2){--primary: rgb(42, 121, 68)}.app-features .section .image.templates a:nth-child(3){--primary: rgb(219, 123, 79)}.app-features .section .image.templates a:nth-child(4){--primary: rgb(179, 59, 59)}.app-features .section .image.templates a:nth-child(5){--primary: rgb(84, 50, 177)}.app-features .section .image.templates a>span{font-size:3em;transition:150ms ease}.app-features .section .image.templates a p{margin:0;transition:150ms ease}.app-features .section .image.templates a p:nth-child(3){font-size:.9em;font-weight:400;text-wrap:balance;margin-top:2em}.app-features .section .image.templates a p:nth-child(1){font-size:1.4em;font-weight:300}.app-features .section .image.templates a p:nth-child(1) br{display:none}@media(min-width: 768px){.app-features .section .image.templates a p:nth-child(1){font-size:2.6em}.app-features .section .image.templates a p:nth-child(1) br{display:unset}}.app-features .section .image.templates a p:nth-child(2){font-size:1em;font-weight:400;flex:1}.app-features .section .image .progress-bar{position:absolute;left:0;top:0;height:4px;background:var(--primary);width:105%;transform:scaleX(50);transform-origin:0 50%}.app-features .section .image img,.app-features .section .image video{width:100%;display:block}.app-features .section .image img.hide,.app-features .section .image video.hide{position:fixed;left:-9999px;width:100px}.app-features .section--testimonial{width:100%;max-width:unset;padding:4em 0 4em;margin-top:3em;background:#fafaff}.app-features .section--testimonial p{margin-inline:auto;width:calc(100% - 2em);max-width:var(--main-width)}@media(min-width: 620px){.app-features .section--testimonial p{width:calc(100% - 4em)}}.app-features .section--testimonial p:first-child{margin-top:0;margin-bottom:2em}@media(min-width: 640px){.app-features .section--testimonial p:first-child{font-size:1.4em}}.app-features .section--testimonial p:not(:first-child){text-align:right;text-wrap:balance}.app-features .section--testimonial p:last-child{margin-bottom:0}.app-features .view-types{justify-content:center;display:flex;gap:.6em}.app-features .view-types button{font:inherit;cursor:pointer;border-radius:3em;border:1px solid rgba(0,0,0,.2);padding:.6em 1.2em;font-weight:500;background:none;color:inherit}.app-features a.banner-link{margin:auto;max-width:680px;width:calc(100% - 2rem);background:var(--primary);border-radius:12px;color:#fff;text-decoration:none;font-size:1.3em;padding:.4em 1.6em 1.6em;box-shadow:0 0 0 3px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.1);align-items:center;overflow:hidden;flex-direction:column;display:flex}@media(min-width: 1060px){.app-features a.banner-link{max-width:1200px;padding:1em 1em 1em 2em;justify-content:space-between;flex-direction:row}}.app-features a.banner-link strong{line-height:1.6;font-size:1.1em;align-items:center;display:flex;gap:.4em}.app-features a.banner-link strong:after{width:8px;height:8px;border:solid #fff;border-width:2px 2px 0 0;transform:rotate(45deg);content:""}.app-features a.banner-link img{max-width:100%;margin-bottom:-26vw;display:block}@media(min-width: 680px){.app-features a.banner-link img{margin-bottom:-8em}}@media(min-width: 1060px){.app-features a.banner-link img{max-width:unset}}