body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#e5d9b6;font-family:sans-serif;overflow:hidden}#body-inner{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory}#body-inner>*{scroll-snap-align:start}h1{font-family:Italiana,serif;font-size:80px;font-weight:100;color:#285430}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}nav{display:flex;flex-flow:row;align-items:flex-end;justify-content:flex-end;height:60px;font-size:25px;column-gap:60px;padding-right:200px}nav a{color:#285430;font-weight:400;text-decoration:none}@media only screen and (max-width: 1200px){nav{padding-right:100px}}@media only screen and (max-width: 950px){nav{padding-right:50px}}@media only screen and (max-width: 735px){nav{padding-right:0;padding-left:20px;justify-content:flex-start;column-gap:30px}nav a{font-weight:100;font-size:20px;color:#477d50}}section#hero{padding-bottom:200px;display:flex;min-height:100vh}section#hero>img{flex-grow:0;flex-shrink:0;height:100vh}section#hero #hero-content{display:flex;flex-flow:column;align-items:flex-start;justify-content:center}section#hero #hero-content p{font-size:30px;max-width:40vw;color:#5f8d4e}section#hero #hero-content>*{margin:12px 0;padding:0}@media only screen and (max-width: 1200px){section#hero h1{font-size:49px}section#hero>img{height:80vh}}@media only screen and (max-width: 850px){section#hero>img{height:70vh}}@media only screen and (max-width: 735px){section#hero{flex-direction:column-reverse;justify-content:center;align-items:flex-start;position:relative}section#hero h1{font-size:70px}section#hero>img{height:auto;width:80vw}section#hero #hero-content{padding:30px 20px}section#hero #hero-content p{max-width:80vw}}@media only screen and (max-width: 680px){section#hero h1{font-size:50px}section#hero>img{height:auto;width:95vw}section#hero #hero-content p{max-width:90vw;font-size:25px}section#hero #hero-content img{height:2em}}section#features{padding-bottom:200px;min-height:100vh;display:flex;align-items:center;justify-content:center}section#features #features-wrapper{display:flex;flex-flow:row;align-items:flex-start;justify-content:center}section#features .feature{display:flex;flex-flow:column;align-items:center}section#features .feature.security{transition:1s ease-in-out;transform:rotate(180deg)}section#features .feature.security img{transform:rotate(180deg)}section#features .feature.security.rotate{transform:rotate(0)}section#features .feature img{width:17vw;margin:0 40px}section#features .feature p{font-size:40px;margin-bottom:0}@media only screen and (max-width: 800px){section#features{padding-top:50px;padding-bottom:200px}section#features #features-wrapper{flex-flow:column;align-items:flex-start;justify-content:center}section#features .feature{display:flex;flex-flow:column;align-items:center;margin:30px 0}section#features .feature img{width:150px;max-width:75vw;margin:0}section#features .feature p{font-size:30px;margin-bottom:0}}.benefit{color:#e5d9b6;min-height:100vh;display:flex;flex-flow:column;justify-content:center}.benefit strong{color:#f5efdb}.benefit:nth-child(odd){background-color:#28543061;padding-left:10vw;text-align:left;align-items:flex-start}.benefit:nth-child(even){background-color:#549464bf;padding-right:10vw;text-align:right;align-items:flex-end}.benefit p{font-size:50px;max-width:60vw;font-weight:100}.benefit img{width:40vw;margin-bottom:50px}@media only screen and (max-width: 900px){.benefit p{font-size:40px}}@media only screen and (max-width: 750px){.benefit img{width:70vw}}@media only screen and (max-width: 500px){.benefit img{width:80vw}}section#pricing{min-height:100vh;display:flex;flex-flow:column;align-items:center;font-size:40px}section#pricing #pricing-inner{display:grid;grid-template-columns:280px 220px 220px 220px;box-sizing:border-box;width:100%;padding:0 30px;flex-flow:row;justify-content:center;align-items:center;font-size:1em;font-weight:300;column-gap:20px}section#pricing #pricing-inner .subscriptions{background-color:#ffcfc9;color:#000;padding:30px;height:30vh}section#pricing #pricing-inner .subscriptions p{margin:0;padding:0}section#pricing #pricing-inner .subscriptions .price{font-size:1.5em;margin-bottom:15px}section#pricing #pricing-inner .subscriptions .details{font-size:.5em}section#pricing #pricing-inner .subscriptions.important{background-color:#ff8473;color:#fff}@media only screen and (max-width: 1040px){section#pricing #pricing-inner{grid-template-columns:220px 170px 170px 170px;column-gap:20px}section#pricing #pricing-inner .subscriptions{color:#000;padding:30px 20px}}@media only screen and (max-width: 840px){section#pricing{padding-bottom:280px}section#pricing #pricing-inner{grid-template-columns:300px 300px;row-gap:20px}section#pricing #pricing-inner .subscriptions{height:auto}}@media only screen and (max-width: 700px){section#pricing #pricing-inner{grid-template-columns:1fr 1fr}}@media only screen and (max-width: 540px){section#pricing{padding-bottom:400px;font-size:30px}section#pricing #pricing-inner{grid-template-columns:1fr}}section#dynamics{width:100%;min-height:100vh;background-color:#deeaa9;display:flex;flex-flow:column;align-items:center}@keyframes dataUserToServer{0%{left:-5px;background-color:#545454}20%{left:100%;background-color:#545454}30%{left:100%;background-color:transparent}to{left:100%;background-color:transparent}}@keyframes dataServerToCalendar{0%{left:-5px;background-color:transparent}40%{left:-5px;background-color:transparent}40.01%{left:-5px;background-color:#545454}50%{left:100%;background-color:#545454}50.01%{left:100%;background-color:transparent}50.02%{left:-5px;background-color:transparent}50.03%{left:-5px;background-color:#545454}60%{left:100%;background-color:#545454}60.01%{left:100%;background-color:transparent}60.02%{left:-5px;background-color:transparent}60.03%{left:-5px;background-color:#545454}70%{left:100%;background-color:#545454}70.01%{left:100%;background-color:transparent}70.02%{left:-5px;background-color:transparent}70.03%{left:-5px;background-color:#545454}80%{left:100%;background-color:#545454}80.01%{left:100%;background-color:transparent}80.02%{left:-5px;background-color:transparent}80.03%{left:-5px;background-color:#545454}80%{left:100%;background-color:#545454}80.01%{left:100%;background-color:transparent}80.02%{left:-5px;background-color:transparent}80.03%{left:-5px;background-color:#545454}90%{left:100%;background-color:#545454}to{left:100%;background-color:transparent}}@keyframes runServer{30%{left:100%;background-color:transparent;transform:rotate(0)}45%{transform:rotate(360deg)}45.01%{transform:rotate(0)}to{left:100%;background-color:transparent}}section#dynamics #dynamics-wrapper{margin-top:10vh;display:flex;flex-flow:row;justify-content:space-around;width:90vw}section#dynamics #dynamics-wrapper .connection{display:inline-block;margin-top:8vw;height:1px;width:400px;max-width:17vw;background-color:#545454;position:relative}section#dynamics #dynamics-wrapper .connection .data{background-color:#303030;display:inline-block;position:absolute;left:-5px;top:-5px;height:10px;width:10px;border-radius:50%}section#dynamics #dynamics-wrapper #user-server .data{animation:dataUserToServer linear infinite 5s}section#dynamics #dynamics-wrapper #server-calendar .data{animation-delay:2s;animation:dataServerToCalendar linear infinite 5s}section#dynamics #dynamics-wrapper .server>img{animation:runServer linear infinite 5s}section#dynamics #dynamics-wrapper .dynamic{display:flex;flex-flow:column;align-items:center;width:17vw}section#dynamics #dynamics-wrapper .dynamic img{width:17vw}section#dynamics #dynamics-wrapper .dynamic p{width:17vw;font-size:17px;margin-bottom:0}@media only screen and (max-width: 770px){section#dynamics h1{font-size:60px}}section#faq{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:20px 20px 300px;box-sizing:border-box}section#faq #faqs{box-sizing:border-box;width:100%;display:flex;flex-direction:column;align-items:center;row-gap:20px}section#faq #faqs .faq{box-sizing:border-box;width:min(90%,1400px);flex-direction:column;align-items:flex-start;justify-content:space-between;padding:30px;font-size:30px;line-height:30px;background-color:#faefd1;display:flex}section#faq #faqs .faq .answer{font-size:.8em}footer{min-height:max(55vh,300px);display:flex;flex-flow:column;justify-content:center;align-items:flex-start;padding-left:10vw;row-gap:20px}footer a{color:#000;font-size:35px}.login-button{padding:13px 40px!important;text-align:center;border:none;background-color:#a4be7b87;border-radius:5px;cursor:pointer;font-size:42px;width:210px;text-decoration:none;color:#3d5811}