section.block.block-hero-product {
  --scroll-ajust: 4000;
  --scroll-offset: max(1,calc(1 + var(--scrollPosition,1)/var(--scroll-ajust,1)));
  --position-radial-gradient-left: calc(96.21% * var(--scroll-offset));
  --position-radial-gradient-top: calc(108.44% * var(--scroll-offset));
  transition: 0.3s ease-in-out;
  transition-property: background;
  --radial-gradient-1: radial-gradient(96.21% 108.44% at 94.34% 113.69%, #16EBF9 2%, #3378FF 32%, rgba(51, 59, 255, 0.54) 63%, rgba(51, 96, 255, 0.00) 100%);
  background: var(--gradient-hero, var(--radial-gradient-1));
  margin-top: 0px;
  padding: 0px;
}
section.block.block-hero-product .container {
  padding: var(--spacing-3-xl) 0px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  section.block.block-hero-product .container {
    padding-bottom: 60px;
  }
}
section.block.block-hero-product .container .logo {
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-l);
}
section.block.block-hero-product .container .title {
  width: var(--col-11);
  margin: auto;
  text-align: center;
}
@media screen and (max-width: 768px) {
  section.block.block-hero-product .container .title {
    width: 100%;
  }
}
section.block.block-hero-product .container .title h1 {
  margin-top: 0px;
}
section.block.block-hero-product .container .title strong {
  font-size: inherit;
  background: var(--gradient-1);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
section.block.block-hero-product .container > .text {
  width: var(--col-6);
  margin: auto;
  text-align: center;
  margin: 20px auto;
}
@media screen and (max-width: 768px) {
  section.block.block-hero-product .container > .text {
    width: 100%;
  }
}
section.block.block-hero-product .container .cta-container {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: var(--spacing-3-xl);
}
@media screen and (max-width: 768px) {
  section.block.block-hero-product .container .cta-container {
    flex-direction: column;
    margin-top: 0px;
  }
  section.block.block-hero-product .container .cta-container .button {
    width: 100%;
    margin: 0px;
  }
}
section.block.block-hero-product .container .cover-image {
  width: 100%;
}
section.block.block-hero-product .container .cover-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
section.block.block-hero-product .container .figures {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  margin-top: var(--spacing-l);
}
section.block.block-hero-product .container .figures .figure {
  width: calc(25% - 20px);
  text-align: center;
}
@media screen and (max-width: 768px) {
  section.block.block-hero-product .container .figures .figure {
    width: calc(50% - 20px);
  }
}
section.block.block-hero-product .container .figures .figure .title {
  font-size: 50px;
  font-weight: 400;
}
section.block.block-hero-product .container .figures .figure .text {
  font-family: var(--typo-text);
  opacity: 0.8;
  font-weight: 500;
  line-height: 22px;
}