:root{--max-width:1200px;--bg-border:70px;--bg-padding:0;--blue-bg:#e1e6ed}.heroContainer{width:100%;background-color:#fff;position:relative}.heroContainer>.outerBg{position:absolute;inset:0;background-color:var(--off-white);border-bottom-left-radius:var(--bg-border)}.hero{width:100%;max-width:var(--max-width);margin:0 auto;display:flex;flex-direction:row;align-items:stretch;position:relative;padding:2vw}.hero>.background{background:radial-gradient(circle at top 0 right 0,#fdefba,#ec874e);opacity:.84;position:absolute;right:1vw;top:15%;left:20%;bottom:15%;border-radius:var(--bg-border);z-index:1}.heroCta{width:40%;height:100%;z-index:3;margin:20px 0;display:flex;flex-direction:column;gap:16px;align-self:center}.heroText{background-color:#fff;padding:30px 40px;border-radius:24px;display:flex;flex-direction:column;gap:16px}.heroText h1{font-size:1.7rem;line-height:1.2;color:var(--secondary);position:relative}.heroText h1>span{position:relative;z-index:4}.andSymbol{position:absolute!important;z-index:2!important;left:0;font-size:6rem;top:50%;transform:translate(-35%,-50%);opacity:.6;color:var(--blue-bg)}.heroText h1>span:last-child{color:var(--primary);font-family:Lora;font-style:italic;font-weight:var(--lora-default-weight)}.heroText h2{font-size:1.2rem;color:var(--text);text-wrap:balance;font-weight:400}.heroCta .cta{display:flex;flex-direction:row;justify-content:center}.heroCta .cta>a{font-size:1.2rem;background-color:#fff;border-radius:14px;padding:8px 16px;color:var(--text);border:solid 2px var(--primary);text-decoration:none;transition:background-color .5s,color .5s}.heroCta .cta>a:hover{background-color:var(--primary);color:#fff}.heroInteractive{width:60%;z-index:2;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:7%;padding:16px}.heroPhone{position:relative;height:70vh;max-height:800px}.heroPhone>img{position:relative;z-index:10;height:100%}.heroPhone>video{position:absolute;bottom:6%;top:5.5%;left:5%;right:5%;z-index:3;width:90%;height:88.5%;border-radius:20px;object-fit:contain}.heroButtons{z-index:5;display:flex;flex-direction:column;gap:14px}.heroButtons .buttons{display:flex;flex-direction:column;gap:8px;justify-content:flex-start;align-items:flex-start}.heroButtons>h3{font-size:1.2rem;font-weight:400;color:var(--text)}.heroButtons button{background-color:#fff;border:2px solid var(--primary);cursor:pointer;border-radius:14px;padding:8px 16px;font-size:1.1rem;color:var(--text);transition:background-color .3s,color .3s}.heroButtons button.active{background-color:var(--primary);color:#fff}.heroButtons>.texts{position:relative;height:100px}.heroButtons>.texts>span{display:block;font-size:1.1rem;color:var(--text);position:absolute;opacity:0;transition:opacity .5s;text-wrap:balance}.heroButtons>.texts>span.show{opacity:1}@media (max-width:1200px){.heroPhone{height:45vh}}@media (max-width:1000px){.heroPhone{height:40vh}.heroButtons button{font-size:1rem}.heroButtons>.texts>span{font-size:1rem}}@media (max-width:900px){.hero{flex-direction:column-reverse;align-items:center}.hero>.background{top:10%;left:10%;bottom:30%}.heroCta{width:70%}.hero>.background{top:10%;left:5vw;right:5vw;bottom:20%}.heroText h1{font-size:1.6rem;line-height:1.2}.heroText p{font-size:1rem}.heroInteractive{width:90%;align-items:center}.heroButtons{padding-bottom:0}.heroButtons button{font-size:.9rem}.heroCta .cta>a{font-size:1rem}.heroCta{width:90%}}@media (max-width:550px){.heroPhone{height:60vh}.heroInteractive{flex-direction:column}.heroButtons .buttons{flex-direction:row}.heroButtons>h3{width:100%}}.advantageContainer{position:relative;width:100%;background:linear-gradient(180deg,var(--off-white),var(--blue-bg))}.advantageContainer>.outerBg{position:absolute;inset:0 var(--bg-padding) 0 0;background-color:#fff;border-radius:0 var(--bg-border) var(--bg-border) 0;z-index:1}.advantage{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:flex-start;max-width:var(--max-width);margin:0 auto;padding:100px 40px;z-index:2}.advantageStack{display:flex;flex-direction:column;gap:10px;align-items:flex-start;justify-content:center;width:25%;z-index:3;position:relative;max-width:400px}.advantageStack>h4{font-size:1.6rem;color:var(--secondary);z-index:6}.advantageStack>p{font-size:1.1rem;color:var(--text);z-index:6;text-wrap:balance}.advantageStack>svg{position:absolute;top:0;left:0;transform:translate(-40%,-20%);color:var(--primary);opacity:.2;height:40%;aspect-ratio:1;z-index:5}.advantageStack:nth-child(2)>svg{transform:translate(-40%,-20%) rotate(-25deg)}.advantageStack:last-child>svg{transform:translate(-45%,-20%) rotate(-45deg)}@media (max-width:1000px){.advantage{padding:50px 0}.advantageStack{width:100%;padding:20px 5vw}.advantageStack>svg{transform:translate(10px,0)}.advantageStack:nth-child(2)>svg{transform:translate(10px,0) rotate(-25deg)}.advantageStack:last-child>svg{transform:translate(10px,0) rotate(-45deg)}.advantageStack>h4{font-size:1.4rem}.advantageStack>p{font-size:1rem}}.oldvsnew{position:relative;width:100%;background:#fff;display:flex;flex-direction:column;padding:0 0 10vw 0;gap:12px}.oldvsnew>.outerBg{position:absolute;overflow:hidden;width:calc(100% - var(--bg-padding));inset:0 0 0 var(--bg-padding);background-image:radial-gradient(at 37% 10%,#ff9019 0,transparent 50%),radial-gradient(at 85% 1%,#ffc093 0,transparent 50%),radial-gradient(at 2% 46%,#ff9e75 0,transparent 50%),radial-gradient(at 83% 49%,#ffd684 0,transparent 50%),radial-gradient(at 0 100%,#ffcc89 0,transparent 50%),radial-gradient(at 88% 90%,#ffdca8 0,transparent 50%),radial-gradient(at 7% 8%,#ffde84 0,transparent 50%);z-index:1;border-top-left-radius:var(--bg-border);border-bottom-left-radius:var(--bg-border)}.oldvsnew .innerBg{position:absolute;inset:0;background:linear-gradient(0deg,transparent 0,var(--blue-bg) 70%)}.oldvsnew>.old{position:relative;width:100%;max-width:var(--max-width);padding:40px;margin:0 auto;z-index:2;display:flex;flex-direction:column;gap:20px;justify-content:center}.oldvsnew>.mid{position:relative;width:100%;max-width:var(--max-width);margin:0 auto;z-index:2;padding-top:1vw}.oldvsnew>.mid>h4{font-size:3.5rem;text-align:center;color:var(--primary);padding:60px 20px;font-family:Lora;font-style:italic;font-weight:var(--lora-default-weight);width:100%;text-wrap:balance}.oldvsnew h3{font-size:1.6rem;color:var(--secondary);font-weight:700}.old>h3{padding-left:16px}.oldvsnew p{font-size:1.4rem;line-height:1.6}.oldvsnew ul{list-style-position:inside;font-size:1.4rem;line-height:1.6}.oldvsnew li::marker{color:var(--text)}.old>.imageWrapper{position:relative;width:100%;height:300px;border-radius:30px;overflow:hidden}.old p{padding:0 16px 16px}.old ul{padding:0 50px}.imageWrapper>h3{position:absolute;bottom:0;left:0;padding:10px 20px;background-color:rgba(255,255,255,.5);backdrop-filter:blur(20px);border-top-right-radius:24px}.old img{height:100%;width:100%;object-fit:cover;object-position:bottom left}.oldvsnew>.new{position:relative;display:flex;flex-direction:row;align-items:center;z-index:2;gap:0;max-width:var(--max-width);margin:0 auto;flex-wrap:wrap}.new>.phoneWrapper{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;width:60%}.new>.phoneWrapper>.phone{position:relative;max-height:500px;max-width:80vw;height:100%;aspect-ratio:4/6}.new>.phoneWrapper>.phone>img{position:relative;height:100%;width:100%;object-fit:contain;z-index:3}.new>div:nth-child(2){flex:1;border-radius:24px;color:var(--text);padding:24px;display:flex;flex-direction:column;gap:16px}.new>div{position:relative}.floatingTiles{position:absolute;inset:0}.floatingTile{position:absolute;top:var(--top);left:var(--left,unset);right:var(--right,unset);width:var(--width);height:var(--height);border-radius:20px;overflow:hidden;border:3px solid var(--secondary);z-index:var(--z-index)}.floatingTile>img{width:100%;height:100%;object-fit:cover}.numbers{width:100%;max-width:var(--max-width);margin:0 auto;padding:20px;position:relative;z-index:2}.numbersWrapper{width:100%;justify-content:space-around;display:flex;flex-direction:row}.numberStack{display:flex;flex-direction:column;max-width:300px}.numberStack>h4{font-size:5rem;color:var(--primary);font-weight:700}.numberStack>p{font-size:1.2rem;color:var(--text);text-wrap:balance}.scrollArrows{z-index:2;bottom:50px;width:100vw;padding:20px 0;flex-direction:row;justify-content:center;gap:50px;display:none}.scrollArrows button{background-color:transparent;border:none;color:#fff;width:50px;height:50px;cursor:pointer}.scrollArrows button>svg{height:100%;width:100%}.scrollArrows button:disabled{opacity:.5;pointer-events:none}@media (max-width:1000px){.oldvsnew h3{font-size:1.3rem;padding:0}.oldvsnew p{font-size:1.1rem;padding:0}.oldvsnew ul{font-size:1.1rem;padding:0 20px}.oldvsnew>.mid>h4{font-size:2.5rem}}@media (max-width:900px){.new>div:first-child{width:100%}.new>div:nth-child(2){width:100%}.numbers{padding-left:0;padding-right:0;overflow-x:scroll;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.numbersWrapper{width:300vw;justify-content:space-around}.numberStack{width:100%;max-width:100%;scroll-snap-align:center;max-width:300px}.scrollArrows{display:flex}}@media (max-width:600px){.oldvsnew>.mid>h4{font-size:1.6rem}}.differenceContainer{position:relative;width:100%;background:#fff;padding:10vh 5vw}.diff{display:flex;flex-direction:row;justify-content:space-evenly;z-index:6;--slide-height:70vh;width:100%;max-width:var(--max-width);margin:0 auto}@keyframes float{0%{box-shadow:0 5px 5px 0 rgba(0,0,0,.6)}50%{box-shadow:0 6px 6px 0 rgba(0,0,0,.2)}100%{box-shadow:0 5px 5px 0 rgba(0,0,0,.6)}}.preview{position:relative;z-index:6;display:flex;flex-direction:row;justify-content:center}.diff>.preview{position:sticky;align-self:flex-start;z-index:6;top:calc(50vh - (var(--slide-height)/ 2));flex-shrink:0;display:flex;flex-direction:row;justify-content:center}.diff>.preview video{max-height:var(--slide-height);max-width:20vw;height:100%;object-fit:cover;border-radius:24px;z-index:5;transition:opacity .5s 250ms}.diff>.preview video:not(.active){position:absolute;inset:0;opacity:0;z-index:4;width:100%}.diff>.preview video.active{position:relative;opacity:1;z-index:3}.switchTransition{position:absolute;inset:0;left:0;width:100%;height:100%;border-radius:24px;z-index:5;overflow:hidden}.switchTransition>div{position:absolute;bottom:100%;left:0;width:100%;height:100%;max-height:0;background:linear-gradient(0,color-mix(in srgb,var(--blue-bg),transparent 70%) 20%,color-mix(in srgb,var(--primary),transparent 50%) 100%);filter:blur(10px);backdrop-filter:blur(1px)}.switchTransition.switch>div{animation:switch 1s forwards}@keyframes switch{0%{bottom:0;max-height:0%}50%{max-height:100%;bottom:0}100%{bottom:100%}}.preview .labelOverlay{position:absolute;width:100%;aspect-ratio:2/3}.preview .labelOverlay>.labels{position:relative;width:100%;height:100%}.preview .labels>span{padding:6px 12px;background-color:var(--secondary);border:2px solid #fff;border-radius:14px;position:absolute;z-index:7;color:#fff;font-size:1.4rem;animation:float 4s ease-in-out infinite;left:var(--left);top:var(--top);white-space:pre;box-shadow:0 5px 15px 0 rgba(0,0,0,.6)}.preview>video{position:relative;height:var(--slide-height);border-radius:24px}.preview.mobile{display:none;align-self:center}.diff .previewBg{position:absolute;inset:calc(var(--border-width) * -1);border-radius:24px;overflow:hidden;--border-width:5px;container-type:size;box-shadow:0 9px 8px 0 rgba(0,0,0,.2);animation:float 4s ease-in-out infinite}.diff .previewBg::before{content:'';display:block;background:linear-gradient(0,var(--blue-bg) 20%,var(--primary) 100%);border-radius:100%;height:120cqh;top:-10cqh;left:-26cqh;aspect-ratio:1;position:absolute;animation:rotate 5s linear infinite;z-index:0;position:absolute}@keyframes rotate{from{rotate:0}to{rotate:360deg}}.diff>.textContainer{position:relative;z-index:6;display:flex;max-width:100%;flex-direction:column;gap:calc(var(--slide-height)/ 3);justify-content:center}.textContainer>.text{display:flex;width:600px;max-width:100%;flex-direction:column;gap:32px;color:var(--text);justify-content:center;padding-top:90px}.textContainer>.text h4{font-size:1.8rem;color:var(--text);line-height:2.2rem}.textContainer>.text h4>span:not(.bigSplit):first-child{font-size:2rem;color:var(--secondary)}.textContainer>.text h4>span:not(.bigSplit):nth-child(2){font-size:2rem;color:var(--primary);font-family:Lora;font-style:italic;font-weight:var(--lora-default-weight)}.textContainer>.text h4>.bigSplit>span:first-child{font-size:3rem;color:var(--primary);font-family:Lora;font-style:italic;font-weight:var(--lora-default-weight)}.textContainer>.text h4>.bigSplit>span:last-child{font-size:3rem;color:var(--secondary);font-family:Lato}.textContainer>.text h5{font-size:1.8rem;color:var(--text);margin-top:-25px}.textContainer>.text p{font-size:1.3rem;color:var(--text);line-height:1.6;text-wrap:balance}.textContainer>.text ul{display:flex;flex-direction:column;flex:1;gap:8px;list-style:none;padding:0 16px 8px}.textContainer li{display:flex;flex-direction:row;align-items:center;color:var(--text);font-size:1.3rem;gap:8px}.textContainer li svg{width:24px;height:24px;flex-shrink:0;color:var(--light-text)}@media (min-height:900px){.diff{--slide-height:60vh}}@media (min-height:1400px){.diff{--slide-height:35vh}}@media (min-height:2000px){.diff{--slide-height:25vh}}@media (min-height:3000px){.diff{--slide-height:20vh}}@media (max-width:800px){.preview .labels>span{font-size:1rem}.textContainer>.text h4{font-size:1.2rem;line-height:1.9rem;margin-top:4vw}.textContainer>.text h4>span:not(.bigSplit){font-size:1.6rem}.textContainer>.text h4>span:not(.bigSplit):first-child{font-size:1.4rem}.textContainer>.text h4>span:not(.bigSplit):nth-child(2){font-size:1.4rem}.textContainer li{font-size:1rem}}@media (max-width:1000px){.diff{--slide-height:50vh;flex-direction:column}.preview:not(.mobile){display:none}.preview.mobile{display:flex}.diff>.textContainer{align-items:center;justify-content:flex-start}.textContainer>.text{height:auto}.textContainer>.text p{font-size:1rem}}.functionContainer{position:relative;width:100%;background-color:#fff;padding:20px}.functionContainer>.extraBg{position:absolute;top:0;right:0;background-color:var(--off-white);transform:translateY(-100%);height:var(--bg-border);width:var(--bg-border);mask:radial-gradient(var(--bg-border) at 0px 0px,#0000 98%,#000)}.functionContainer>.outerBg{position:absolute;inset:0;background-color:var(--off-white);border-top-left-radius:var(--bg-border)}.function{position:relative;z-index:2;display:flex;flex-direction:column;padding:5vw 0;max-width:var(--max-width);margin:0 auto;gap:30px}.function>h3{font-size:2rem;padding:8px 16px;color:var(--secondary)}.function>h3>span{color:var(--primary);font-family:Lora;font-style:italic;font-weight:var(--lora-default-weight)}.function>.functionTab{display:flex;flex-direction:row;justify-content:space-around;align-items:center;position:relative;padding:0 0 10px}.functionTab button{background-color:transparent;border:none;font-size:1.7rem;text-align:center;flex:1;color:var(--text);cursor:pointer}.functionTab .indicator{height:4px;background-color:var(--secondary);width:50px;position:absolute;bottom:0;border-radius:2px;left:25%;transform:translateX(-50%);transition:left .5s}.function[data-show=backoffice] .indicator{left:75%}.functionStack{position:relative}.functionStack>div{padding:40px;background-color:#fff;border-radius:24px;display:flex;flex-direction:row;gap:30px;justify-content:space-evenly;align-items:center;box-shadow:1px 0 5px 1px rgba(0,0,0,.3)}.functionStack>div:nth-child(2){position:absolute;top:20px;opacity:0;transform:translateY(20px);transition:transform .5s,opacity .5s}.function[data-show=backoffice] .functionStack>div:nth-child(2){opacity:1;transform:translateY(0)}.functionStack .imgWrapper{flex:1}.functionStack img{border-radius:12px;width:100%;height:100%}.functionStack .text{display:flex;flex-direction:column;gap:30px;flex:1;font-size:1.2rem}.functionStack .text p{text-wrap:balance}.functionStack .text>div{display:flex;flex-direction:row;justify-content:center}.functionStack .text a{text-decoration:none;background-color:var(--primary);padding:6px 12px;color:#fff;border-radius:14px}.functionStack .text a{font-size:1rem}@media (max-width:800px){.function>h3{font-size:1.4rem}.functionStack>div{flex-direction:column-reverse}.functionStack .text{font-size:1rem}}.faq{display:flex;flex-direction:row;max-width:var(--max-width);width:100%;margin:60px auto;gap:20px;padding:20px}.faq{display:flex;flex-direction:column;gap:24px;flex:1}.faq>h3{font-size:2rem;color:var(--secondary)}.faq>h3>span{color:var(--primary);font-family:Lora;font-style:italic;font-weight:var(--lora-default-weight)}.faq>.questions{display:flex;flex-direction:column;background-color:#fff;padding:20px;border-radius:24px;gap:20px}.questions>p{font-size:1.2rem}.questions details>div{color:var(--text);display:flex;flex-direction:column;gap:20px}.questions details summary{font-size:1.3rem;padding:0 0 6px 0;cursor:pointer;font-weight:700}.questions details p{font-size:1.2rem;padding-left:24px}.questions details ul{font-size:1.2rem;padding-left:24px;margin-left:24px;list-style-position:outside}.contact{display:flex;flex-direction:column;gap:8px;padding:20px}.contact h4{padding:0;margin-top:-16px;font-size:1.2rem;color:var(--text)}.contact p{color:var(--text);font-size:1rem}.contact a{color:var(--secondary)}@media (max-width:700px){.faq>h3{font-size:1.7rem}.questions>p{font-size:1rem}.questions details summary{font-size:1.1rem}.questions details p,.questions details ul{font-size:1rem;padding-left:12px}}#contact{position:relative;margin-top:-28px;width:100dvw;overflow:hidden}.contactSplit{display:flex;flex-direction:row;align-items:stretch;position:relative;justify-content:space-evenly;transition:opacity .3s}.leftSplit,.rightSplit{position:relative;flex:1 1 0;display:flex;flex-direction:row;padding:80px;align-items:center;justify-content:center}.contactSplit .rightSplit{border-radius:var(--bg-border) 0 0 0}.contactSplit .rightSplit{background-color:var(--secondary)}.contactSplit .invertedBorder{position:absolute;bottom:-1px;right:-1px;width:var(--bg-border);height:var(--bg-border)}.contactSplit .invertedBorder>svg{color:var(--secondary);width:100%;height:100%}.leftContent{display:flex;flex-direction:row;align-items:center;justify-content:center}.rightContent{display:flex;flex-direction:row;align-items:center;justify-content:center}.rightContent>div{min-width:400px;position:relative}.contactInfo{display:flex;flex-direction:column;gap:24px;color:var(--text)}.contactInfo>h2{font-size:2rem;line-height:1.6;font-weight:700;color:var(--secondary)}.contactInfo>h2>span:first-child{color:var(--primary);font-family:Lora;font-style:italic;font-weight:var(--lora-default-weight)}.contactInfo>ul{list-style:none;font-size:1.5rem}.contactInfo a{color:var(--text);cursor:pointer}.contactInfo p{color:var(--text);font-size:1.5rem;line-height:1.6}.feedbackBtn{border:none;background-color:var(--text);border-radius:12px;padding:8px 16px;color:#fff;cursor:pointer;margin-top:40px;font-size:1.1rem;transition:filter .3s}.feedbackBtn:hover{filter:sepia(.6)}.futureBtn{border:none;background-color:var(--primary);border-radius:12px;padding:8px 16px;color:#fff;cursor:pointer;margin-top:40px;font-size:1.1rem;transition:filter .3s}.futureBtn:hover{background-color:color-mix(in srgb,var(--primary) 20%,#000)}form{position:relative;z-index:10;padding:24px;background-color:#fff;border-radius:24px;width:100%}@media (max-width:1000px){.contactSplit{flex-direction:column}.leftContent{align-items:end}.contactInfoWrapper{flex:none;width:100%}}@media (max-width:700px){.leftSplit,.rightSplit{padding:40px}.contactInfo>h2{font-size:1.2rem}.contactInfo p{font-size:1.1rem}.contactInfo>ul{font-size:1rem}.rightContent>div{width:80vw;min-width:unset}}