.has-fade{visibility:hidden}@keyframes fade-in{from{visibility:hidden;opacity:0}1%{visibility:visible;opacity:0}to{visibility:visible;opacity:1}}.fade-in{animation:fade-in 200ms ease-in-out forwards}@keyframes fade-out{from{visibility:visible;opacity:1}99%{visibility:visible;opacity:0}to{visibility:hidden;opacity:0}}.fade-out{animation:fade-out 200ms ease-in-out backwards}html{font-size:100%;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}body{margin:0;padding:0;font-family:"Public Sans", sans-serif;color:#9698a6;font-size:1.125rem;font-weight:300;line-height:1.3;overflow-x:hidden}body.no-scroll{overflow:hidden}h1,h2,h3{margin-top:0;font-weight:300;line-height:1.15;color:#2d314d}h1{font-weight:300;font-size:2.31rem;line-height:1.15;margin-bottom:1.5rem}@media (min-width: 64em){h1{font-size:3.25rem}}h2{font-size:1.875;margin-bottom:1.5625rem}@media (min-width: 64em){h2{font-size:2.25rem;margin-bottom:2.25rem}}p{font-size:.875rem;color:#9698a6;line-height:1.5;margin-bottom:2.25rem}@media (min-width: 64em){p{font-size:1.125rem}}a,a:visited,a:hover{text-decoration:none}.container{max-width:69.375rem;margin:0 auto}.container--pall{padding-top:4.375rem;padding-right:1.5rem;padding-bottom:4.375rem;padding-left:1.5rem}@media (min-width: 64em){.container--pall{padding-top:6rem;padding-bottom:6rem}}.container--py{padding-top:4.375rem;padding-bottom:4.375rem}@media (min-width: 64em){.container--py{padding-top:6rem;padding-bottom:6rem}}.container--px{padding-left:1.5rem;padding-right:1.5rem}.container--pt{padding-top:4.375rem}@media (min-width: 64em){.container--pt{padding-top:6rem}}.container--pr{padding-right:1.5rem}.container--pb{padding-bottom:4.375rem}@media (min-width: 64em){.container--pb{padding-bottom:6rem}}.container--pl{padding-left:1.5rem}.flex{display:flex}.flex__jc-sb{justify-content:space-between}.flex__jc-c{justify-content:center}.flex__ai-c{align-items:center}.btn{position:relative;display:inline-block;padding:0.875rem 2.1875rem;border-radius:50rem;border:0;background-image:linear-gradient(to right, #31d35c, #2bb7da);font-size:.875rem;font-weight:700;color:#fff;cursor:pointer;transition:opacity 100ms ease-in-out;overflow:hidden}.btn::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,0.25);opacity:0;transition:opacity 150ms ease-in-out}.btn:hover::before{opacity:1}@media (max-width: 63.9375em){.hide-for-mobile{display:none}}@media (min-width: 64em){.hide-for-desktop{display:none}}.header.open .overlay{display:block}.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{position:relative;padding-top:1.0625rem;padding-bottom:1.0625rem;background-color:#fff;overflow:hidden}.header .overlay{position:fixed;top:0;right:0;left:0;bottom:0;background:linear-gradient(#2d314d, transparent);opacity:0}.header__logo{width:8.8125rem;height:1.375rem}.header__toggle>span{display:block;width:26px;height:2px;background-color:#2d314d;transition:all 200ms ease-in-out;transform-origin:3px 1px}.header__toggle>span:not(:last-child){margin-bottom:5px}.header__links a{position:relative;font-size:.875rem;color:#9698a6;transition:color 200ms ease-in-out}.header__links a:not(:last-child){margin-right:2rem}.header__links a::before{content:"";position:absolute;height:5px;width:100%;background:linear-gradient(to right, #31d35c, #2bb7da);left:0;right:0;bottom:-30px;opacity:0;transition:opacity 300ms ease-in-out}.header__links a:hover{color:#2d314d}.header__links a:hover::before{background:linear-gradient(to right, #31d35c, #2bb7da);opacity:1}.header__menu{position:absolute;left:50%;transform:translateX(-50%);width:calc(100% - 3rem);margin-top:1.5rem;padding:1.625rem;font-weight:400;border-radius:4px;background-color:#fff;z-index:1}.header__menu a{display:block;text-align:center;padding:0.675rem;color:#2d314d;transition:all 100ms ease-in-out}.header__menu a:hover{color:#9698a6}.hero{background-color:#fafafa}@media (min-width: 64em){.hero .container{display:flex;align-items:center}}.hero__image{position:relative;background-image:url("/images/bg-intro-mobile.svg");background-size:cover;background-repeat:no-repeat;background-position:center center;min-height:17.5rem}@media (min-width: 40em){.hero__image{min-height:25rem;background-position:center 70%}}@media (min-width: 64em){.hero__image{flex:3;order:2;height:41rem;background-image:none;background-position:left center}}@media (min-width: 64em){.hero__image::before{content:"";position:absolute;height:100%;width:100%;background-image:url("/images/bg-intro-desktop.svg");background-repeat:no-repeat;background-position:center bottom;width:150%;background-size:122%;background-position:0% 83%}}.hero__image::after{content:"";position:absolute;height:100%;width:100%;background-image:url("/images/image-mockups.png");background-size:93%;background-repeat:no-repeat;background-position:center bottom}@media (min-width: 40em){.hero__image::after{background-size:52%}}@media (min-width: 64em){.hero__image::after{width:120%;height:122%;background-size:94%;background-position:center 150%;left:22%}}.hero__text{text-align:center}@media (min-width: 64em){.hero__text{flex:2;order:1;text-align:left}}.feature{background-color:#f3f4f6;text-align:center}@media (min-width: 40em){.feature{text-align:left}}@media (min-width: 64em){.feature__intro{width:65%;margin-bottom:3.75rem}}@media (min-width: 40em){.feature__grid{display:flex;flex-wrap:wrap}}.feature__item{padding:0.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{font-size:1.25rem;font-weight:300;line-height:1.5;color:#2d314d;margin-bottom:1rem}@media (min-width: 64em){.feature__title{font-size:1.5rem;margin-bottom:1.5rem}}.feature__description{font-size:0.875rem;line-height:1.5rem}.articles{background-color:#fafafa}.article__grid{display:grid;grid-template-columns:1fr;gap:1.875rem}@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{border-radius:0.3125rem;overflow:hidden;background-color:#fff;box-shadow:0px 3px 12px rgba(0,0,0,0.15);transition:all 150ms ease-in-out}.article__item:hover{transform:scale(1.05)}.article__image{height:12.5rem;background-size:cover;background-repeat:no-repeat;background-position:center center}.article__text{padding:1.875rem 1.875rem 2.5rem 1.875rem;color:#9698a6}@media (min-width: 40em){.article__text{padding:1.875rem 1.5625rem}}.article__author{font-size:0.625rem;margin-bottom:0.75rem}.article__title{font-size:1.0625rem;line-height:1.15;color:#2d314d;margin-bottom:0.5rem}.article__description{font-size:0.8125rem}.footer{background-color:#2d314d;color:#fff;padding:2.5rem;text-align:center}@media (min-width: 64em){.footer .container{display:grid;grid-template-columns:repeat 2fr 1fr 1fr 3fr;grid-template-rows:1fr, auto;grid-template-areas:"logo links1 links2 cta" "social links1 links2 copyright";gap:1rem;justify-items:start}}.footer a{color:#fff}.footer__logo{display:inline-block}@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{grid-area:social;align-self:end}}.footer__social a{display:inline-block;height:1.25rem}.footer__social a svg path{transition:fill 150ms ease-in-out}.footer__social a:hover svg path{fill:#31d35c}.footer__social a:not(:last-child){margin-right:1rem}.footer__links{display:flex;flex-direction:column;align-items:center;font-size:0.9375rem;line-height:2.25}.footer__links a{transition:color 150ms ease-in-out}.footer__links a:hover{color:#31d35c}@media (min-width: 64em){.footer__links{justify-content:space-between;align-items:start}}@media (min-width: 64em){.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}}@media (min-width: 64em){.footer__cta{grid-area:cta;text-align:right;justify-self:end}}@media (max-width: 63.9375em){.footer__cta a.btn{margin-bottom:1.875rem}}.footer__copyright{font-size:0.8125rem;color:#9698a6}@media (min-width: 64em){.footer__copyright{grid-area:copyright;align-self:end;justify-self:end}}.footer__attribution{font-size:0.8125rem;color:#9698a6;margin-top:1.5rem}@media (min-width: 64em){.footer__attribution a{color:#f3f4f6}}