#nav{max-width:none;padding:0;position:sticky;top:0;left:0;right:0;z-index:1000;background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;transition:background-color 1s ease,backdrop-filter 1s ease,box-shadow 1s ease;border-bottom:var(--light-gray) 1.5px solid}#nav.scrolled{background-color:#f4f4f4bf;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);box-shadow:0 1px 3rem #0000001a}.nav-container{max-width:2048px;width:100%;position:relative;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;margin:auto}.logo{justify-content:center;display:flex;margin:0}.logo>img{width:auto;height:2.5rem}.nav-container>.container{width:auto}@media (max-width: 768px){.secondary-btn{display:none}}.footer-container{padding-bottom:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;text-align:center}.footer-container .container{flex-direction:column}.footer-container .container p{margin:0}.footer-btn{margin:0;background-color:#fff;border:1.5px solid var(--light-gray);border-radius:.5rem;padding:.5rem 1rem;font-weight:400;text-align:center;cursor:pointer;display:flex;justify-content:center;align-items:center}.footer-btn:hover{border-color:var(--light-blue);color:var(--light-blue);background:var(--white);text-decoration:none}@media (max-width: 1024px){.footer-container{gap:1rem;justify-content:center}}@media (max-width: 786px){.footer-container{display:grid;grid-template-columns:1fr}.footer-container>.cta-btn{grid-column:span 2}.footer-container .row{justify-content:center;align-items:center;gap:1rem}}#cookie-banner{display:flex;flex-direction:column;position:fixed;bottom:2rem;right:2rem;left:auto;top:auto;background-color:var(--white);max-width:700px;padding:2rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden;z-index:1000}#cookie-banner>.container{flex-direction:row-reverse}#accept-cookies{border-color:green;color:green}#accept-cookies:hover{background:green;color:var(--white)}#decline-cookies{border-color:transparent}@media (max-width: 1024px){#cookie-banner{left:2rem;max-width:none}}@media (max-width: 430px){#cookie-banner{padding:1rem;right:1rem;bottom:1rem;left:1rem}#decline-cookies{padding:0}#cookie-banner>.container{flex-direction:column-reverse}}#nav{background-color:var(--baige)}#demo-btn{display:none}#above-the-fold{background-color:var(--baige);display:grid;grid-template-columns:.75fr 1fr;column-gap:5%;row-gap:1rem;min-height:70vh;margin-bottom:0}#above-the-fold>.container{flex-direction:column;justify-content:center}#above-the-fold h1{margin-bottom:1rem}#above-the-fold h2{font-weight:400}#arrow-video{width:10vw;max-height:3rem;margin:0 auto 2rem 30%;transform:rotate(20deg)}#partners{display:none;margin-top:5vh}#partners>.container{display:flex;justify-content:space-evenly;background-color:var(--white);padding:2rem;border-radius:var(--border-radius)}#partners h3{font-size:1.5rem;margin:auto 0;white-space:wrap;width:min-content}.partner-company{height:100px;width:150px;display:flex;justify-content:center;align-items:center;margin:0}.partner-company>img{height:100%;width:auto;filter:grayscale(1) contrast(200%)}.mail-container-grid{display:grid;gap:1rem}.mail-container-grid>.container{grid-column-start:6;grid-column-end:9;flex-direction:column;padding:2rem}.mail-container-grid>.container>h4{font-size:1.1rem;font-weight:400;margin:1rem 0}#arrow-mail-1{width:7vw;max-width:10rem}#arrow-mail-2{width:4vw;transform:rotate(180deg);max-width:5rem}#mail-customer{grid-column-start:1;grid-column-end:6}#mail-campground{grid-column-start:3;grid-column-end:9}.card-container-grid{display:grid;gap:3rem}#how{margin-top:10rem}#how{text-align:center}#how h3{margin:0;padding:0}#how>.card-container-grid{margin:0 10%;padding:2rem;border-radius:var(--border-radius);background-color:var(--white);gap:0;justify-items:center}#how>.card-container-grid>.card{padding:1rem;gap:0;width:80%}#how h4{font-weight:700;font-size:1.25rem}#how .card-body{color:var(--dark-gray)}#how-it-works{text-align:center;padding-top:5vh;gap:1rem;display:flex;flex-direction:column}#how-it-works h3{font-size:1.5rem;margin-bottom:0}#how-it-works h4{font-size:1.1rem;width:50%}#how-it-works .card-container-grid{text-align:center;justify-items:center;align-items:center}#how-it-works>.container{flex-direction:column;width:100%;gap:5rem}#how-it-works .container .row{justify-items:center;align-items:center}#how-it-works .container .row .card{width:50%}#how-it-works .container .row .container{width:33%;flex-direction:column;margin:auto}#how-it-works .card{background:var(--gradient-bg);box-shadow:var(--box-shadow)}#imprint,#privacy-policy{padding-top:10vh;display:flex;flex-direction:column;gap:1rem}#imprint h1,#privacy-policy h1{font-size:3rem;margin-bottom:1rem}#imprint h2,#privacy-policy h2{font-size:2rem;margin-bottom:1rem}#imprint ul{margin-left:5%}#demo{padding-top:15vh}#case-study-iframe{width:100%;height:90vh}@media (max-width: 1024px){#above-the-fold{margin-top:5vh}.gdpr-badge{max-height:50px}#arrow-video{height:10vh;width:15vw;grid-column:2;grid-row:3;margin:-5vh auto 1rem 10vw}#above-the-fold>.container{grid-column:span 2}#above-the-fold>.video-container{grid-column:span 2}#arrow-mail-1{width:10vw}#arrow-mail-2{width:5vw}#how-it-works>h4{margin:0 10vw}#how-it-works>.card-container-grid{margin:5vh 0}}@media (max-width: 768px){.btn-container{flex-direction:column}#demo-btn{display:block}#arrow-video{grid-column:span 2;margin:1rem auto}#partners>.container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem}#partners h3{grid-column:span 3;width:auto;text-align:center}.partner-company{width:10vw;height:auto;margin:auto}.mail-container-grid>.container{grid-column-start:1;grid-column-end:9;flex-direction:row-reverse;gap:2rem}#arrow-mail-1{width:10vw;margin-top:auto;margin-left:-1rem}#arrow-mail-2{width:5vw;transform:scaleY(-1);margin-bottom:auto;rotate:-20deg}#mail-customer{grid-column-start:1;grid-column-end:8}#mail-campground{grid-column-start:2;grid-column-end:9}#how>.card-container-grid{margin:0}#how>.card-container-grid>.card{width:100%}#how-it-works h3{font-size:1.5rem;margin-bottom:0}#how-it-works h4{font-size:1.1rem;width:100%}#how-it-works>h4{text-align:center;margin:0}#how-it-works .container .row .card,#how-it-works .container .row .container{width:66%}}@media (max-width: 430px){#arrow-video{width:20vw}.partner-company{width:15vw}.mail-container-grid>.container{grid-column-start:1;grid-column-end:9;flex-direction:column-reverse;gap:2rem}#arrow-mail-1{width:20vw;margin:auto;rotate:30deg}#arrow-mail-2{width:10vw;margin:auto;rotate:10deg}#mail-customer,#mail-campground{grid-column-start:1;grid-column-end:9}.mail-container>.container{flex-direction:column}#how-it-works .container .row .card,#how-it-works .container .row .container{width:100%}.imprint h1{font-size:2.5rem;margin-bottom:1rem}.imprint h2{font-size:1.75rem;margin-bottom:1rem}#FAQ{margin-top:15vh}}.card{height:fit-content;padding:1.2rem;background-color:var(--white);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:.5rem}.card-img{border-radius:.5rem;aspect-ratio:16 / 9}.card-heading h4{pointer-events:none;width:fit-content;justify-self:center;padding:.75rem 2rem;margin-bottom:0;border-radius:.5rem;background-color:var(--white);color:var(--dark-gray);font-size:1rem;font-weight:400;text-decoration:none;text-align:center;outline:none;box-shadow:none;cursor:pointer;z-index:10}.card-body{margin-top:.5rem;margin-bottom:.5rem;color:var(--white);font-size:1rem}.video-container{display:flex;justify-content:center;height:min-content;position:relative;cursor:pointer;margin:auto 0}#video-text-overlay{text-align:center;padding:33% 5%;top:0;left:0;right:0;bottom:0;position:absolute;z-index:10;color:var(--white)}#youtube-video{border-radius:1rem;border:none;outline:none;aspect-ratio:16 / 9;width:100%!important;box-shadow:var(--box-shadow);cursor:pointer}@media (max-width: 430px){#video-text-overlay{padding:20% 5%}}.accordion{width:100%;display:flex;flex-direction:column}.accordion-header{display:flex;cursor:pointer;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1.5px solid var(--light-gray)}.accordion-header h4{color:var(--dark-gray);font-size:1.1rem;font-weight:400}.accordion-header>h4{margin:0}.accordion-header:hover{text-decoration:underline var(--dark-gray)}.accordion-arrow{width:2rem;height:2rem}.accordion-content{padding:1rem}.FAQ-container{padding:2rem;background-color:var(--white);border:1.5px solid var(--light-gray);border-radius:var(--border-radius)}@media (max-width: 768px){.FAQ-container{margin:0}}.popup-content{z-index:2500;display:flex;flex-direction:column;padding:2rem;background:var(--white);width:50%;height:auto;position:absolute;right:2rem;bottom:2rem;left:auto;top:auto;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.popup-content>.gradient-text{font-size:1.5rem}.popup-content .cta-btn{width:50%}.close-btn{position:absolute;right:2rem;top:2rem;padding:0;margin-left:auto;border:none;background-color:transparent}.close-btn:hover{background-color:transparent}@media (max-width: 1024px){.popup-content{left:2rem;width:auto}.popup-content .cta-btn{width:100%}}@media (max-width: 430px){.popup-content{padding:1rem;right:1rem;bottom:1rem;left:1rem}.close-btn{right:1rem;top:1rem}.popup-content>.gradient-text{width:90%}}.contact-form{z-index:3000;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--baige);padding:2rem;border-radius:.5rem;border:1.5px solid var(--light-gray);box-shadow:var(--box-shadow);width:50%;height:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:center}.form-heading{font-size:1.5rem;margin-top:1.5rem}.contact-form .container .form-input-wrapper{width:100%}.contact-form .form-controls{width:100%;justify-content:space-between}.form-controls{margin-top:1rem;width:100%}.form-controls .cta-btn{flex-grow:1}.contact-form select{border:1.5px solid var(--light-gray);border-radius:.5rem;text-align:left;text-align-last:left;padding:.75rem 1rem;align-self:stretch}.contact-form select:hover{color:var(--black);background-color:var(--white);border-image:var(--gradient);border-image-slice:1}#privacy-checkbox{display:flex;flex-direction:row;align-items:center;gap:1rem}#privacy-checkbox a{margin:0}#privacy-checkbox input{width:min-content;height:fit-content}.contact-form .progress-bar{width:75%;margin:0}@media (max-width: 1024px){.contact-form{width:75%}}@media (max-width: 768px){.contact-form{width:90%}}@media (max-width: 430px){.contact-form{padding:1rem}.form-heading{font-size:1.5rem}.contact-form .step .container{flex-direction:column}}.step{display:none;grid-row:span 2;gap:1rem}.step .container{align-items:center}.step h5{font-size:1.25rem;margin:0}.step button,.step input,.step select,.step .btn,.step{width:100%}#step-0{grid-row:span 2;grid-column:span 2}.step.active{display:flex;flex-direction:column}.form-controls{display:flex;justify-content:flex-end;align-self:flex-start;align-items:center;gap:1rem;grid-row:1;grid-column:2}.step-btn{background-color:transparent;padding:0;border:none;font-size:1.25rem}.step-btn:hover{background-color:transparent;color:var(--purple)}.step-btn:disabled{color:var(--black)}.step-btn:disabled:hover{background-color:transparent}.step-btn:disabled .gradient-text{background:none;-webkit-background-clip:initial;-webkit-text-fill-color:var(--black);color:var(--black)}.step-arrow{width:50px}.progress-bar{display:flex;flex-direction:row;gap:1rem;width:100%;height:.5rem;margin:2rem 0 1rem}.progress-bar-step{width:100%;height:100%;background-color:var(--white);border-radius:var(--border-radius);transition:background-color .3s ease-in-out}.progress-bar-step.active{background-color:var(--purple)}.message{text-align:center;padding-top:1rem}@media (max-width: 430px){.step button,.step input,.step select,.step .btn,.step{width:100%}.form-controls{width:100%;justify-content:space-between}.step-arrow{width:auto;height:50px;margin-right:10%}}.form-input-wrapper{position:relative;display:flex;border:1.5px solid var(--dark-gray);flex-direction:column;background-color:var(--white);border-color:var(--light-gray);border-radius:.5rem;padding:.75rem 1rem;color:var(--dark-gray);line-height:100%;outline:none;width:auto;height:100%}.form-input-wrapper input{margin:0}.form-input-wrapper .form-input:focus{text-decoration:none;background:var(--white);border-color:var(--gradient)}.form-input-wrapper:hover{border:1.5px solid var(--light-blue);border-image-slice:1}.form-input-wrapper>label{display:flex;flex-direction:column;font-weight:400;cursor:pointer;margin:0}.form-input{border:none;border-radius:0;background-color:transparent;padding:0;color:var(--dark-gray);margin:0;font-size:1rem;font-weight:400;text-align:left;line-height:100%;outline:none;width:100%;height:100%;flex-grow:1}#savingsEstimator{gap:1rem}#savingsEstimator .container{flex-direction:column;gap:1rem;display:grid;grid-template-columns:1fr;grid-template-rows:1fr min-content}.form-input-wrapper{height:auto}.accordion-header h4{font-size:1rem}.accordion-header{padding:.5rem 0}.Nx2{gap:3rem}.salary{gap:.5rem}table{border-spacing:.5rem}td{width:60%;padding:.5rem;border:1.5px solid var(--light-gray);border-radius:var(--border-radius)}@media (max-width: 768px){.Nx2{gap:1rem}}:root{--white: #FFFFFF;--black: #000000;--light-blue: #4B7FFF;--dark-blue: #3D6BDA;--light-blue-rgb: 75, 127, 255;--dark-blue-rgb: 61, 107, 218;--dark-gray: #454655;--light-gray: #EAEAEA;--baige: #F6F6F6;--gradient: linear-gradient(to bottom right, var(--light-blue), var(--dark-blue));--gradient-hover: linear-gradient(to bottom right, rgba(var(--light-blue-rgb), .9), rgba(var(--dark-blue-rgb), .9));--gradient-bg: linear-gradient(to bottom right, rgba(var(--light-blue-rgb), .9), rgba(var(--dark-blue-rgb), .6));--border-radius: .5rem;--box-shadow: rgba(17, 12, 46, .15) 0px 12px 48px 0px}@font-face{font-family:Inter;src:url(src/assets/fonts/Inter_18pt-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Inter;src:url(src/assets/fonts/Inter_18pt-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Inter;src:url(src/assets/fonts/Inter_18pt-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal}*{margin:0;padding:0;box-sizing:border-box;font-family:inherit}body{width:100vw;max-width:100vw;overflow-x:hidden;line-height:150%;color:var(--dark-gray);font-family:Inter,sans-serif;font-size:1rem;background-color:var(--baige);margin:0;padding:0}h1,h2,h3,h4,h5,h6,p,a{margin:0 auto 1rem;line-height:125%}h1{font-size:3rem;font-weight:700}h2{font-size:1.1rem;font-weight:400}h4{font-size:1.5rem;font-weight:400}.section-heading{padding-top:5vh;font-size:1.75rem}a{text-decoration:none;color:inherit;cursor:pointer}a:hover{color:var(--light-blue);text-decoration:underline}.container{width:100%;display:flex;gap:1rem}section{background:var(--baige);width:100%;max-width:2048px;padding:0 5%;margin:0 auto 10vh}.no-margin-bottom{margin:0 auto}img{max-width:100%;height:auto}.section-heading{text-align:center}button,.btn{margin:0;padding:.75rem 2rem;border:1.5px solid var(--light-gray);border-radius:.5rem;background-color:var(--white);color:var(--dark-gray);font-size:1rem;font-weight:400;text-decoration:none;text-align:center;outline:none;box-shadow:none;cursor:pointer;z-index:10}button:hover,.btn:hover{text-decoration:none;background:var(--white);color:var(--light-blue);border-color:var(--gradient)}.cta-btn{color:var(--white);background:var(--gradient);border:none;border-radius:.5rem}.cta-btn:hover{color:var(--white);background:var(--gradient-hover)}.btn-container{display:flex;gap:1rem}.button-blue{color:var(--white)}.gradient-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hidden{display:none!important}.Nx1{display:grid;grid-template-columns:1fr}.Nx2{display:grid;grid-template-columns:repeat(2,1fr)}.Nx3{display:grid;grid-template-columns:repeat(3,1fr)}.Nx8{display:grid;grid-template-columns:repeat(8,1fr)}input{border-radius:var(--border-radius);border:3px solid var(--black);outline:none;padding:.5rem;font-size:1rem;font-weight:700;background-color:var(--white);width:min-content;margin:1rem 0}.row{display:flex;flex-direction:row;gap:2rem}.reversed{display:flex;flex-direction:row-reverse}.overlay{z-index:2000;display:none;background-color:#00000080;position:fixed;top:0;bottom:0;left:0;right:0}.active{display:flex}@media (max-width: 768px){h1{font-size:2.5rem}.Nx1,.Nx2,.Nx3,.Nx8{grid-template-columns:1fr}.row,.reversed{display:flex;flex-direction:column}}