.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;z-index:0}.hero .container{align-items:center;display:flex;flex-direction:column;position:relative}@media (min-width:80em){.hero .container{flex-direction:row}}.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 .btn{margin:0 auto 40px;width:100%}.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%}}.hero__card{background:var(--secondary-100);border-radius:8px;color:var(--primary-1000);display:grid;flex-shrink:0;grid-template-rows:240px auto;overflow:hidden;width:min(100%,552px)}.hero__card a{color:var(--secondary-600)}.hero__card .card-thumbnail{overflow:hidden;position:relative;width:100%}.hero__card .card-thumbnail img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.hero__card .card-thumbnail:before{background:linear-gradient(177.85deg,rgba(6,35,96,0) 1.81%,#062360 155.55%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero__card .card-thumbnail .card-author{border-left:1px solid #fff;bottom:10px;color:#fff;font-size:12px;padding-left:8px;position:absolute;right:10px;text-align:left;z-index:2}.hero__card .card-thumbnail .card-author-name{font-weight:500}.hero__card .card-content{padding:1rem;text-align:left}.hero__card .card-content .card-logo{background:#fff;border-radius:8px;max-height:40px;padding:10px;width:60px}.hero__card .card-content .card-logo img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.hero__card .card-content .card-title{font-family:var(--title-font-family);font-size:2rem;font-weight:600}.hero__card .card-content .card-columns{border-bottom:1px solid var(--primary-300);border-top:1px solid var(--primary-300);display:flex;flex-direction:column;gap:1rem;margin:1rem 0;padding:1rem 0}.hero__card .card-content .card-columns .card-column{display:flex;flex-direction:column;gap:4px}.hero__card .card-content .card-columns .card-column span:first-of-type{font-size:12px}@media (min-width:80em){.hero__card{grid-template-columns:196px auto;grid-template-rows:1fr}.hero__card .card-thumbnail .card-author{bottom:70px}.hero__card .card-content .card-title{font-size:52px}.hero__card .card-content .card-columns{flex-direction:row}}