*{font-family:Nunito Sans,sans-serif}body{background-color:#fff}h1{font-size:2rem}h2{font-size:1.5rem}body,h1,h2,h3,p{margin:0}.container{display:flex;justify-content:center}.container .content{width:100%}.button-loader{position:relative;width:1.5rem;height:1.5rem;border-radius:50%;animation:buttonLoaderRotation 1s linear infinite}.button-loader:before{position:absolute;box-sizing:border-box;border-radius:50%;border:3px solid #EED3E7;top:0;right:0;bottom:0;left:0;content:"";animation:buttonLoaderPrixClipFix 2s linear infinite}@keyframes buttonLoaderRotation{to{transform:rotate(360deg)}}@keyframes buttonLoaderPrixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}.section-loader{width:10px;height:10px;border-radius:50%;display:block;margin:15px auto;position:relative;color:#fff;left:-100px;box-sizing:border-box;animation:sectionLoaderShadowRolling 2s linear infinite}@keyframes sectionLoaderShadowRolling{0%{box-shadow:0 0 #fff0,0 0 #fff0,0 0 #fff0,0 0 #fff0}12%{box-shadow:100px 0 #fff,0 0 #fff0,0 0 #fff0,0 0 #fff0}25%{box-shadow:110px 0 #fff,100px 0 #fff,0 0 #fff0,0 0 #fff0}36%{box-shadow:120px 0 #fff,110px 0 #fff,100px 0 #fff,0 0 #fff0}50%{box-shadow:130px 0 #fff,120px 0 #fff,110px 0 #fff,100px 0 #fff}62%{box-shadow:200px 0 #fff0,130px 0 #fff,120px 0 #fff,110px 0 #fff}75%{box-shadow:200px 0 #fff0,200px 0 #fff0,130px 0 #fff,120px 0 #fff}87%{box-shadow:200px 0 #fff0,200px 0 #fff0,200px 0 #fff0,130px 0 #fff}to{box-shadow:200px 0 #fff0,200px 0 #fff0,200px 0 #fff0,200px 0 #fff0}}section#hero{height:calc(100vh - 3rem);min-height:48rem;max-height:72rem;background:linear-gradient(#004e98,#004e98 60%,#005fb8);color:#fff}section#hero .container{height:100%}section#hero .container .content{display:flex;flex-direction:column;overflow:hidden}section#hero .container .content button{cursor:pointer;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}section#hero .container .content nav{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(131,131,131,.7);padding:1rem}@media (max-width: 640px){section#hero .container .content nav{justify-content:center}}section#hero .container .content nav .logo{display:flex;align-items:center}section#hero .container .content nav .logo img{margin-right:.5rem;filter:brightness(0) invert(1)}section#hero .container .content nav button{border:1px solid #FFFFFF;border-radius:.5rem;padding:.5rem 1rem;background:none;color:#fff;font-size:1rem}@media (max-width: 640px){section#hero .container .content nav button{display:none}}section#hero .container .content nav button:hover{background-color:#fff;color:#004e98}section#hero .container .content .middle{flex-grow:1;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:2rem;text-align:center}section#hero .container .content .middle h1{max-width:42rem}section#hero .container .content .middle p{max-width:21rem}section#hero .container .content .middle h1,section#hero .container .content .middle p{margin-bottom:2rem}section#hero .container .content .middle button{border:none;border-radius:.5rem;padding:.75rem 1.5rem;background-color:#c46bae;color:#fff;font-size:1rem;font-weight:700}section#hero .container .content .middle button:hover{background-color:#af4695}section#hero .container .content .bottom{padding:0 4rem}@media (max-width: 768px){section#hero .container .content .bottom{padding:0 1rem}}@media (max-width: 640px){section#hero .container .content .bottom{width:140%}}section#hero .container .content .bottom img{display:block;width:100%;max-width:1024px;margin:0 auto}@media (max-width: 640px){section#hero .container .content .bottom img{margin:0}}section#end-to-end-encryption .container .content{max-width:1024px;padding:6rem 4rem}@media (max-width: 768px){section#end-to-end-encryption .container .content{padding:4rem 1rem}}@media (max-width: 640px){section#end-to-end-encryption .container .content{padding:4rem 1rem 4rem 0}}section#end-to-end-encryption .container .content .box{position:relative;display:flex;align-items:start;flex-direction:row-reverse;box-sizing:border-box;width:calc(100% - 4rem);padding:2rem;border-radius:1rem;background-color:#419d78;color:#fff}@media (max-width: 640px){section#end-to-end-encryption .container .content .box{flex-direction:column;width:100%;border-radius:0 1rem 1rem 0;padding:2rem 1rem}}section#end-to-end-encryption .container .content .box img.green-dots{position:absolute;display:none;bottom:1rem;right:4.5rem;z-index:0;transform:rotate(8deg)}@media (max-width: 1024px){section#end-to-end-encryption .container .content .box img.green-dots{display:block}}@media (max-width: 768px){section#end-to-end-encryption .container .content .box img.green-dots{bottom:2rem}}@media (max-width: 640px){section#end-to-end-encryption .container .content .box img.green-dots{display:none}}section#end-to-end-encryption .container .content .box h1{margin-bottom:1.75rem}section#end-to-end-encryption .container .content .box h1,section#end-to-end-encryption .container .content .box p{z-index:1}section#end-to-end-encryption .container .content .box .narrow{display:none}@media (max-width: 640px){section#end-to-end-encryption .container .content .box .narrow{display:block}}section#end-to-end-encryption .container .content .box .narrow p{margin-bottom:1rem}section#end-to-end-encryption .container .content .box img.illustration{z-index:1;box-sizing:border-box;width:450px;max-width:60%;margin:0 -6rem 0 2rem;border:1px solid #ADADAD;border-radius:1rem}@media (max-width: 640px){section#end-to-end-encryption .container .content .box img.illustration{width:calc(100% + 2rem);max-width:calc(100% + 2rem);margin:0 -2rem 0 0;border-right:none;border-radius:1rem 0 0 1rem}}@media (max-width: 640px){section#end-to-end-encryption .container .content .box .wide{display:none}}section#end-to-end-encryption .container .content .box .short+.long{display:none}section#end-to-end-encryption .container .content .box .read-more{text-decoration-color:#9ad5bd;white-space:nowrap;cursor:pointer}section#simple-yet-powerful .container .content{max-width:1024px;padding:0 4rem}@media (max-width: 768px){section#simple-yet-powerful .container .content{padding:0 1rem}}section#simple-yet-powerful .container .content h1{margin-bottom:2.5rem;text-align:center}section#simple-yet-powerful .container .content h1 span{position:relative}section#simple-yet-powerful .container .content h1 span:before{display:inline-block;position:absolute;top:0;left:-2.5px;width:calc(100% + 5px);height:100%;z-index:-1;transform:rotate(-3deg);background-color:#f8dc63;content:""}section#simple-yet-powerful .container .content .simple{display:flex;align-items:center;margin-bottom:2.5rem}@media (max-width: 640px){section#simple-yet-powerful .container .content .simple{flex-direction:column-reverse}}section#simple-yet-powerful .container .content .simple .left{flex:1;position:relative;border-radius:1rem;overflow:hidden;padding:1rem 0}@media (max-width: 640px){section#simple-yet-powerful .container .content .simple .left{width:calc(100% + 2rem);border-radius:0;padding:0}}section#simple-yet-powerful .container .content .simple .left:before{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:#c3d6ea;content:""}@media (max-width: 640px){section#simple-yet-powerful .container .content .simple .left:before{top:15%;height:70%}}section#simple-yet-powerful .container .content .simple .left img{display:block;width:100%}section#simple-yet-powerful .container .content .simple .right{flex:1}@media (max-width: 640px){section#simple-yet-powerful .container .content .simple .right{margin-bottom:1rem}}section#simple-yet-powerful .container .content .simple .right h2{margin-bottom:1rem}section#simple-yet-powerful .container .content .simple .right h2,section#simple-yet-powerful .container .content .simple .right p{margin-left:2rem}@media (max-width: 768px){section#simple-yet-powerful .container .content .simple .right h2,section#simple-yet-powerful .container .content .simple .right p{margin-left:1rem}}@media (max-width: 640px){section#simple-yet-powerful .container .content .simple .right h2,section#simple-yet-powerful .container .content .simple .right p{margin-left:0}}section#simple-yet-powerful .container .content .powerful{display:flex;align-items:center}section#simple-yet-powerful .container .content .powerful:not([data-breakdown=stay-organized]) .breakdown[data-breakdown=stay-organized] .trigger,section#simple-yet-powerful .container .content .powerful:not([data-breakdown=calendar]) .breakdown[data-breakdown=calendar] .trigger,section#simple-yet-powerful .container .content .powerful:not([data-breakdown=advanced-features]) .breakdown[data-breakdown=advanced-features] .trigger,section#simple-yet-powerful .container .content .powerful:not([data-breakdown=others]) .breakdown[data-breakdown=others] .trigger{cursor:pointer}section#simple-yet-powerful .container .content .powerful:not([data-breakdown=stay-organized]) .breakdown[data-breakdown=stay-organized] .trigger:hover,section#simple-yet-powerful .container .content .powerful:not([data-breakdown=calendar]) .breakdown[data-breakdown=calendar] .trigger:hover,section#simple-yet-powerful .container .content .powerful:not([data-breakdown=advanced-features]) .breakdown[data-breakdown=advanced-features] .trigger:hover,section#simple-yet-powerful .container .content .powerful:not([data-breakdown=others]) .breakdown[data-breakdown=others] .trigger:hover{padding-left:.25rem;background-color:#ebf5ff}section#simple-yet-powerful .container .content .powerful:not([data-breakdown=stay-organized]) .breakdown[data-breakdown=stay-organized] .trigger img.caret,section#simple-yet-powerful .container .content .powerful:not([data-breakdown=calendar]) .breakdown[data-breakdown=calendar] .trigger img.caret,section#simple-yet-powerful .container .content .powerful:not([data-breakdown=advanced-features]) .breakdown[data-breakdown=advanced-features] .trigger img.caret,section#simple-yet-powerful .container .content .powerful:not([data-breakdown=others]) .breakdown[data-breakdown=others] .trigger img.caret{opacity:1}section#simple-yet-powerful .container .content .powerful:not([data-breakdown=stay-organized]) .breakdown[data-breakdown=stay-organized] .info,section#simple-yet-powerful .container .content .powerful:not([data-breakdown=calendar]) .breakdown[data-breakdown=calendar] .info,section#simple-yet-powerful .container .content .powerful:not([data-breakdown=advanced-features]) .breakdown[data-breakdown=advanced-features] .info,section#simple-yet-powerful .container .content .powerful:not([data-breakdown=others]) .breakdown[data-breakdown=others] .info{display:none}section#simple-yet-powerful .container .content .powerful .left{flex:1}@media (max-width: 640px){section#simple-yet-powerful .container .content .powerful .left{margin-bottom:1rem}}section#simple-yet-powerful .container .content .powerful .left .breakdowns{margin-right:2rem}@media (max-width: 768px){section#simple-yet-powerful .container .content .powerful .left .breakdowns{margin-right:1rem}}@media (max-width: 640px){section#simple-yet-powerful .container .content .powerful .left .breakdowns{margin-right:0}}section#simple-yet-powerful .container .content .powerful .left .breakdown:not(:first-child){border-top:1px solid #B8B8B8}section#simple-yet-powerful .container .content .powerful .left .breakdown .trigger{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}section#simple-yet-powerful .container .content .powerful .left .breakdown .trigger img.caret{opacity:0;-webkit-transition:opacity .25s ease-out;-moz-transition:opacity .25s ease-out;-o-transition:opacity .25s ease-out;transition:opacity .25s ease-out}section#simple-yet-powerful .container .content .powerful .left .breakdown .info p{margin-bottom:1rem}section#simple-yet-powerful .container .content .powerful .left .breakdown .info .illustration-wrapper{display:none;position:relative;margin-bottom:1.5rem}@media (max-width: 640px){section#simple-yet-powerful .container .content .powerful .left .breakdown .info .illustration-wrapper{display:block}}section#simple-yet-powerful .container .content .powerful .left .breakdown .info .illustration-wrapper img{width:100%}section#simple-yet-powerful .container .content .powerful .left .breakdown[data-breakdown=stay-organized] .info .illustration-wrapper:before{display:block;position:absolute;top:20%;left:0;width:calc(100% + 1rem);height:60%;z-index:-1;background-color:#c3d6ea;content:""}section#simple-yet-powerful .container .content .powerful .left .breakdown[data-breakdown=stay-organized] .info .illustration-wrapper img{width:calc(100% + 1rem);margin-left:-1rem}section#simple-yet-powerful .container .content .powerful .left .breakdown[data-breakdown=advanced-features] .trigger .title{display:flex;align-items:center}section#simple-yet-powerful .container .content .powerful .left .breakdown[data-breakdown=advanced-features] .info p img{display:inline;margin-bottom:-.25rem}section#simple-yet-powerful .container .content .powerful .left .breakdown[data-breakdown=advanced-features] .info .illustration-wrapper img{border-radius:1rem}section#simple-yet-powerful .container .content .powerful .left .breakdown[data-breakdown=others] .info .illustration-wrapper img{border-radius:1rem}section#simple-yet-powerful .container .content .powerful:not([data-breakdown=stay-organized]) .right [data-breakdown=stay-organized],section#simple-yet-powerful .container .content .powerful:not([data-breakdown=calendar]) .right [data-breakdown=calendar],section#simple-yet-powerful .container .content .powerful:not([data-breakdown=advanced-features]) .right [data-breakdown=advanced-features],section#simple-yet-powerful .container .content .powerful:not([data-breakdown=others]) .right [data-breakdown=others]{display:none}section#simple-yet-powerful .container .content .powerful .right{flex:1}@media (max-width: 640px){section#simple-yet-powerful .container .content .powerful .right{display:none}}section#simple-yet-powerful .container .content .powerful .right [data-breakdown] img{display:block;width:100%}section#simple-yet-powerful .container .content .powerful .right [data-breakdown=stay-organized]{position:relative;padding:2rem 0}section#simple-yet-powerful .container .content .powerful .right [data-breakdown=stay-organized]:before{display:block;position:absolute;top:0;left:0;width:calc(100% - 4rem);height:100%;z-index:-1;border-radius:1rem;background-color:#c3d6ea;content:""}section#simple-yet-powerful .container .content .powerful .right [data-breakdown=advanced-features] img{border-radius:1rem}section#simple-yet-powerful .container .content .powerful .right [data-breakdown=others] img{border-radius:1rem}section#open-source .container .content{padding:6rem 1rem}@media (max-width: 768px){section#open-source .container .content{padding:4rem 1rem}}section#open-source .container .content .box{display:flex;align-items:center;max-width:500px;margin:0 auto;border-radius:1rem;padding:2rem;background-color:#f5f5f5}@media (max-width: 640px){section#open-source .container .content .box{max-width:100%;padding:2rem 1.5rem}}section#open-source .container .content .box img{margin-right:2rem}@media (max-width: 640px){section#open-source .container .content .box img{margin-right:1.5rem}}section#open-source .container .content .box h1{margin-bottom:.5rem}section#availability .container{background-color:#f0f5fa}section#availability .container .content{padding:2.5rem 1rem;text-align:center}section#availability .container .content .logos{display:inline-block}section#availability .container .content .logos img{margin:1.5rem .75rem 0}@media (max-width: 640px){section#availability .container .content .logos img{height:42px;margin:1rem .5rem 0}}section#waitlist.loading button span:not(.button-loader){visibility:hidden}section#waitlist:not(.loading) button span.button-loader,section#waitlist:not(.loading) .blocker,section#waitlist:not([data-mode=email]) [data-mode=email],section#waitlist:not([data-mode=code]) [data-mode=code],section#waitlist:not([data-mode=processing]) [data-mode=processing],section#waitlist:not([data-mode=done]) [data-mode=done]{display:none}section#waitlist.popup .container .content .popup-background{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;box-sizing:border-box;padding:1rem;background-color:#004e9880;-webkit-backdrop-filter:blur(.15rem);backdrop-filter:blur(.15rem)}section#waitlist.popup .container .content .popup-background .box{flex-grow:1;max-width:640px}section#waitlist.popup .container .content .popup-background .box svg.close{display:block}section#waitlist .container .content{padding:1rem}section#waitlist .container .content .box{position:relative;display:block;border-radius:1rem;padding:6rem 1rem 7.5rem;background-color:#cb7cb7}section#waitlist .container .content .box h1{margin-bottom:1rem;text-align:center;color:#fff}section#waitlist .container .content .box [data-mode] form{display:flex;align-items:start;max-width:24rem;margin:0 auto}@media (max-width: 640px){section#waitlist .container .content .box [data-mode] form{flex-direction:column;max-width:100%}}section#waitlist .container .content .box [data-mode] form .input-wrapper{flex-grow:1}@media (max-width: 640px){section#waitlist .container .content .box [data-mode] form .input-wrapper{width:100%}}section#waitlist .container .content .box [data-mode] form .input-wrapper input{box-sizing:border-box;width:100%;border:none;border-radius:.5rem 0 0 .5rem;outline:none;background-color:#fff}@media (max-width: 640px){section#waitlist .container .content .box [data-mode] form .input-wrapper input{border-radius:.5rem;text-align:center}}section#waitlist .container .content .box [data-mode] form .input-wrapper .warning{display:block;color:#f9f0f7}section#waitlist .container .content .box [data-mode] form .input-wrapper .warning:not(:empty){margin-top:.25rem;padding:0 1rem}@media (max-width: 640px){section#waitlist .container .content .box [data-mode] form .input-wrapper .warning{text-align:center}}section#waitlist .container .content .box [data-mode] form button{position:relative;border:none;border-radius:0 .5rem .5rem 0;background-color:#a04088;color:#fff;font-weight:700;cursor:pointer;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}@media (max-width: 640px){section#waitlist .container .content .box [data-mode] form button{width:100%;margin-top:.75rem;border-radius:.5rem;text-align:center}}section#waitlist .container .content .box [data-mode] form button:hover{background-color:#923a7c}section#waitlist .container .content .box [data-mode] form button .button-loader{position:absolute;top:calc(50% - .75rem);left:calc(50% - .75rem)}section#waitlist .container .content .box [data-mode] form input,section#waitlist .container .content .box [data-mode] form button{padding:.5rem 1rem;font-size:1rem}section#waitlist .container .content .box [data-mode] p{text-align:center;color:#fff}section#waitlist .container .content .box [data-mode=code] .code-message{margin-bottom:.75rem}section#waitlist .container .content .box [data-mode=code] .code-resend-message{margin:1.5rem auto .5rem}section#waitlist .container .content .box [data-mode=code] .code-resend-message .resend-countdown:not(:empty)+.resend-wrapper{display:none}section#waitlist .container .content .box [data-mode=code] .code-resend-message,section#waitlist .container .content .box [data-mode=code] .code-email-message{color:#e8c5df}section#waitlist .container .content .box [data-mode=code] .code-resend-message u,section#waitlist .container .content .box [data-mode=code] .code-email-message u{cursor:pointer;-webkit-transition:color .25s ease-out;-moz-transition:color .25s ease-out;-o-transition:color .25s ease-out;transition:color .25s ease-out}section#waitlist .container .content .box [data-mode=code] .code-resend-message u:hover,section#waitlist .container .content .box [data-mode=code] .code-email-message u:hover{color:#f9f0f7}section#waitlist .container .content .box [data-mode=done] p{max-width:20rem;margin:0 auto}section#waitlist .container .content .box [data-mode=done] p:not(:last-child){margin-bottom:.5rem}section#waitlist .container .content .box .blocker{position:absolute;top:0;left:0;width:100%;height:100%}section#waitlist .container .content .box svg.close{display:none;position:absolute;top:.5rem;right:.5rem;cursor:pointer}section#footer .container{border-top:1px solid #C2C2C2;background:linear-gradient(to right,#f5f5f5,#fff calc(50% - 4rem),#fff calc(50% + 4rem),#f5f5f5)}@media (max-width: 640px){section#footer .container{background:none}}section#footer .container .content{display:flex;align-items:center;flex-direction:column;padding:1.75rem 1rem 2.25rem;font-size:.8rem}section#footer .container .content .logo{display:flex;align-items:center}section#footer .container .content .logo img{margin-right:.5rem;filter:brightness(0) invert(.68)}section#footer .container .content .logo small{display:block;margin-top:-.25rem;filter:invert(.6)}section#footer .container .content .logo small a{text-decoration:none}section#footer .container .content .middle{margin:.5rem 0 1rem}section#footer .container .content .middle a,section#footer .container .content .middle u{margin:.6rem;color:#999;cursor:pointer}section#footer .container .content p{color:#999}.contact-toast,.credits-toast,.cookies-toast{display:flex;align-items:start;border-radius:.5rem;padding:1rem;background:#fff;color:#000;cursor:auto}.contact-toast a,.credits-toast a,.cookies-toast a{color:#000}.contact-toast .toast-close,.credits-toast .toast-close,.cookies-toast .toast-close{color:#000;padding:0 0 0 .75rem}
