section.block.block-hero {
  --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;
  background: radial-gradient(var(--position-radial-gradient-left) var(--position-radial-gradient-top) at 94.34% 113.69%, #16EBF9 2%, #3378FF 32%, rgba(51, 59, 255, 0.54) 63%, rgba(51, 96, 255, 0) 100%);
  padding: 0px;
}
section.block.block-hero .container {
  padding-bottom: 140px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  section.block.block-hero .container {
    padding-bottom: 60px;
  }
}
section.block.block-hero .container .title {
  width: var(--col-8);
  margin: auto;
  text-align: center;
}
@media screen and (max-width: 768px) {
  section.block.block-hero .container .title {
    width: 100%;
  }
}
section.block.block-hero .container .title h1 span {
  display: block;
}
section.block.block-hero .container .text {
  width: var(--col-6);
  margin: auto;
  text-align: center;
  margin: 20px auto;
}
@media screen and (max-width: 768px) {
  section.block.block-hero .container .text {
    width: 100%;
  }
}
section.block.block-hero .container .cta-container {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  section.block.block-hero .container .cta-container {
    flex-direction: column;
    margin-top: 0px;
  }
  section.block.block-hero .container .cta-container .button {
    width: 100%;
    margin: 0px;
  }
}
section.block.block-hero .container .mockup-mobile {
  margin: var(--spacing-xl) auto;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 12px;
}
@media screen and (min-width: 769px) {
  section.block.block-hero .container .mockup-mobile {
    display: none;
  }
}
section.block.block-hero .container .mockup-mobile img, section.block.block-hero .container .mockup-mobile picture {
  border-radius: 12px;
  width: 100%;
  height: auto;
}
section.block.block-hero .container .mockup-desktop {
  margin: 160px auto;
  width: var(--col-10);
  position: relative;
  z-index: 3;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 768px) {
  section.block.block-hero .container .mockup-desktop {
    display: none;
  }
}
section.block.block-hero .container .mockup-desktop img, section.block.block-hero .container .mockup-desktop picture {
  border-radius: 12px;
  width: 100%;
  height: auto;
}
section.block.block-hero .container .mockup-desktop:after {
  content: "";
  display: block;
  width: 900px;
  height: 600px;
  border-radius: 964px;
  background: #24B7FC;
  filter: blur(300px);
  top: 10%;
  position: absolute;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  section.block.block-hero .container .mockup-desktop:after {
    width: 100%;
    height: 100%;
    border-radius: 0px;
    top: 0px;
  }
}
@media screen and (max-width: 768px) {
  section.block.block-hero .container .mockup-desktop + .partners {
    margin-top: 50px;
  }
}
section.block.block-hero .container .partners {
  margin-top: 20px;
}
section.block.block-hero .container .partners .label {
  margin: auto;
  text-align: center;
}
section.block.block-hero .container .partners h2 {
  max-width: var(--col-6);
  text-align: center;
  margin: 20px auto;
}
@media screen and (max-width: 768px) {
  section.block.block-hero .container .partners h2 {
    max-width: 100%;
    width: 100%;
  }
}
section.block.block-hero .container .partners .text {
  max-width: var(--col-8);
  margin: auto;
}
@media screen and (max-width: 768px) {
  section.block.block-hero .container .partners .text {
    max-width: 100%;
    width: 100%;
  }
}
section.block.block-hero .container .partners .partners-logos {
  margin-top: 60px;
  margin-left: calc((100vw - var(--container-width)) / -2);
  width: 100vw;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}
section.block.block-hero .container .partners .partners-logos .partner-logo {
  width: 100px;
  height: 40px;
}
section.block.block-hero .container .partners .partners-logos .partner-logo img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: contain;
  filter: brightness(0%) invert(100%);
}