﻿@import'normalize.css/normalize.css';@keyframes scroll-button-bounce{0%,100%{transform:translateY(0) translateX(-50%)}50%{transform:translateY(10px) translateX(-50%)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}.appear{animation:fadeInUp .6s ease-in-out both}.fade-out{animation:fadeOut .6s ease-out forwards !important}.boxes{display:flex;flex-direction:column}.box{-webkit-box-shadow:0 2px 10px rgba(0,0,0,.2);-moz-box-shadow:0 2px 10px rgba(0,0,0,.2);box-shadow:0 2px 10px rgba(0,0,0,.2);background-color:#fff;padding:1rem;margin-bottom:2rem;width:100%;max-width:775px;box-sizing:border-box}.box.top-left{-webkit-border-top-left-radius:1.5rem;-webkit-border-top-right-radius:1.5rem;border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;background-clip:padding-box;-webkit-border-bottom-left-radius:1.5rem;border-bottom-left-radius:1.5rem;background-clip:padding-box;align-self:flex-start}.box.top-right{-webkit-border-top-left-radius:1.5rem;-webkit-border-top-right-radius:1.5rem;border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;background-clip:padding-box;-webkit-border-bottom-right-radius:1.5rem;border-bottom-right-radius:1.5rem;background-clip:padding-box;align-self:flex-end}.box.bottom-left{-webkit-border-bottom-left-radius:1.5rem;-webkit-border-bottom-right-radius:1.5rem;border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem;background-clip:padding-box;-webkit-border-top-left-radius:1.5rem;border-top-left-radius:1.5rem;background-clip:padding-box;align-self:flex-start}.box.bottom-right{-webkit-border-bottom-left-radius:1.5rem;-webkit-border-bottom-right-radius:1.5rem;border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem;background-clip:padding-box;-webkit-border-top-right-radius:1.5rem;border-top-right-radius:1.5rem;background-clip:padding-box;align-self:flex-end}.box p,.box ul{line-height:1.6}.box p:last-child{margin-bottom:0}.button{-webkit-border-radius:100px;border-radius:100px;background-clip:padding-box;background-color:#00809e;color:#fff;transition:background-color .2s ease-in-out;text-decoration:none;padding:.5rem 1rem;border:none;font-family:"Nunito",sans-serif;cursor:pointer;white-space:nowrap}.button:hover{color:#fff;background-color:rgb(51,153.4,177.4)}.button-big{-webkit-box-shadow:0 2px 10px rgba(0,0,0,.5);-moz-box-shadow:0 2px 10px rgba(0,0,0,.5);box-shadow:0 2px 10px rgba(0,0,0,.5);font-size:1.125rem;font-weight:bold;padding:1rem 2rem}.comics{max-width:600px;width:100%;margin:5rem auto 0 auto;display:block}.comics-stick-bottom{margin-bottom:-100px}.comics-strip{display:grid;grid-template-columns:1fr 1fr 1fr;max-width:940px;width:100%;margin:1rem auto 3rem auto}@media(max-width: 799px){.comics-strip{grid-template-columns:1fr}}.comics-strip img{max-width:100%;object-fit:cover}.footer{color:#fff;padding:2rem}.footer a{color:#7bd9f2;text-decoration:underline}.footer a:hover{color:#fff}.footer .footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;margin-bottom:2rem}.footer .footer-brand{flex:1 1 250px}.footer .footer-brand p{margin:0}.footer .footer-brand .logo{height:3rem;margin-bottom:.5rem}.footer .footer-brand .subtitle{font-size:1rem}.footer .footer-contact h3,.footer .footer-contact h4{margin:.5rem 0 0}.footer .footer-contact h4{margin-top:2rem}.footer .footer-contact p{font-size:1rem;margin:0 0 1rem}.footer .footer-contact .btn{display:inline-block;margin-top:.5rem;padding:.5rem 1rem;border:2px solid #7bd9f2;border-radius:20px;color:#7bd9f2;background:rgba(0,0,0,0);transition:background .2s ease-in-out,color .2s ease-in-out;text-decoration:none;font-weight:bold}.footer .footer-contact .btn:hover{background:#7bd9f2;color:#00809e}.footer .footer-socials{margin-top:2rem;flex:1 1 150px;display:flex;gap:.5rem;align-items:flex-start}.footer .footer-socials .icon{display:flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem}.footer .footer-socials .icon img{opacity:.8;transition:opacity .2s ease-in-out;width:2.2rem;height:2.2rem}.footer .footer-socials .icon:hover img{opacity:1}.footer .footer-bottom{display:flex;justify-content:center;gap:.5rem;border-top:3px solid hsla(0,0%,100%,.2);padding-top:2rem;font-size:.875rem;text-align:center}@media(max-width: 799px){.footer .footer-bottom{flex-direction:column;gap:1rem}.footer .footer-bottom .separator{display:none}}.footer .footer-bottom .separator{opacity:.6}.footer .footer-bottom .separator::before{content:"•"}.navbar{-webkit-box-shadow:0 2px 10px rgba(0,0,0,.5);-moz-box-shadow:0 2px 10px rgba(0,0,0,.5);box-shadow:0 2px 10px rgba(0,0,0,.5);-webkit-border-bottom-left-radius:1.5rem;-webkit-border-bottom-right-radius:1.5rem;border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem;background-clip:padding-box;position:fixed;top:0;width:100%;max-width:1140px;left:50%;transform:translateX(-50%);background:#fff;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:1.125rem;font-weight:bold;box-sizing:border-box}.navbar a:not(.button){color:#000;text-decoration:none;transition:color .2s ease-in-out;cursor:pointer}.navbar a:not(.button):hover{color:#00809e}.navbar .logo{display:flex;align-items:center}.navbar .logo img{height:2rem;width:auto;margin-right:.5rem}@media(max-width: 799px){.navbar .menu{display:none}}.navbar .menu a{padding:0 1rem}section{-webkit-box-shadow:0 2px 20px rgba(0,0,0,.2);-moz-box-shadow:0 2px 20px rgba(0,0,0,.2);box-shadow:0 2px 20px rgba(0,0,0,.2);padding:100px 0;background-color:#fff;background-image:url("/static/img/paper-texture.png");position:relative;box-sizing:border-box}section.hero{z-index:5;background-color:#7bd9f2;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}section.hero .cols{box-sizing:border-box;width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center}@media(max-width: 799px){section.hero .cols{grid-template-columns:1fr}section.hero .cols .penguin{margin-top:3rem}}section.hero dl{position:relative}section.hero dl::before{display:block;content:"";position:absolute;top:-10rem;left:-10rem;right:-10rem;bottom:-10rem;background:url("/static/img/header-list-background.png") center center no-repeat;background-size:100% 100%;z-index:-1}section.hero dl div:not(:last-child){margin-bottom:1rem}section.hero dl div dt,section.hero dl div dd{font-size:1.125rem;margin:0;display:inline-block}section.hero dl div dt{font-weight:bold}section.hero dl div dt::after{content:":";margin-right:.5em}section.hero .penguin{max-width:100%}section.hero .signup-wrapper{padding-top:4rem}section.hero .signup-wrapper .signup{-webkit-border-radius:100px;border-radius:100px;background-clip:padding-box;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.5);-moz-box-shadow:0 2px 10px rgba(0,0,0,.5);box-shadow:0 2px 10px rgba(0,0,0,.5);width:100%;max-width:634px;margin:auto;background-color:#fff;display:flex;padding:2px}@media(max-width: 799px){section.hero .signup-wrapper .signup{flex-direction:column;-webkit-border-radius:25px;border-radius:25px;background-clip:padding-box}}section.hero .signup-wrapper .signup input{flex-grow:1;margin:0 .5rem 0 1rem;border:none;outline:none;font-size:1.125rem;font-family:"Nunito",sans-serif;background:rgba(0,0,0,0)}@media(max-width: 799px){section.hero .signup-wrapper .signup input{padding:1rem 0}}section.hero .signup-wrapper .signup .button{font-size:1.125rem;font-weight:bold;padding:.75rem 1rem}section.hero .scroll{position:absolute;bottom:0;left:50%;transform:translateX(-50%);cursor:pointer;font-size:.875rem;font-weight:bold;color:#000;padding:2rem 0;animation:scroll-button-bounce 2s ease-in-out infinite;text-decoration:none}@media(max-width: 799px){section.hero .scroll{display:none}}section.hero .scroll::before{content:"";position:absolute;bottom:1rem;left:50%;width:.5rem;height:.5rem;border-left:2px solid #000;border-top:2px solid #000;transform:translate(-50%, -50%) rotate(225deg)}section.why{z-index:4;background-color:#faf6f3}section.how{z-index:3;background-color:#eaf7f5}section.how .intro{background-color:#eaf7f5}section.full-experience{z-index:2;background-color:#fff5f8}section.full-experience .intro{background-color:#fff5f8}section.footer{z-index:1;background-color:#00809e;color:#fff}section .content{width:100%;max-width:1140px;margin:0 auto;padding:0 1rem;box-sizing:border-box}section .intro{-webkit-box-shadow:0 2px 10px rgba(0,0,0,.2);-moz-box-shadow:0 2px 10px rgba(0,0,0,.2);box-shadow:0 2px 10px rgba(0,0,0,.2);-webkit-border-radius:1.5rem;border-radius:1.5rem;background-clip:padding-box;background-color:#fff;margin:auto auto 5rem;max-width:775px;padding:1rem}section .intro p{line-height:1.6}section .intro p:first-child{margin-top:0}section .intro p:last-child{margin-bottom:0}.signup-modal{position:fixed;width:100%;height:100%;top:0;z-index:30;background-color:#e5e0dc;background-image:url("/static/img/paper-texture.png");display:none;align-items:center;justify-content:center}.signup-modal.show{display:flex}.signup-modal .modal-content{display:flex;flex-direction:column;overflow:auto;max-height:100vh;padding:1rem;box-sizing:border-box;width:100%;max-width:500px}.signup-modal .modal-content .close{align-self:flex-end;cursor:pointer}.signup-modal .modal-content h2{margin-top:1rem;margin-bottom:0}.signup-modal .modal-content p{font-size:1.125rem}.signup-modal .modal-content input{-webkit-border-radius:100px;border-radius:100px;background-clip:padding-box;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.5);-moz-box-shadow:0 2px 10px rgba(0,0,0,.5);box-shadow:0 2px 10px rgba(0,0,0,.5);margin-top:1rem;padding:.5rem 1rem;border:none;outline:none;font-size:1.125rem;font-family:"Nunito",sans-serif}.signup-modal .modal-content input[type=email],.signup-modal .modal-content input[type=text],.signup-modal .modal-content input[type=password]{border:2px solid #fff;transition:border-color .2s ease-in-out;width:100%;box-sizing:border-box}.signup-modal .modal-content input[type=email]:focus,.signup-modal .modal-content input[type=text]:focus,.signup-modal .modal-content input[type=password]:focus{border-color:#00809e}.signup-modal .modal-content input[type=password]{padding-right:3rem}.signup-modal .modal-content .password-wrapper{position:relative}.signup-modal .modal-content .password-wrapper a{position:absolute;right:.75rem;bottom:.375rem;width:2rem;height:2rem;background-image:url("/static/img/icon-eye.svg");background-position:center center;background-repeat:no-repeat;background-size:cover;cursor:pointer}.signup-modal .modal-content .password-wrapper a.visible{background-image:url("/static/img/icon-eye-crossed.svg")}.signup-modal .modal-content label{margin-top:1rem;display:flex;justify-content:flex-start;align-items:center;font-size:1.125rem;cursor:pointer}.signup-modal .modal-content label a{margin-left:.25rem}.signup-modal .modal-content input[type=checkbox]{width:1.25rem;height:1.25rem;margin:0 .5rem 0 0;accent-color:#00809e}.signup-modal .modal-content #agree2{position:absolute;left:-9999px}.signup-modal .modal-content .button{margin-top:1rem;display:flex;justify-content:center;align-items:center;width:100%}.signup-modal .modal-content .button:disabled{opacity:.7;cursor:not-allowed}.signup-modal .modal-content .button .spinner{width:1em;height:1em;border:2px solid rgba(0,0,0,0);border-top:2px solid #fff;border-radius:50%;animation:spin .6s linear infinite;display:block;margin-right:1rem}.signup-modal .modal-content .error{-webkit-border-radius:1.5rem;border-radius:1.5rem;background-clip:padding-box;background-color:#ffa8bb;padding:.5rem 1rem;font-size:1.125rem;border:2px solid #000;display:none}.signup-modal .modal-content .error.show{display:block}.signup-modal .modal-content .success{-webkit-border-radius:1.5rem;border-radius:1.5rem;background-clip:padding-box;background-color:#8bece0;padding:.5rem 1rem .5rem 3rem;font-size:1.125rem;border:2px solid #000;background-image:url("/static/img/icon-check.svg");background-position:.5rem center;background-repeat:no-repeat;background-size:2rem 2rem;display:none}.signup-modal .modal-content .success.show{display:block}.steps{display:flex;flex-direction:column}.step{max-width:500px;position:relative}.step-1{z-index:3;align-self:center}@media(min-width: 1050px){.step-1{align-self:flex-start}}.step-2{z-index:2;align-self:center;margin-top:2rem;margin-bottom:2rem}@media(min-width: 1050px){.step-2{align-self:flex-end;margin-top:-5rem;margin-bottom:-5rem}.step-2::after{content:"";position:absolute;width:503px;height:285px;background:url("/static/img/arrow-1.svg") center center no-repeat;top:-285px;left:-140px}}.step-3{z-index:1;align-self:center}@media(min-width: 1050px){.step-3{align-self:flex-start}.step-3::after{content:"";position:absolute;width:404px;height:202px;background:url("/static/img/arrow-2.svg") center center no-repeat;left:100%;top:70px}}.step .description{-webkit-border-top-left-radius:1.5rem;-webkit-border-top-right-radius:1.5rem;border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;background-clip:padding-box;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.2);-moz-box-shadow:0 2px 10px rgba(0,0,0,.2);box-shadow:0 2px 10px rgba(0,0,0,.2);background:#fff;box-sizing:border-box;padding:1rem;position:relative;z-index:2}.step .description p:last-child{margin-bottom:0;line-height:1.6}.step .video{position:relative;z-index:1}.step .video video{-webkit-box-shadow:0 2px 10px rgba(0,0,0,.2);-moz-box-shadow:0 2px 10px rgba(0,0,0,.2);box-shadow:0 2px 10px rgba(0,0,0,.2);-webkit-border-bottom-left-radius:1.5rem;-webkit-border-bottom-right-radius:1.5rem;border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem;background-clip:padding-box;max-width:100%}body{font-family:"Nunito",sans-serif;font-size:1rem;color:#000;margin:0}h1{font-family:"Patrick Hand SC",sans-serif;font-size:4.5rem;font-weight:normal;line-height:4.5rem;margin-top:0}h2{font-family:"Patrick Hand SC",sans-serif;font-size:3.75rem;font-weight:normal;text-align:center}h3{font-family:"Nunito",sans-serif;font-size:1.5rem;font-weight:bold;margin-top:0;margin-bottom:1rem}a{color:#00809e;transition:color .2s ease-in-out}a:hover{color:rgb(51,153.4,177.4)}.appear-on-scroll{opacity:0}.button-row{display:flex;justify-content:center;gap:1rem;margin:6rem 0 4rem 0}