.app-hero-banner{width:100%;padding:80px 20px;display:flex;justify-content:center;overflow:hidden;font-family:Google Sans,sans-serif}.app-hero-banner__container{max-width:1224px;width:100%;display:grid;grid-template-columns:minmax(0,568px) minmax(0,600px);gap:56px;align-items:center}.app-hero-banner__content{display:flex;flex-direction:column;gap:16px}.app-hero-banner__logo{margin-bottom:8px;height:56px;display:flex;align-items:center}.app-hero-banner__logo img{height:100%;width:auto;object-fit:contain}.app-hero-banner__heading{font-family:Google Sans,sans-serif;font-weight:500;font-size:64px;line-height:1.2;color:#fff;margin:0;letter-spacing:-.2px;word-break:break-word}.app-hero-banner__subheading{font-family:Google Sans,sans-serif;font-weight:400;font-size:18px;line-height:1.5;color:#e4e6e7;margin:0}.app-hero-banner__action{margin-top:40px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.app-hero-banner__button{display:inline-flex;align-items:center;justify-content:center;background-color:#24edb9;color:#181a1d;font-family:Google Sans,sans-serif;font-weight:500;font-size:16px;line-height:1.3;padding:15px 22px;border-radius:28px;text-decoration:none;transition:all .3s ease}.app-hero-banner__button:hover{background-color:#1fcb9e;transform:translateY(-2px)}.app-hero-banner__footnote{font-family:Google Sans,sans-serif;font-weight:400;font-size:12px;line-height:1.6;color:#e4e6e7;opacity:.8}.app-hero-banner__image-wrapper{display:flex;justify-content:center;align-items:center;width:100%}.app-hero-banner__image{width:100%;max-width:600px;height:auto;border-radius:24px;object-fit:cover}@media screen and (max-width:990px){.app-hero-banner__container{grid-template-columns:1fr;gap:40px;text-align:center}.app-hero-banner__content,.app-hero-banner__action,.app-hero-banner__logo{align-items:center}.app-hero-banner__heading{font-size:48px}.app-hero-banner__button{width:100%;max-width:300px}}@media screen and (max-width:750px){.app-hero-banner{padding:60px 16px}.app-hero-banner__heading{font-size:36px}.app-hero-banner__subheading{font-size:16px}}.app-animate-up{opacity:0;animation:heroFadeUp .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.app-animate-scale{opacity:0;animation:heroScaleIn 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes heroScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.app-animate-fadein{opacity:0;animation:heroFadeIn 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes heroFadeIn{0%{opacity:0}to{opacity:1}}.app-hero-banner__logo.app-animate-up{animation-delay:.1s}.app-hero-banner__heading.app-animate-up{animation-delay:.2s}.app-hero-banner__subheading.app-animate-up{animation-delay:.3s}.app-hero-banner__action.app-animate-up{animation-delay:.4s}.app-hero-banner__image-wrapper.app-animate-scale{animation-delay:.2s}.app-hero-banner__image{transition:transform .5s ease}.app-hero-banner__image:hover{transform:scale(1.02)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/app-hero-banner.css.map */