.has_fade{visibility:hidden;opacity:0}@keyframes fade-in{from{opacity:0;visibility:hidden}20%{opacity:0.2;visibility:visible}40%{opacity:0.4;visibility:visible}60%{opacity:0.6;visibility:visible}80%{opacity:0.8;visibility:visible}to{opacity:1;visibility:visible}}.fade-in{animation:fade-in 200ms ease-in-out forwards}@keyframes fade-out{from{opacity:1;visibility:visible}20%{opacity:0.8;visibility:visible}40%{opacity:0.6;visibility:visible}60%{opacity:0.4;visibility:visible}80%{opacity:0.2;visibility:visible}to{opacity:0;visibility:hidden}}.fade-out{animation:fade-out 200ms ease-in-out forwards}html{font-size:100%;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}body{margin:0;padding:0;line-height:1.3;font-family:'Public Sans', sans-serif;font-size:.875rem;font-weight:300;color:#9698a6;overflow-x:hidden}body.no_scroll{overflow:hidden}body h1,body h2,body h3,body h4,body h5,body h6{color:#2d314d;font-weight:300}body h1{margin:0 auto;font-size:2.375rem}@media (min-width: 64em){body h1{font-size:3.25rem}}body h2{font-size:1.875rem}@media (min-width: 64em){body h2{font-size:2.375rem}}body h3{font-size:1.25rem}@media (min-width: 64em){body h3{font-size:1.5rem}}body p{line-height:1.5;margin-bottom:2.25rem}@media (min-width: 64em){body p{font-size:1rem}}body a{color:#9698a6}body a,body a:link,body a:visited,body a:hover,body a:active{text-decoration:none}body .container{max-width:70rem;margin:0 auto}body .container--fluid{padding-top:2.25rem;padding-right:1.5rem;padding-bottom:2.25rem;padding-left:1.5rem}body .container--py{padding-top:2.25rem;padding-bottom:2.25rem}body .container--px{padding-right:1.5rem;padding-left:1.5rem}body .btn,body .btn_cta{background:none;border:0;cursor:pointer}body .btn_cta{position:relative;background:linear-gradient(to right, #31d35c, #2bb7da);padding:0.875rem 2.25rem;border-radius:3.125rem;color:#fff;font-weight:700}body .btn_cta::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:rgba(255,255,255,0.5);opacity:0;transition:opacity 300ms ease-in-out}body .btn_cta:hover::before{opacity:1}body .text-align-center{text-align:center}@media (min-width: 40em){body .hide-for-desktop{display:none}}@media (max-width: 39.9375em){body .hide-for-mobile{display:none}}.flex{display:flex}.flex-jc-sb{justify-content:space-between}.flex-jc-c{justify-content:center}.flex-ai-c{align-items:center}.header{font-size:.875rem;position:relative}.header nav{padding-top:1.125rem;padding-bottom:1.125rem;position:relative;background:#fff;z-index:3}.header__hamburger{background:none;padding:0;cursor:pointer}.header__hamburger,.header__hamburger:focus,.header__hamburger:active{border:none;outline:none;box-shadow:none}.header__hamburger>span{display:block;background-color:#000;width:1.5rem;height:0.0625rem;transition:all 300ms ease-in-out;transform-origin:5px 1px}.header__hamburger>span:not(:last-child){margin-bottom:0.25rem}.header__hamburger.open>span:first-child{transform:rotate(45deg)}.header__hamburger.open>span:nth-child(2){opacity:0}.header__hamburger.open>span:last-child{transform:rotate(-45deg)}.header__toggle ul{list-style-type:none;padding:0;margin:0}.header__toggle ul li{display:inline-block}.header__toggle ul li:not(:last-child){margin-right:2rem}.header__toggle ul li a{position:relative;transition:color 300ms ease-in-out}.header__toggle ul li a::before{content:"";display:block;position:absolute;height:5px;background-image:linear-gradient(to right, #31d35c, #2bb7da);left:0;right:0;bottom:-2rem;opacity:0;transition:opacity 300ms ease-in-out}.header__toggle ul li a:hover{color:#2d314d}.header__toggle ul li a:hover::before{opacity:1}.header .overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(#2d314d, transparent);z-index:1}.header__menu{position:absolute;left:50%;transform:translateX(-50%);margin-top:1.4375rem;background-color:#fff;width:calc(100% - 3rem);padding:1.625rem 0px;border-radius:0.3125rem;text-align:center;z-index:2}.header__menu ul{margin:0;padding:0;list-style-type:none;font-size:1rem}.header__menu ul li{padding:0.5625rem 0px}.header__menu ul li a:link{color:#2d314d;transition:color 300ms ease-in-out}.header__menu ul li a:visited{color:#2d314d}.header__menu ul li a:hover{color:#9698a6}.header__menu ul li a:active{color:#9698a6}.hero{background-color:#fafafa}@media (max-width: 39.9375em){.hero{padding-bottom:49px}}@media (min-width: 64em){.hero .container{display:flex;align-items:center}}.hero__image{position:relative;background-image:url("../../images/bg-intro-mobile.svg");min-height:17.8125rem;background-size:cover;background-repeat:no-repeat;background-position:center center}@media (min-width: 40em){.hero__image{min-height:25rem}}@media (min-width: 64em){.hero__image{flex:3;order:2;min-height:41.5625rem;background-image:none}.hero__image::after{content:"";position:absolute;width:125%;height:120%;background-image:url("../../images/image-mockups.png");background-size:90%;background-repeat:no-repeat;background-position:45% 128%;left:20%}}.hero__image::before{content:"";position:absolute;width:100%;height:100%;background-image:url("../../images/image-mockups.png");background-size:91%;background-repeat:no-repeat;background-position:center bottom}@media (min-width: 40em){.hero__image::before{background-size:60%}}@media (min-width: 64em){.hero__image::before{position:absolute;width:120%;height:100%;background-image:url("../../images/bg-intro-desktop.svg");background-size:165%;background-repeat:no-repeat;background-position:5% 70%;overflow-x:hidden}}.hero__text{text-align:center}@media (min-width: 64em){.hero__text{flex:2;order:1;text-align:left}}.feature{background-color:#f3f4f6}@media (max-width: 39.9375em){.feature{text-align:center}}.feature__intro{margin-bottom:3.4375rem}@media (min-width: 64em){.feature__intro{width:55%;margin-bottom:4.6875rem}}.feature__grid{display:flex;flex-wrap:wrap}.feature__item{flex:100%}@media (min-width: 40em){.feature__item{flex:50%}.feature__item:not(:last-child){padding-right:1.875rem}}@media (min-width: 64em){.feature__item{flex:25%}}.article{background-color:#fafafa}@media (max-width: 39.9375em){.article__header{text-align:center}}.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__grid .card{background-color:#fff;cursor:pointer;border-radius:5px;overflow:hidden;transition:all 500ms ease-in-out}.article__grid .card img{width:100%;height:14.625rem}@media (min-width: 40em){.article__grid .card img{height:15.625rem}}@media (min-width: 64em){.article__grid .card img{height:11.5rem}}.article__grid .card__body{padding:1.25rem}@media (min-width: 40em){.article__grid .card__body{padding:1.5625rem}}.article__grid .card__author{font-size:0.6875rem}.article__grid .card__title{font-size:1rem;margin:0.875rem auto;transition:color 500ms ease-in-out}.article__grid .card__text{font-size:0.8125rem}.article__grid .card:hover{box-shadow:0px 3px 12px rgba(0,0,0,0.15)}.article__grid .card:hover .card__title{color:#31d35c}.footer{background-color:#2d314d;text-align:center}@media (min-width: 64em){.footer{text-align:left}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 3fr;grid-template-rows:1fr auto;grid-template-areas:"logo col-1 col-2 btn" "social col-1 col-2 copyright"}}.footer__logo{margin-bottom:1.875rem}@media (min-width: 64em){.footer__logo{grid-area:logo;margin-bottom:0}}.footer__social{margin-bottom:1.875rem}@media (min-width: 64em){.footer__social{grid-area:social;margin-bottom:0;align-self:flex-end}}.footer__social ul{margin:0;padding:0;list-style-type:none}.footer__social ul li{display:inline-block}.footer__social ul li:not(:last-child){margin-right:0.9375rem}.footer__social ul li a svg path{transition:fill 300ms ease-in-out}.footer__social ul li a:hover svg path{fill:#31d35c}@media (min-width: 64em){.footer__links.col-1{grid-area:col-1}}@media (min-width: 64em){.footer__links.col-2{grid-area:col-2}}.footer__links ul{margin:0;padding:0;list-style-type:none}.footer__links ul li{padding:0.625rem 0}.footer__links ul li a{transition:color 300ms ease-in-out}.footer__links ul li a:link{color:#fff}.footer__links ul li a:visited{color:#fff}.footer__links ul li a:hover{color:#31d35c}.footer__links ul li a:active{color:#31d35c}.footer__button{margin:1.875rem auto}@media (min-width: 64em){.footer__button{grid-area:btn;margin:0;text-align:right}}.footer__copyright{color:#9698a6}@media (min-width: 64em){.footer__copyright{grid-area:copyright;align-self:flex-end;text-align:right}}
/*# sourceMappingURL=style.min.css.map */