.hero{background:#fff;border-radius:1.25rem;align-items:center;width:calc(100% - 3rem);min-height:clamp(16rem,40vw,22rem);margin:.5rem auto 1.5rem;padding:clamp(2rem,4vw,2.5rem);display:flex;position:relative;overflow:hidden}.hero-background{z-index:0;pointer-events:none;border-radius:1.25rem;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.hero-background .hero-bg-image{object-fit:cover;object-position:center;width:100%;height:100%}.hero-container{z-index:1;width:100%;margin:0 auto}.hero-content{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(.9rem,0vw,0rem);display:grid}.hero-text{text-align:left;flex-direction:column;align-items:flex-start;gap:clamp(1.25rem,2.5vw,1.5rem);width:100%;margin-top:4rem;display:flex}.hero-heading{color:#1a1a1a;letter-spacing:.005em;text-align:left;max-width:100%;margin:0;font-size:clamp(1.5rem,4vw,4rem);font-weight:700;line-height:1.2}.hero-heading .hero-heading-strikes-container{position:relative}.hero-heading .hero-heading-strikes-container .hero-heading-highlight{white-space:normal;display:inline}.hero-heading .hero-heading-strikes-container .highlight-strike{z-index:1;object-fit:contain;aspect-ratio:auto;width:clamp(8rem,80vw,80%);height:auto;position:absolute;bottom:-10%;right:clamp(-.5rem,-9.5vw,-9.5%)}.hero-description{color:#4d525f;letter-spacing:.01em;text-align:left;max-width:75%;margin:0;font-size:clamp(.875rem,1.2vw,1.145rem);font-weight:500;line-height:1.7}.hero-cta{color:#fff;width:192px;height:58px;letter-spacing:0%;cursor:pointer;opacity:1;background-color:#06f;border:none;border-radius:30px;justify-content:center;align-items:center;margin-top:12px;margin-left:6px;font-family:Urbanist,sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:24px;text-decoration:none;transition:background-color .3s;display:flex}.hero-cta:hover{background-color:#0052cc}.hero-cta:active{background-color:#0047b3}.hero-cta.mobile-cta-btn{display:none}.hero-illustration{justify-content:center;align-items:flex-start;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.hero-illustration .hero-icon{aspect-ratio:738/580;object-fit:cover;object-position:center;opacity:0;will-change:transform,opacity;width:100%;max-width:60rem;height:auto;transition:opacity .8s,transform .8s;transform:translateY(25px)scale(.95)}.hero-illustration .hero-icon.animate-icon-in{opacity:1;animation:5.5s ease-in-out 1s infinite alternate heroIconFloat;transform:translateY(0)scale(1)}@media (max-width:64rem){.hero{border-radius:1rem;width:calc(100% - 2.5rem);min-height:clamp(14rem,35vw,20rem);margin:1.25rem auto;padding:clamp(1.5rem,4vw,2rem)}.hero-container{padding:clamp(1rem,3vw,1.5rem) 0}.hero-container .highlight-strike{display:none}.hero-content{grid-template-columns:1fr;gap:clamp(2rem,5vw,2.5rem)}.hero-text{text-align:center;order:1;align-items:center;gap:clamp(1rem,2.5vw,1.25rem);margin-top:0}.hero-text .desktop-cta-btn{display:none}.hero-heading{text-align:center;letter-spacing:0%;font-size:45px;font-weight:700;line-height:60px}.hero-description{text-align:center;max-width:70%;letter-spacing:0%;font-size:18px;font-weight:400;line-height:27px}.hero-illustration{order:2;width:100%}.hero-illustration .hero-icon{width:100%;max-width:100%;height:auto}.hero-content .mobile-cta-btn{order:3;width:192px;max-width:100%;margin-top:clamp(1.5rem,3vw,2rem);margin-left:auto;margin-right:auto;display:flex}}@media (max-width:48rem){.hero{border-radius:1rem;width:calc(100% - 2rem);min-height:clamp(12rem,50vw,18rem);margin:1rem auto;padding:clamp(1.25rem,3vw,1.5rem) clamp(1rem,2.5vw,1.25rem)}.hero-container{padding:0}.hero-content{grid-template-columns:1fr;gap:clamp(1.5rem,4vw,2rem)}.hero-text{text-align:center;order:1;align-items:center;gap:clamp(1rem,2.5vw,1.25rem);width:100%;margin-top:0}.hero-text .desktop-cta-btn{display:none}.hero-heading{text-align:center;letter-spacing:-.96px;width:100%;font-size:24px;font-weight:700;line-height:25.6px}.hero-description{text-align:center;max-width:100%;letter-spacing:0%;width:100%;font-size:16px;font-weight:400;line-height:19.2px}.hero-container .highlight-strike{display:none}.hero-illustration{order:2;width:100%}.hero-illustration .hero-icon{width:100%;max-width:100%;height:auto}.hero-content .mobile-cta-btn{order:3;width:192px;max-width:100%;margin-top:clamp(1.5rem,3vw,2rem);margin-left:auto;margin-right:auto;display:flex}}@media (max-width:30rem){.hero{border-radius:.75rem;width:calc(100% - 1.5rem);margin:.75rem auto;padding:clamp(1rem,2.5vw,1.25rem) clamp(.875rem,2vw,1rem)}.hero-container{padding:0}.hero-content{gap:clamp(1.25rem,3vw,1.5rem)}.hero-text{text-align:center;align-items:center;gap:clamp(.875rem,2vw,1rem)}.hero-heading{letter-spacing:-.96px;text-align:center;font-size:24px;font-weight:700;line-height:25.6px}.hero-description{letter-spacing:0%;text-align:center;font-size:16px;font-weight:400;line-height:19.2px}.hero-content .mobile-cta-btn{order:3;width:192px;max-width:100%;height:58px;margin-top:clamp(1rem,2.5vw,1.5rem);margin-left:auto;margin-right:auto;font-size:18px;display:flex}.hero-container .highlight-strike{display:none}}.hero .hero-heading,.hero .hero-description,.hero .hero-cta,.hero .hero-illustration,.hero .highlight-strike,.hero .hero-icon{opacity:0}.hero .hero-heading.animate-in,.hero .hero-description.animate-in,.hero .hero-cta.animate-in,.hero .hero-illustration.animate-in,.hero .highlight-strike.animate-in,.hero .hero-icon.animate-icon-in{opacity:1}@keyframes heroIconFloat{0%{transform:translateY(0)scale(1)}to{transform:translateY(-12px)scale(1.02)}}
