.hero{overflow-x:clip;position:relative;text-align:center}.hero__bg{background:var(--neutral-0);background-size:200%;height:930px;-webkit-mask-size:contain;mask-size:contain;opacity:.2;position:absolute;right:-70px;top:420px;width:740px}.hero__bg--animated{animation:rainbow 2s infinite alternate;background:linear-gradient(-90deg,var(--gradient-full));background-size:200%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;opacity:1}.hero .container .hero__text{display:flex;flex-direction:column;gap:32px;position:relative;z-index:2}.hero .container .hero__text .product-logo{margin:auto;width:min(100%,190px)}.hero .container .hero__text h1 .product-text-color{color:var(--product-secondary-color)}.hero .container .hero__text .btn{background-color:var(--product-secondary-color,var(--btn-bg-color));margin:0 auto 40px;width:100%}.hero .container .hero__text .btn:focus-visible,.hero .container .hero__text .btn:hover{background-color:var(--product-primary-color,var(--secondary-800))}.hero .container .hero__img{margin:auto;max-width:600px;position:relative;width:100%}.hero .container .hero__img canvas,.hero .container .hero__img img{border-radius:12px;position:relative;width:100%;z-index:2}.hero .container .hero__img button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;position:relative}.hero .container .hero__img svg{height:60px;opacity:.9;position:absolute;transition:.3s ease;width:60px;z-index:3}.hero .container .hero__img svg:hover{opacity:1}@media (min-width:80em){.hero{text-align:left}.hero .hero__bg{top:-100px}.hero .container{align-items:center;display:flex;gap:64px}.hero .container .hero__text .product-logo{margin:unset}.hero .container .hero__text .btn{margin:unset;margin-left:0;width:-moz-fit-content;width:fit-content}.hero .container .hero__img{min-width:464px}}@keyframes rainbow{0%{background-position:0 50%}to{background-position:100% 50%}}