.custom-hero{min-height:70svh;width:100%;background:linear-gradient(to bottom right,#000,#1b1e1f);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;isolation:isolate}.custom-hero__container{width:100%;max-width:82rem;position:relative;z-index:10}.custom-hero__content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4rem;max-width:82rem}.custom-hero__text{max-width:72rem}.custom-hero__badge{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:9999px;display:inline-block;font-size:1rem;margin-bottom:1rem}.custom-hero__badge:hover{background:#fff3}.custom-hero__header{display:flex;flex-direction:column;gap:2rem;align-items:center;justify-content:center}.custom-hero__heading{font-size:3rem;font-weight:600;letter-spacing:-.025em;margin:0;color:#fff}.custom-hero__heading span.highlight{position:relative}.custom-hero__heading span.highlight:before{content:"";position:absolute;top:5%;height:95%;left:-3%;width:106%;background:#2c5688;z-index:-1;transform-origin:left center;transform:scaleX(0);transition:transform .6s ease-out}.custom-hero__heading span.highlight.animate-highlight:before{transform:scaleX(1)}.low-performance .custom-hero__heading span.highlight:before{transform:scaleX(1);transition:none}.low-performance .custom-hero__heading span.highlight.animate-highlight:before{transform:scaleX(1)}.custom-hero__description{font-size:1.4rem;color:#d4d4d4;max-width:53rem;margin:0;line-height:1.5}.custom-hero__description strong.underline{color:#fff}.custom-hero__buttons{display:flex;flex-direction:column;gap:1rem;align-items:center;width:100%}.custom-hero__button{font-size:1.3125rem;padding:1rem 2rem;border-radius:.75rem;border:none;cursor:pointer;text-decoration:none;display:block;width:100%;transition:background .15s ease-in-out;min-width:0}.custom-hero__button--primary{background:#4376b1;color:#fff;border:1px solid rgba(255,255,255,.1)}.custom-hero__button--primary:hover{background:#2c5688}.custom-hero__button--secondary{background:#00000080;color:#fff;border:1px solid rgb(67 118 177)}.custom-hero__button--secondary:hover{background:#32323280}.custom-hero__features{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:0 auto}.custom-hero__feature{background:#1e1e1e7f;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.5rem}.low-performance .custom-hero__feature{background:#1e1e1ecc;backdrop-filter:none;-webkit-backdrop-filter:none}.custom-hero__feature-header{display:flex;align-items:center;gap:1rem;width:100%}.custom-hero__feature-icon{width:1.5rem;height:1.5rem;fill:#fff;color:#fff;stroke:#fff;flex-shrink:0;display:flex;align-self:flex-start;justify-content:center}.custom-hero__feature-title{font-size:1.3125rem;font-weight:500;margin:0;color:#fff;text-align:left}.custom-hero__feature-description{font-size:1rem;color:#d4d4d4cc;margin:0;text-align:left}.custom-hero__background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.custom-hero__background canvas{display:block;width:100%;height:100%}@media screen and (min-width: 768px){.custom-hero__content{gap:6rem}.custom-hero__header{gap:3rem}.custom-hero__badge{font-size:1.3125rem}.custom-hero__heading{font-size:3.5rem}.custom-hero__buttons{flex-direction:row;width:auto}.custom-hero__button{width:auto;display:inline-block;min-width:22rem;font-size:1.5rem}.custom-hero__features{grid-template-columns:repeat(3,1fr);gap:1.5rem}.custom-hero__feature{padding:1.5rem;gap:.75rem}.custom-hero__feature-icon{width:1.625rem;height:1.625rem}.custom-hero__feature-title{font-size:1.5rem}.custom-hero__feature-description{font-size:1.3125rem}}@media screen and (min-width: 1024px){.custom-hero__heading{font-size:4.75rem}.custom-hero__description{font-size:1.8rem}.custom-hero__features{grid-template-columns:repeat(4,1fr)}}.custom-hero__fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.custom-hero__fade-in.animate{opacity:1;transform:translateY(0)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/custom-hero.css.map */