.hero-banner{width:100%;overflow:hidden;font-size:16px;padding:0 1em}.hero-banner__inner{max-width:var(--page-width);margin:48px auto;padding:3em 2em;display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;font-family:var(--font-body-family);border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px}.hero-banner__app-block{display:flex;justify-content:center}.hero-banner__heading{font-family:var(--font-heading-family);font-size:clamp(1.75em,3vw,2.5em);font-weight:700;color:#1a1a2e;line-height:1.2;margin:0}.hero-banner__subheading{font-family:var(--font-body-family);font-size:clamp(.9375em,1.75vw,1.125em);color:#4a4a6a;max-width:640px;line-height:1.7;margin:0}.hero-banner__image-wrap{width:100%;max-width:680px}.hero-banner__image-wrap img{height:400px;width:640px;max-width:100%;object-fit:contain;object-position:center;display:block;margin:0 auto}.hero-banner__support-list{display:grid;grid-template-columns:repeat(3,1fr);gap:2em;align-items:flex-start;list-style:none;margin:0;padding:0}.hero-banner__support-item{display:flex;align-items:center;text-align:left;gap:8px;font-family:var(--font-body-family);font-size:.9em;line-height:1.4;padding:0 .75em;font-weight:600;color:#2c3e6b}.hero-banner__support-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:#4a7bbe;border-radius:50%;flex-shrink:0;color:#fff}.hero-banner__support-icon .icon-checkmark{width:12px;height:12px}.hero-banner__support-icon--custom{background-color:transparent}.hero-banner__support-icon--custom img{width:24px;height:24px;object-fit:contain;display:block}.hero-banner__cta{display:inline-block;padding:10px 34px;background-color:transparent;color:#4a7bbe;font-family:Lexend Deca,sans-serif;font-size:1.1em;font-weight:700;text-decoration:none;border-radius:50px;border:2px solid #4a7bbe;letter-spacing:.02em;transition:background-color .2s ease,border-color .2s ease}.hero-banner__cta:hover,.hero-banner__cta:focus-visible{background-color:#6498d1;border-color:#6498d1;color:#fff;text-decoration:none}.hero-banner__inner--dark .hero-banner__heading{color:#fff}.hero-banner__inner--dark .hero-banner__subheading{color:#ffffffd9}.hero-banner__inner--dark .hero-banner__support-item{color:#ffffffe6}.hero-banner__inner--dark .hero-banner__support-icon{background-color:#fff;color:#4a7bbe}.hero-banner__inner--dark .hero-banner__cta{color:#fff;border-color:#fff}.hero-banner__inner--dark .hero-banner__cta:hover,.hero-banner__inner--dark .hero-banner__cta:focus-visible{background-color:#fff;border-color:#fff;color:#4a7bbe}.hero-banner__inner--dark .jdgm-star,.hero-banner__inner--dark .jdgm-prev-badge__text{color:#fff!important}.hero-banner__inner--dark .jdgm-star:before{color:#fff!important}.hero-banner__inner--bg-image .hero-banner__subheading{margin-bottom:clamp(320px,40vh,480px)}.hero-banner__inner--bg-image{position:relative;overflow:hidden}.hero-banner__inner--bg-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.hero-banner__bg-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit;z-index:0}.hero-banner__inner--bg-image>*:not(.hero-banner__bg-image){position:relative;z-index:2}.hero-banner__inner--bg-image:before{z-index:1}@media screen and (max-width:749px){.hero-banner{margin-bottom:30px;padding:0}.hero-banner__inner{margin:0;max-width:100%;padding:24px 20px 48px;gap:20px;border-radius:0 0 50px 50px}.hero-banner__support-list{grid-template-columns:1fr;gap:10px}}.hero-banner__bg-image--mobile{display:none}@media screen and (max-width:749px){.hero-banner__bg-image--desktop{display:none}.hero-banner__bg-image--mobile{display:block}}@media screen and (max-width:749px){.hero-banner__inner{display:flex;flex-direction:column}.hero-banner__cta{order:5;margin-top:1.5rem;margin-bottom:2rem}.hero-banner__support-list{order:6;margin-top:0}}@media screen and (max-width:749px){.hero-banner__inner--bg-image .hero-banner__subheading{margin-bottom:200px!important}.hero-banner__cta{margin-top:1rem!important;margin-bottom:.6rem!important;transform:translateY(-50px)}.hero-banner__support-list{margin-top:0!important;gap:.5rem!important;transform:translateY(-42px)}.hero-banner__bg-image--mobile{object-position:center center;transform:translateY(-60px) scale(1.05);transform-origin:center center}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-hero-banner.css.map */