html{box-sizing:border-box;font-size:100%}*,:after,:before{box-sizing:inherit}body{color:#9698a6;font-family:Public Sans,sans-serif;font-size:1.125rem;font-weight:300;line-height:1.3;margin:0;overflow-x:hidden;padding:0}@media (min-width:64em){body{font-size:1.125rem}}body.noscroll{overflow:hidden}h1,h2,h3{color:#2d314d;font-weight:300;line-height:1.2;margin-top:0}h1{font-size:1.875rem;margin-bottom:1.5rem}@media (min-width:64em){h1{font-size:2.25rem}}h2{font-size:1.25rem;margin-bottom:1.5rem}@media (min-width:64em){h2{font-size:1.875rem;margin-bottom:2.25rem}}p{line-height:1.5;margin-bottom:2.25rem}a,a:hover,a:visited{text-decoration:none}.container{margin:0 auto;max-width:69.375rem}.container--pall{padding:4.375rem 1.5rem}@media (min-width:64em){.container--pall{padding-bottom:6rem;padding-top:6rem}}.container--y{padding-bottom:4.375rem;padding-top:4.375rem}@media (min-width:64em){.container--y{padding-bottom:6rem;padding-top:6rem}}.container--x{padding-left:1.5rem;padding-right:1.5rem}.container--pt{padding-top:4.375rem}@media (min-width:64em){.container--pt{padding-top:6rem}}.container--pb{padding-bottom:4.375rem}@media (min-width:64em){.container--pb{padding-bottom:6rem}}.container--pl{padding-left:1.5rem}.container--pr{padding-right:1.5rem}.flex{display:flex}.flex-jc-sb{justify-content:space-between}.flex-jc-c{justify-content:center}.flex-ai-c{align-items:center}.button,button{background:linear-gradient(90deg,#31d35c,#2bb7da);border:0;border-radius:50px;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;font-weight:400;overflow:hidden;padding:.875rem 2.1875rem;position:relative;transition:opacity .3s ease-in-out}.button:before,button:before{background-color:hsla(0,0%,100%,.25);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .15s ease-in-out}.button:hover:before,button:hover:before{opacity:1}@media (max-width:63.9375em){.hide-for-mobile{display:none}}@media (min-width:64em){.hide-for-desktop{display:none}}.header{position:relative;z-index:1}.header .overlay{background-image:linear-gradient(#2d314d,transparent);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0}.header.open .header__toggle>span:first-child{transform:rotate(45deg)}.header.open .header__toggle>span:nth-child(2){opacity:0}.header.open .header__toggle>span:last-child{transform:rotate(-45deg)}.header nav{background-color:#fff;padding-bottom:1.0625rem;padding-top:1.0625rem;position:relative}.header__logo img{height:1.375rem;width:8.8125rem}.header__toggle>span{background-color:#2d314d;display:block;height:2px;transform-origin:3px 1px;transition:all .3s ease-in-out;width:26px}.header__toggle>span:not(:last-child){margin-bottom:5px}.header__menu{background:#fff;border-radius:5px;box-shadow:0 3px 12px rgba(0,0,0,.15);left:50%;margin-top:1.5rem;padding:1.625rem;position:absolute;transform:translateX(-50%);width:calc(100% - 3rem)}.header__menu a{color:#2d314d;display:block;padding:.625rem;text-align:center}.header__links a{color:#9698a6;font-size:.875rem;position:relative;transition:color .3s ease-in-out}.header__links a:not(:last-child){margin-right:32px}.header__links a:before{background:linear-gradient(90deg,#31d35c,#2bb7da);bottom:-30px;content:"";display:block;height:5px;left:0;opacity:0;position:absolute;right:0;transition:opacity .3s ease-in-out}.header__links a:hover{color:#2d314d}.header__links a:hover:before{opacity:1}.has-fade{visibility:hidden}@-webkit-keyframes fade-in{0%{opacity:0;visibility:hidden}1%{opacity:0;visibility:visible}to{opacity:1;visibility:visible}}@keyframes fade-in{0%{opacity:0;visibility:hidden}1%{opacity:0;visibility:visible}to{opacity:1;visibility:visible}}.fade-in{-webkit-animation:fade-in .3s ease-in-out forwards;animation:fade-in .3s ease-in-out forwards}@-webkit-keyframes fade-out{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:hidden}to{opacity:0;visibility:hidden}}@keyframes fade-out{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:hidden}to{opacity:0;visibility:hidden}}.fade-out{-webkit-animation:fade-out .3s ease-in-out forwards;animation:fade-out .3s ease-in-out forwards}.hero{background-color:#fafafa}@media (min-width:64em){.hero .container{align-items:center;display:flex}}.hero__image{background-image:url(/images/bg-intro-mobile.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:17.5rem;position:relative}@media (min-width:40em){.hero__image{background-position:center 60%;min-height:25rem}}@media (min-width:64em){.hero__image{background-image:none;flex:3;height:41rem;order:2}.hero__image:before{background-image:url(/images/bg-intro-desktop.svg);background-position:bottom;background-position:0 83%;background-repeat:no-repeat;background-size:122%;content:"";height:100%;position:absolute;width:150%}}.hero__image:after{background-image:url(/images/image-mockups.png);background-position:bottom;background-repeat:no-repeat;background-size:93%;content:"";height:100%;position:absolute;width:100%}@media (min-width:40em){.hero__image:after{background-size:52%}}@media (min-width:64em){.hero__image:after{background-position:center 150%;background-size:94%;height:122%;left:22%;width:120%}}.hero__text{text-align:center}@media (min-width:64em){.hero__text{flex:2;order:1;text-align:left}}.hero__text p{line-height:1.5}.feature{background-color:#f3f4f6;text-align:center}@media (min-width:40em){.feature{text-align:left}}@media (min-width:64em){.feature__intro{margin-bottom:3.75rem;width:55%}}@media (min-width:40em){.feature__grid{display:flex;flex-wrap:wrap}}.feature__item{padding:.9375rem}@media (min-width:40em){.feature__item{flex:0 0 50%}}@media (min-width:64em){.feature__item{flex:1}}.feature__icon{margin-bottom:1.875rem}@media (min-width:64em){.feature__icon{margin-bottom:2.75rem}}.feature__title{color:#2d314d;font-size:1.2rem;font-weight:300;line-height:1.2;margin-bottom:1rem}@media (min-width:64em){.feature__title{font-size:1.4rem;margin-bottom:1.5rem}}.feature__description{font-size:.875rem;line-height:1.5}.articles{background-color:#fafafa}.article__grid{display:grid;gap:1.875rem;grid-template-columns:1fr}@media (min-width:40em){.article__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:64em){.article__grid{grid-template-columns:repeat(4,1fr)}}.article__item{background-color:#fff;border-radius:.3125rem;box-shadow:0 3px 12px rgba(0,0,0,.15);overflow:hidden;transition:all .15s ease-in-out}.article__item:hover{transform:scale(1.05)}.article__image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:12.5rem}.article__text{color:#9698a6;padding:1.875rem 1.875rem 1.875rem 2.5rem}@media (min-width:40em){.article__text{padding:1.875rem 1.5625rem 1.5625rem 1.875rem}}.article__author{font-size:.625rem;margin-bottom:.75rem}.article__title{color:#2d314d;font-size:1.0625rem;line-height:1.2;margin-bottom:.5rem}.article__description{font-size:.8125rem}.footer{background-color:#2d314d;color:#fff;padding:2.5rem;text-align:center}@media (min-width:64em){.footer .container{display:grid;gap:1rem;grid-template-areas:"logo links1 links2 cta" "social links1 links2 cpr";grid-template-columns:2fr 1fr 1fr 2fr;grid-template-rows:1fr auto;justify-items:start}}.footer a{color:#fff}.footer__logo{display:inline-block;font-family:Monofett,cursive;height:1.875rem;width:11.25rem}@media (max-width:63.9375em){.footer__logo{margin-bottom:1.875rem}}@media (min-width:64em){.footer__logo{grid-area:logo}}@media (max-width:63.9375em){.footer__social{margin-bottom:1.875rem}}@media (min-width:64em){.footer__social{align-self:end;grid-area:social}}.footer__social a{display:inline-block}.footer__social a svg path{transition:fill .15s ease-in-out}.footer__social a:hover svg path{fill:#31d35c}.footer__social a:not(:last-child){margin-right:.675rem}.footer__links{align-items:center;display:flex;flex-direction:column;font-size:.9375rem}@media (min-width:64em){.footer__links{align-items:start;justify-content:space-between}.footer__links.col1{grid-area:links1}}@media (max-width:63.9375em){.footer__links.col2{margin-bottom:1.875rem}}@media (min-width:64em){.footer__links.col2{grid-area:links2}}.footer__links a{line-height:2.25;transition:color .25s ease-in-out}.footer__links a:hover{color:#31d35c}@media (min-width:64em){.footer__cta{grid-area:cta;justify-self:end;text-align:right}}@media (max-width:63.9375em){.footer__cta a.button{margin-bottom:1.875rem}}.footer__copyright{font-size:.9375rem}@media (min-width:64em){.footer__copyright{align-self:end;grid-area:cpr;justify-self:end;text-align:right}}
/*# sourceMappingURL=style.css.map */