*,:after,:before{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-size:100%}body{background-color:#fafafa;min-height:100vh;overflow-x:hidden}body.noscroll{overflow:hidden}a,a:hover,a:visited{text-decoration:none}ul{list-style:none}.u-mt-large{margin-top:2.25rem!important}.u-mt-small{margin-top:1.5rem!important}.u-mt-tiny{margin-top:.875rem!important}.u-text-subheading{color:var(--col-txt1)!important;font-size:.875rem;font-weight:700!important}.u-divider{background-color:var(--col-bg-card);height:1px;margin:12px 0;width:100%}@media (min-width:40em){.u-divider{display:none}}.span-all{grid-column:1/-1}@media (max-width:56.20em){.hide-for-mobile{display:none!important}}@media (min-width:56.25em){.hide-for-tablet{display:none!important}}:root{--font-public-sans:"Public Sans",sans-serif}body{font-family:var(--font-public-sans);font-size:1.125rem}h1,h2,h3{color:#2d314d;font-weight:400;margin-top:0}h1{font-size:2.5rem}@media (min-width:56.25em){h1{font-size:3.25rem}}h2{font-size:2.25rem}@media (min-width:56.25em){h2{font-size:2.875rem}}h3{font-size:1.5rem}p{color:#9698a6;font-size:1rem;line-height:1.5!important}@media (min-width:56.25em){p{font-size:1.125rem}}.header{background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.1);z-index:100}.header__wrapper{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:0;justify-content:space-between;margin:0 auto;max-width:100rem;padding:1.5625rem}@media (min-width:56.25em){.header__wrapper{padding:0 1.5625rem}}.header__navlist{display:flex;flex-direction:column}@media (min-width:56.25em){.header__navlist{flex-direction:row;gap:1.25rem}}.header__navlist a{color:#9698a6;font-size:.875rem;transition:all .2s ease-in-out}.header__navlist a.active,.header__navlist a:hover{color:#2d314d}@media (min-width:56.25em){.header__navlist a{display:inline-block;font-size:1rem;padding:1.5rem 0;position:relative}.header__navlist a:after{background:linear-gradient(225deg,#31d35c,#2bb7da);bottom:0;content:"";height:.3125rem;left:0;opacity:0;position:absolute;width:100%}.header__navlist a.active:after,.header__navlist a:hover:after{opacity:1}}.section{padding:3.5rem 1.875rem}@media (min-width:56.25em){.section{margin:0 auto;max-width:100rem;padding:4.5rem 1.5625rem}}.footer{background-color:#2d314d;color:#f3f4f6;position:relative}.footer__wrapper{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;gap:2rem;justify-content:center;padding:2.25rem 0}@media (min-width:56.25em){.footer__wrapper{flex-direction:row;justify-content:space-between;margin:0 auto;max-width:100rem;padding:4.5rem 1.5625rem}}.footer__item1{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;gap:2rem;justify-content:center}@media (min-width:56.25em){.footer__item1{gap:3rem}}.footer__item1 img{height:1.625rem}@media (min-width:56.25em){.footer__item1 img{height:1.5rem}}.footer__socialIcons{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:1.125rem;justify-content:center}.footer__socialIcons img{height:1.75rem}@media (min-width:56.25em){.footer__socialIcons img{height:1.375rem}}.footer__item2{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;gap:1.125rem;justify-content:center}@media (min-width:56.25em){.footer__item2{align-items:start;flex-wrap:wrap;gap:2rem;height:8.75rem;width:25%}}.footer__item2 a{color:inherit}.footer__item3{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;gap:2rem;justify-content:center}.footer__credit{bottom:10px;font-size:.75rem;left:50%;position:absolute;transform:translateX(-50%)}.footer__credit a{color:#2bb7da}.hamburger{align-items:center;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;gap:0;height:1.375rem;justify-content:center;width:1.5rem}.hamburger span{background-color:#2d314d;display:inline-block;height:.125rem;position:relative;transition:background-color 0s .2s;width:100%}.hamburger span:after,.hamburger span:before{background-color:#2d314d;content:"";height:.125rem;position:absolute;transform-origin:center;transition:margin .2s .2s,transform .2s 0s;width:100%}.hamburger span:after{margin-top:6px}.hamburger span:before{margin-top:-6px}@media (min-width:56.25em){.hamburger{display:none}}.hamburger:hover{transform:scale(1.05)}.hamburger.active span{background-color:transparent;transition-delay:.2s}.hamburger.active span:after,.hamburger.active span:before{background-color:#9698a6;margin-top:0;transform-origin:center;transition:margin .2s 0s,transform .2s .2s}.hamburger.active span:after{transform:rotate(45deg)}.hamburger.active span:before{transform:rotate(-45deg)}.overlay{align-items:flex-start;background:linear-gradient(180deg,#2d314d,transparent);bottom:0;display:flex;justify-content:center;left:-100%;opacity:0;position:fixed;right:0;top:4.375rem;transition:all .1s ease .3s;z-index:1000}.overlay.active{left:0;opacity:1;transition:all .3s ease}.overlay.active nav{top:20px;transition:top .3s ease .3s}.overlay nav{background-color:#fff;border-radius:5px;padding:1.25rem 0;position:absolute;top:-500px;transition:top .3s ease;width:max(90%,300px)}.overlay__navlist li{text-align:center}.overlay__navlist a{color:#2d314d;display:block;font-weight:400;padding:.625rem 0;position:relative;z-index:1}.overlay__navlist a:after{background:linear-gradient(225deg,#31d35c,#2bb7da);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s,width .4s cubic-bezier(1,0,0,1) .3s;width:5px;z-index:-1}.overlay__navlist a:hover{color:#fff;transition:color 0s .5s}.overlay__navlist a:hover:after{transform:scaleY(1);width:100%}.hero{position:relative}@media (min-width:56.25em){.hero__wrapper{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:0;justify-content:flex-start;min-height:39.375rem;padding:3.5rem 1.875rem}}@media (min-width:56.25em) and (min-width:56.25em){.hero__wrapper{margin:0 auto;max-width:100rem;padding:4.5rem 1.5625rem}}.hero__image{background-image:url(../images/image-mockups.png),url(../images/bg-intro-mobile.svg);background-position:bottom,50%;background-repeat:no-repeat;background-size:325px,cover;min-height:17.5rem}@media (min-width:56.25em){.hero__image{background-image:url(../images/image-mockups.png),url(../images/bg-intro-desktop.svg);background-position:top -115px right -140px,top -200px right -300px;background-size:740px,1100px;min-height:47.1875rem;overflow:visible;position:absolute;right:0;top:0;width:65%}}.hero__content{padding:2.5rem 1.875rem 4rem;text-align:center}@media (min-width:56.25em){.hero__content{padding:0;text-align:start;width:35%}}.hero__content h1{font-weight:400}.features{background-color:#f3f4f6}.features__wrapper{display:grid;grid-template-columns:1fr;padding:3.5rem 1.875rem}@media (min-width:56.25em){.features__wrapper{grid-gap:1.125rem;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:100rem;padding:4.5rem 1.5625rem}}.features__heading,.features__subheading{text-align:center}@media (min-width:56.25em){.features__heading,.features__subheading{text-align:start;width:700px}}.articles__wrapper{grid-gap:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:3.5rem 1.875rem}@media (min-width:56.25em){.articles__wrapper{margin:0 auto;max-width:100rem;padding:4.5rem 1.5625rem}}.articles__heading{text-align:center}@media (min-width:56.25em){.articles__heading{text-align:start;width:700px}}.cta{background:linear-gradient(225deg,#31d35c,#2bb7da);border-radius:100px;color:#fff;display:inline-block;font-size:.875rem;font-weight:400;font-weight:700;padding:.625rem 1.75rem}.cta.large{padding:1rem 2.25rem}.cta:hover{filter:brightness(1.1)}.featureCard{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;gap:1.25rem;justify-content:center;margin-top:2rem}@media (min-width:56.25em){.featureCard{align-items:flex-start}}.featureCard__content{word-wrap:break-word;text-align:center}@media (min-width:56.25em){.featureCard__content{text-align:start}}.articleCard{background-color:#fff;border-radius:5px;box-shadow:0 0 5px 1px rgba(0,0,0,.1);overflow:hidden}@media (min-width:56.25em){.articleCard{margin-top:2rem}}.articleCard__image{height:250px}.articleCard__image img{height:100%;width:100%}.articleCard__content{display:flex;flex-direction:column;gap:12px;padding:1.5625rem}.articleCard__author{font-size:.75rem}.articleCard__detail{font-size:1rem;text-align:start}
/*# sourceMappingURL=style.css.map */