:root{--bg-border:70px;--bg-padding:0;--blue-bg:#e1e6ed;--base-space:90px;--padding:20px}@media (min-width:1000px){:root{--base-space:180px}}.wrapper{width:100%;padding:5vh 0}.hero{position:relative;width:100%;max-width:var(--max-width-small);margin:0 auto var(--base-space);padding:var(--padding);display:flex;flex-direction:row;align-items:center;gap:clamp(10px,2vw,20px);font-size:clamp(.6rem, 2.5vw, 1.5rem)}.heroLeft{position:relative}.heroLeft>div{visibility:hidden}.heroLeft>h1{position:absolute;top:50%;left:0;transform:translateY(-50%);display:flex;flex-direction:column;white-space:nowrap;z-index:20;color:var(--secondary)}.heroRight{flex:1}.heroRight img{width:100%;height:auto;display:block}.hero .highlightBox{background-color:var(--primary);color:#fff;border-radius:clamp(5px,1vw,10px);padding:clamp(3px,.5vw,5px) clamp(30px,7vw,70px);font-family:Lora;font-weight:var(--lora-default-weight);font-style:italic}.description{max-width:var(--max-width-small);margin:var(--base-space) auto;color:var(--text);padding:var(--padding)}.description h2{font-weight:400;font-size:clamp(.4rem, 1rem + 1vw, 1.3rem)}.phoneExample{--phone-overlap:200px;--padding:20px;position:relative;width:calc(100% - var(--padding));max-width:var(--max-width-small);margin:calc(var(--base-space) + var(--phone-overlap)) auto;background-color:var(--primary);border-radius:24px;display:flex;flex-direction:column;align-items:center;gap:var(--padding);padding:var(--padding)}.phoneExample .phoneLeft{height:60vh;margin:calc(var(--phone-overlap) * -1) 0 0 calc(var(--padding) * -1)}.phoneLeft img{height:100%}.phoneExample .phoneRight{color:#fff;font-size:clamp(.4rem, 1rem + 1vw, 1.3rem);text-wrap:balance}@media (min-width:1000px){.phoneExample{--phone-overlap:50px;--padding:10px;flex-direction:row}.phoneExample .phoneLeft{height:40vh;margin:calc(var(--phone-overlap) * -1) 0 calc(var(--phone-overlap) * -1) calc(var(--padding) * -1)}}.explanation{--phone-height:60vh;position:relative;width:100%;max-width:var(--max-width-small);margin:var(--base-space) auto;display:flex;flex-direction:column;gap:clamp(30px,8vw,60px);padding:clamp(10px,3vw,20px)}.explanation .top{display:flex;flex-direction:column;align-items:center;gap:clamp(20px,5vw,40px)}.explanation h2{display:flex;flex-direction:column;font-size:clamp(1.6rem, 6vw, 2.8rem);color:var(--secondary);font-weight:var(--lora-default-weight);line-height:1.2}.explanation h2 .highlight{color:var(--primary);font-family:Lora}.explanation .top .phone{height:var(--phone-height);position:relative}.explanation .phone video{height:100%;width:100%}.explanation .phone img{position:absolute;inset:0;height:100%;width:100%;display:none}.explanation .phone img.active{display:block}.explanation .top .right{flex:1;display:flex;flex-direction:column;gap:clamp(12px,3vw,20px)}.explanation .top h2{display:flex}.explanation .right h2{display:none}.explanation .right .buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:clamp(8px,2vw,16px)}.explanation .buttons button{color:var(--text);border:solid;border-color:var(--primary);border-radius:clamp(8px,2vw,16px);padding:clamp(4px,1vw,6px) clamp(8px,2vw,12px);background-color:#fff;font-size:clamp(.9rem, 2.5vw, 1.3rem);cursor:pointer}.explanation .buttons button.active{background-color:var(--primary);color:#fff}.explanation .bottom{display:flex;flex-direction:column;gap:clamp(6px,1.5vw,8px)}.explanation .bottom h3{--font-size:clamp(1.4rem, 4vw, 2rem);position:relative;color:var(--secondary);font-size:var(--font-size)}.explanation .bottom h3 span{display:none}.explanation .bottom h3 span.active{display:block}.explanation .bottom h3 svg{position:absolute;display:none;bottom:calc((var(--font-size)/ 2) + 8px);left:0;color:var(--secondary);height:calc(var(--phone-height)/ 2);transform:translateX(-100%)}.explanation .bottom .text{display:flex;flex-direction:column;gap:clamp(12px,3vw,24px);display:none}.explanation .bottom .text.active{display:flex}.explanation .bottom p{font-size:clamp(1rem, 3vw, 1.4rem);color:var(--text)}@media (min-width:700px){.explanation{--phone-height:40vh}.explanation .top{flex-direction:row}.explanation h2{font-size:clamp(1.6rem, 4vw, 2.8rem)}.explanation .top h2{display:none}.explanation .right h2{display:block}.explanation .bottom h3 svg{display:block}}.scrollThrough{--font-size:clamp(1rem, 1.8rem + 1.8vw, 4rem);position:relative;width:calc(100% - var(--padding));max-width:var(--max-width-small);margin:var(--base-space) auto;display:flex;flex-direction:row;align-items:center;justify-content:space-around;gap:var(--padding);padding:40px}.scrollThrough .background{position:absolute;border-radius:30px;height:100%;width:100%;z-index:-1;background:radial-gradient(circle at 0 0,#fdefba,rgba(236,135,78,.85))}.scrollThrough .qrHeading{display:flex;flex-direction:column;gap:var(--padding)}.scrollThrough h1{display:flex;flex-direction:column;white-space:nowrap}.scrollThrough h1 span:first-child{color:var(--secondary);font-weight:var(--lora-default-weight);font-size:var(--font-size);line-height:1}.scrollThrough h1 span:last-child{color:var(--primary);font-family:Lora;font-style:italic;font-weight:var(--lora-default-weight);font-size:calc(var(--font-size) * 1.35);line-height:1}.scrollThrough a{width:fit-content;background-color:var(--primary);border-radius:16px;padding:8px 16px;font-size:clamp(.4rem, .9rem + .9vw, 2rem);color:#fff;white-space:nowrap;text-decoration:none}.scrollThrough .qrCode{height:40vh;display:none}.scrollThrough .qrCode img{height:100%}.qrHeading .mobile{display:block}.qrHeading .desktop{display:none}@media (min-width:800px){.scrollThrough .qrCode{display:block}.qrHeading .mobile{display:none}.qrHeading .desktop{display:block}.scrollThrough .background{height:65%}}.backOfficeWrapper{position:relative;width:100%;background-color:var(--secondary);color:#fff;padding:var(--padding)}.backOffice{width:100%;max-width:var(--max-width-medium);margin:var(--padding) auto;display:flex;flex-direction:column;gap:var(--padding)}.backOffice h2{font-size:clamp(.9rem, 1.8rem + 1.8vw, 3rem)}.backOffice .split{margin:0 auto;display:flex;flex-direction:column-reverse;align-items:flex-start;gap:var(--padding)}.backOffice .detailsContainer{--font-size:1.3rem;--icon-spacing:4px;flex:1;display:flex;flex-direction:column;gap:10px;width:fit-content}.backOffice details summary{font-size:var(--font-size);padding:0 0 6px 0;cursor:pointer;font-weight:700;list-style:none;display:flex;flex-direction:row;align-items:center;gap:var(--icon-spacing);width:fit-content}.backOffice details summary .icon{position:relative;width:var(--font-size);height:var(--font-size)}.backOffice details summary .icon svg{position:absolute;top:0;left:0;width:100%;height:100%}.backOffice details[open] summary .icon svg:first-child{display:none}.backOffice summary .icon svg:nth-child(2){display:none}.backOffice details[open] summary .icon svg:nth-child(2){display:block}.backOffice details p{color:var(--text);background-color:#fff;border-radius:10px;padding:5px 10px;margin-left:calc(var(--font-size) + var(--icon-spacing));text-wrap:balance;width:fit-content}.backofficeImg{width:100%}.backofficeImg img{width:100%}@media (min-width:800px){.backOffice .split{flex-direction:row;align-items:center}.backofficeImg{width:66%}}.ctaSection{position:relative;width:100%;max-width:var(--max-width-medium);margin:var(--base-space) auto 0;padding:var(--padding);display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:var(--padding)}.ctaSection .left{display:flex;flex-direction:column;gap:var(--padding)}.ctaSection .left h2{display:flex;flex-direction:column;color:var(--secondary);font-size:clamp(1.2rem, 1.3rem + 1.3vw, 4rem)}.ctaSection .left h2 .highlight{color:var(--primary);font-family:Lora;font-weight:var(--lora-default-weight)}.ctaButtons{display:flex;flex-direction:column;gap:10px;align-items:baseline}.ctaButtons a{border-radius:16px;padding:4px 16px;font-size:clamp(.8rem, 1rem + 1vw, 1.5rem);white-space:nowrap;text-decoration:none;border:solid;border-width:5px;font-weight:600}.ctaButtons a:first-child{background-color:var(--primary);border-color:var(--primary);color:#fff}.ctaButtons a:last-child{border-color:var(--secondary);color:var(--text)}.ctaArguments{padding:var(--padding);list-style:none}.ctaArguments li{--size:clamp(0.8rem, 1rem + 1vw, 1.8rem);display:flex;align-items:center;gap:16px;font-size:var(--size)}.ctaArguments li svg{flex-shrink:0;margin-top:2px;color:var(--text);height:var(--size);width:var(--size)}.ctaDetails{--font-size:clamp(0.7rem, 1rem + 1vw, 1.6rem);--icon-spacing:8px;display:flex;flex-direction:column;gap:10px;background-color:#fff;border-radius:16px;padding:8px 16px;color:var(--text);width:fit-content}.ctaDetails details{width:fit-content}.ctaDetails details summary{font-size:var(--font-size);padding:0 0 6px 0;cursor:pointer;list-style:none;display:flex;flex-direction:row;align-items:center;gap:var(--icon-spacing)}.ctaDetails details summary .icon{position:relative;width:var(--font-size);height:var(--font-size)}.ctaDetails details summary .icon svg{position:absolute;top:0;left:0;width:100%;height:100%}.ctaDetails details[open] summary .icon svg:first-child{display:none}.ctaDetails summary .icon svg:nth-child(2){display:none}.ctaDetails details[open] summary .icon svg:nth-child(2){display:block}.ctaDetails details p{margin-left:calc(var(--font-size) + var(--icon-spacing));text-wrap:balance}.ctaSection .right{display:none;flex-direction:column;flex:1}.ctaSection .right img{width:100%;height:100%}@media (min-width:1000px){.ctaSection .right{display:flex}}@media (min-width:1100px){.ctaButtons{flex-direction:row}}