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;min-height:200vh;overflow-x:hidden;padding:0}body.noscroll{overflow:hidden}@media (min-width:71.875em){body{font-size:1.125rem}}h1,h2,h3{color:#2d314d;font-weight:300;line-height:1.15;margin-top:0}p{line-height:1.5;margin-bottom:2.25rem}h1{font-size:2.3125rem;margin-bottom:1.5rem}@media (min-width:71.875em){h1{font-size:3.25rem}}h2{font-size:1.875rem;margin-bottom:1.5625rem}@media (min-width:71.875em){h2{font-size:2.25rem;margin-bottom:2.25rem}}a,a:hover,a:visited{text-decoration:none}.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-image:linear-gradient(90deg,#31d35c,#2bb7da);border:0;border-radius:3.125rem;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:71.8125em){.hide-for-mobile{display:none}}@media (min-width:71.875em){.hide-for-desktop{display:none}}.container{margin:0 auto;max-width:69.5625rem}.container--pall{padding:4.375rem 1.5rem}@media (min-width:71.875em){.container--pall{padding-bottom:6rem;padding-top:6rem}}.container--px{padding-left:1.5rem;padding-right:1.5rem}.container--py{padding-bottom:4.375rem;padding-top:4.375rem}@media (min-width:71.875em){.container--py{padding-bottom:6rem;padding-top:6rem}}.container--pt{padding-top:4.375rem}@media (min-width:71.875em){.container--pt{padding-top:6rem}}.container--pr{padding-right:1.5rem}.container--pb{padding-bottom:4.375rem}@media (min-width:71.875em){.container--pb{padding-bottom:6rem}}.container--pl{padding-left:1.5rem}@keyframes fade-in{0%{opacity:0;visibility:hidden}1%{opacity:0;visibility:visible}to{opacity:1;visibility:visible}}.fade-in{animation:fade-in .2s ease-in-out forwards}@keyframes fade-out{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}.fade-out{animation:fade-out .2s ease-in-out forwards}.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__menu>span{background-color:#2d314d;display:block;height:.125rem;transform-origin:.1875rem .0625rem;transition:all .3s ease-in-out;width:1.625rem}.header__menu>span:not(:last-child){margin-bottom:.3125rem}@media (max-width:71.8125em){.header__links{background-color:#fff;border-radius:.3125rem;left:50%;position:absolute;top:6.25rem;transform:translateX(-50%);width:calc(100% - 3rem)}.header__links a{color:#2d314d;display:block;font-size:1.125rem;line-height:2.5;text-align:center;width:100%}.header__links a:first-child{padding-top:1.25rem}.header__links a:last-child{padding-bottom:1.25rem}}@media (min-width:71.875em){.header__links a{color:#9698a6;font-size:.875rem;position:relative;transition:color .3s ease-in-out}.header__links a:not(:last-child){margin-right:2rem}.header__links a:after{background:linear-gradient(90deg,#31d35c,#2bb7da);bottom:-1.875rem;content:"";display:block;height:.3125rem;left:0;opacity:0;position:absolute;right:0;transition:opacity .3s ease-in-out;width:100%}.header__links a:hover{color:#2d314d}.header__links a:hover:after{opacity:1}}.header .overlay{background-image:linear-gradient(#2d314d,transparent);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;z-index:-1}.header.open .overlay{display:block;top:3.75rem;z-index:5}.header.open .header__menu{z-index:6}.header.open .header__menu>span:first-child{transform:rotate(45deg)}.header.open .header__menu>span:nth-child(2){opacity:0}.header.open .header__menu>span:last-child{transform:rotate(-45deg)}.header.open .header__links{z-index:6}.hero{background-color:#fafafa}@media (min-width:71.875em){.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 70%;min-height:25rem}}@media (min-width:71.875em){.hero__image{background-image:none;flex:3;height:40.9375rem;order:2}.hero__image:before{background-image:url(/images/bg-intro-desktop.svg);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:71.875em){.hero__image:after{background-position:center 150%;background-size:94%;height:122%;left:22%;width:120%}}.hero__text{text-align:center}@media (min-width:71.875em){.hero__text{flex:2;order:1;text-align:left}}.feature{background-color:#f3f4f6;text-align:center}@media (min-width:40em){.feature{text-align:left}}.feature__intro{margin-bottom:3.75rem}@media (min-width:71.875em){.feature__intro{width:60%}}@media (min-width:40em){.feature__grid{display:flex;flex-wrap:wrap}}.feature__item{padding:1.875rem 1.875rem 1.875rem 0}@media (min-width:40em){.feature__item{flex:0 0 50%}}@media (min-width:71.875em){.feature__item{flex:1}}.feature__icon{margin-bottom:1.875rem}@media (min-width:71.875em){.feature__icon{margin-bottom:2.75rem}}.feature__title{color:#2d314d;font-size:1.25rem;font-weight:300;line-height:1.15;margin-bottom:1rem}@media (min-width:71.875em){.feature__title{font-size:1.5rem;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:71.875em){.article__grid{grid-template-columns:repeat(4,1fr)}}.article__item{background-color:#fff;border-radius:.3125rem;box-shadow:0 .1875rem .75rem rgba(0,0,0,.15);overflow:hidden;transition:all .15s ease-in-out}.article__item:hover{transform:scale(1.01)}.article__image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:12.5rem}.article__text{color:#9698a6;padding:1.875rem 1.875rem 2.5rem}@media (min-width:40em){.article__text{padding:1.875rem 1.5625rem}}.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}.footer .container{margin-bottom:1.25rem}@media (min-width:71.875em){.footer .container{display:grid;gap:1rem;grid-template-areas:"logo links1 links2 cta" "social links1 links2 copyright";grid-template-columns:2fr 1fr 1fr 2fr;grid-template-rows:1fr auto;justify-items:start}}.footer a{color:#fff}.footer__logo{display:inline-block}@media (max-width:71.8125em){.footer__logo{margin-bottom:1.875rem}}@media (min-width:71.875em){.footer__logo{grid-area:logo}}@media (max-width:71.8125em){.footer__social{margin-bottom:1.875rem}}@media (min-width:71.875em){.footer__social{align-self:end;grid-area:social}}.footer__social a{display:inline-block;height:1.25rem}.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){display:inline-block;margin-right:1rem}.footer__links{align-items:center;display:flex;flex-direction:column;font-size:.9375rem}@media (min-width:71.875em){.footer__links{align-items:start;justify-content:space-between}.footer__links.col1{align-items:start;grid-area:links1}}@media (max-width:71.8125em){.footer__links.col2{margin-bottom:1.875rem}}@media (min-width:71.875em){.footer__links.col2{grid-area:links2}}.footer__links a{line-height:2.25;transition:color .15s ease-in-out}.footer__links a:hover{color:#31d35c}@media (max-width:71.8125em){.footer__cta a.button{margin-bottom:1.875rem}}@media (min-width:71.875em){.footer__cta{grid-area:cta;justify-self:end;text-align:right}}.footer__copyright{color:#9698a6;font-size:.9375rem}@media (min-width:71.875em){.footer__copyright{grid-area:copyright;place-self:end}}.footer .attribution{color:#9698a6;display:inline-block;font-size:.6875rem;text-align:center}.footer .attribution a{color:#3e52a3}
/*# sourceMappingURL=style.css.map */