@font-face {
  font-family: 'Saira';
  font-style: italic;
  font-weight: 100;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v23/memUYa2wxmKQyNkiV50dulWP7s95AqZTzZHcVdxWI9WH-pKBSooxkw.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: italic;
  font-weight: 200;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v23/memUYa2wxmKQyNkiV50dulWP7s95AqZTzZHcVdxWI9WH-pKByosxkw.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: italic;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v23/memUYa2wxmKQyNkiV50dulWP7s95AqZTzZHcVdxWI9WH-pKBFIsxkw.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v23/memUYa2wxmKQyNkiV50dulWP7s95AqZTzZHcVdxWI9WH-pKBSosxkw.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: italic;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v23/memUYa2wxmKQyNkiV50dulWP7s95AqZTzZHcVdxWI9WH-pKBeIsxkw.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: italic;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v23/memUYa2wxmKQyNkiV50dulWP7s95AqZTzZHcVdxWI9WH-pKBlIwxkw.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v23/memUYa2wxmKQyNkiV50dulWP7s95AqZTzZHcVdxWI9WH-pKBrYwxkw.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: italic;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v23/memUYa2wxmKQyNkiV50dulWP7s95AqZTzZHcVdxWI9WH-pKByowxkw.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: italic;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v23/memUYa2wxmKQyNkiV50dulWP7s95AqZTzZHcVdxWI9WH-pKB44wxkw.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 100;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v23/memWYa2wxmKQyPMrZX79wwYZQMhsyuShhKMjjbU9uXuA71rDosg.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 200;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v23/memWYa2wxmKQyPMrZX79wwYZQMhsyuShhKMjjbU9uXuA79rCosg.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v23/memWYa2wxmKQyPMrZX79wwYZQMhsyuShhKMjjbU9uXuA7wTCosg.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v23/memWYa2wxmKQyPMrZX79wwYZQMhsyuShhKMjjbU9uXuA71rCosg.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v23/memWYa2wxmKQyPMrZX79wwYZQMhsyuShhKMjjbU9uXuA72jCosg.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v23/memWYa2wxmKQyPMrZX79wwYZQMhsyuShhKMjjbU9uXuA74TFosg.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v23/memWYa2wxmKQyPMrZX79wwYZQMhsyuShhKMjjbU9uXuA773Fosg.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v23/memWYa2wxmKQyPMrZX79wwYZQMhsyuShhKMjjbU9uXuA79rFosg.ttf) format('truetype');
}
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/saira/v23/memWYa2wxmKQyPMrZX79wwYZQMhsyuShhKMjjbU9uXuA7_PFosg.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesans3/v19/nwpDtKy2OAdR1K-IwhWudF-R3woAa8opPOrG97lwqDlO9C4.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesans3/v19/nwpDtKy2OAdR1K-IwhWudF-R3woAa8opPOrG97lwqOdO9C4.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesans3/v19/nwpDtKy2OAdR1K-IwhWudF-R3woAa8opPOrG97lwqLlO9C4.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesans3/v19/nwpDtKy2OAdR1K-IwhWudF-R3woAa8opPOrG97lwqItO9C4.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesans3/v19/nwpDtKy2OAdR1K-IwhWudF-R3woAa8opPOrG97lwqGdJ9C4.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesans3/v19/nwpDtKy2OAdR1K-IwhWudF-R3woAa8opPOrG97lwqF5J9C4.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesans3/v19/nwpDtKy2OAdR1K-IwhWudF-R3woAa8opPOrG97lwqDlJ9C4.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesans3/v19/nwpDtKy2OAdR1K-IwhWudF-R3woAa8opPOrG97lwqBBJ9C4.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesans3/v19/nwpBtKy2OAdR1K-IwhWudF-R9QMylBJAV3Bo8Kw461EN.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesans3/v19/nwpBtKy2OAdR1K-IwhWudF-R9QMylBJAV3Bo8Kzm61EN.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesans3/v19/nwpBtKy2OAdR1K-IwhWudF-R9QMylBJAV3Bo8Ky461EN.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesans3/v19/nwpBtKy2OAdR1K-IwhWudF-R9QMylBJAV3Bo8KyK61EN.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesans3/v19/nwpBtKy2OAdR1K-IwhWudF-R9QMylBJAV3Bo8Kxm7FEN.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesans3/v19/nwpBtKy2OAdR1K-IwhWudF-R9QMylBJAV3Bo8Kxf7FEN.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesans3/v19/nwpBtKy2OAdR1K-IwhWudF-R9QMylBJAV3Bo8Kw47FEN.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/sourcesans3/v19/nwpBtKy2OAdR1K-IwhWudF-R9QMylBJAV3Bo8KwR7FEN.ttf) format('truetype');
}
html {
  scroll-behavior: smooth;
}
body {
  overflow-x: hidden;
}
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
iframe {
  margin: 0;
}
a {
  display: block;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
address {
  font-style: normal;
}
iframe {
  border: none;
}
mark {
  padding: 0;
  background-color: transparent;
}
menu {
  padding-inline-start: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}
ul {
  list-style-type: none;
  padding-inline-start: 0;
  margin-bottom: 0;
}
p {
  margin-bottom: 0;
}
section,
article,
aside,
details,
figcaption,
figure,
header,
footer,
menu,
nav {
  display: block;
}
.btn__blue {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  background: #3B63FF;
  gap: 8px;
  color: #FFF;
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 122.111%;
  /* 19.538px */
  padding: 10px 27px 9px 27px;
  transition: all linear 0.15s;
  width: fit-content;
}
.btn__blue .icon {
  width: 20px;
}
.btn__blue:hover {
  color: #FFF;
  background: #017B22;
}
.btn__gradient {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  background: linear-gradient(90deg, #1019C3 0.12%, #04DF40 113.54%);
  gap: 8px;
  color: #FFF;
  font-family: "Source Sans 3";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 122.111%;
  /* 19.538px */
  padding: 9px 48px 8px 48px;
  transition: all 0.3s;
  width: fit-content;
}
.btn__gradient .icon {
  width: 26px;
}
.btn__gradient:hover {
  color: #FFF;
  background: linear-gradient(90deg, #1019C3 0.12%, #04DF40 100%);
}
@media (max-width: 768px) {
  .btn__gradient {
    padding: 9px 30px 8px 30px;
  }
}
.float__whatsapp {
  position: fixed;
  opacity: 0;
  transform: translateY(12px);
  bottom: 10px;
  right: 10px;
  width: 75px;
  height: 75px;
  background-color: #25D366;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  z-index: 100;
  transition: all linear 0.15s;
  border: 0;
  border-radius: 100%;
}
.float__whatsapp img {
  width: 50px;
}
.float__whatsapp:hover {
  background-color: white;
  box-shadow: 0 0 26px rgba(0, 0, 0, 0.5);
}
.float__whatsapp:hover img {
  filter: brightness(0) saturate(100%) invert(65%) sepia(29%) saturate(3698%) hue-rotate(93deg) brightness(110%) contrast(71%);
}
@media (max-width: 1200px) {
  .float__whatsapp {
    width: 65px;
    height: 65px;
  }
  .float__whatsapp img {
    width: 40px;
  }
}
@keyframes effect--fade_in_right {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes effect--fade_top {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.page__header {
  position: absolute;
  width: 100%;
  z-index: 6000;
}
.page__header .wrapper {
  max-width: 1225px;
  padding: 32px 24px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
}
.page__header .wrapper .logo {
  width: 160px;
}
.page__header .wrapper .logo a {
  width: 100%;
}
.page__header .wrapper .logo a img {
  width: 100%;
}
.page__header .wrapper .is--desktop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 62px;
}
.page__header .wrapper .is--desktop .links {
  display: flex;
  gap: 42px;
  opacity: 0;
  transform: translateY(12px);
  pointer-events: none;
}
.page__header .wrapper .is--desktop .links a {
  color: #EEEEEE;
  font-family: Saira;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.page__header .wrapper .is--desktop .links a:hover {
  cursor: pointer;
  color: #FFCE00;
}
.page__header .wrapper .is--desktop .btn__header {
  opacity: 0;
  transform: translateY(12px);
  border-radius: 30px;
  border: 1px solid rgba(255, 206, 0, 0.15);
  background: linear-gradient(94deg, rgba(16, 25, 195, 0.09) 2.06%, rgba(4, 223, 64, 0.03) 97.75%);
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 16px 8px 10px;
  color: #FFCE00;
  font-family: Saira;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 122.111%;
  /* 19.538px */
}
.page__header .wrapper .is--desktop .btn__header:hover {
  cursor: pointer;
  filter: brightness(1.2);
  color: #FFCE00;
}
.page__header .wrapper .is--mobile {
  display: none;
}
@media screen and (max-width: 900px) {
  .page__header .wrapper {
    padding: 24px 28px;
  }
  .page__header .wrapper .logo {
    width: 140px;
  }
  .page__header .wrapper .is--mobile {
    display: block;
    flex-grow: 0;
  }
  .page__header .wrapper .is--mobile .navbar__hamburguer {
    display: flex;
    justify-content: flex-end;
    width: fit-content;
    position: relative;
    z-index: 9000;
  }
  .page__header .wrapper .is--mobile .navbar__hamburguer img {
    width: fit-content;
  }
  .page__header .wrapper .is--mobile .navbar__overlay {
    background-color: #000718;
    z-index: 9000;
    display: none;
    position: relative;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: effect--fade_in_right;
  }
  .page__header .wrapper .is--mobile .navbar__overlay.open {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    overflow: hidden !important;
    transition: all linear 0.5s;
  }
  .page__header .wrapper .is--mobile .navbar__overlay.open .overlay__content {
    overflow-y: auto !important;
    height: 90%;
    width: 100%;
  }
  .page__header .wrapper .is--mobile .navbar__overlay.open .overlay__content .overlay__header {
    display: flex;
    justify-content: flex-end;
    margin: 30px 30px 72px 30px;
  }
  .page__header .wrapper .is--mobile .navbar__overlay.open .overlay__content .overlay__header .overlay__close {
    width: fit-content;
  }
  .page__header .wrapper .is--mobile .navbar__overlay.open .overlay__content .overlay__menu {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .page__header .wrapper .is--mobile .navbar__overlay.open .overlay__content .overlay__menu .overlay__links {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-bottom: 64px;
  }
  .page__header .wrapper .is--mobile .navbar__overlay.open .overlay__content .overlay__menu .overlay__links a {
    font-family: 'Saira', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: #EEEEEE;
  }
  .page__header .wrapper .is--mobile .navbar__overlay.open .overlay__content .overlay__menu .btn__header {
    border-radius: 30px;
    border: 1px solid rgba(255, 206, 0, 0.15);
    background: linear-gradient(94deg, rgba(16, 25, 195, 0.09) 2.06%, rgba(4, 223, 64, 0.03) 97.75%);
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 16px 8px 10px;
    color: #FFCE00;
    font-family: Saira;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 122.111%;
    /* 19.538px */
    margin-bottom: 24px;
  }
  .page__header .wrapper .is--mobile .navbar__overlay.open .overlay__content .overlay__menu .btn__header:hover {
    cursor: pointer;
    filter: brightness(1.2);
    color: #FFCE00;
  }
  .page__header .wrapper .is--desktop {
    display: none;
  }
}
.hero--mobile {
  display: none;
}
.page__hero {
  position: relative;
  height: 794px;
  margin: 0 auto;
  overflow: hidden;
}
.page__hero .skip-button {
  z-index: 7000;
  opacity: 1;
  animation: skipFadeOut 0.6s ease forwards;
  animation-delay: 25.8s;
  position: absolute;
  top: 40px;
  right: 40px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 14px 8px 9px;
  border-radius: 30px;
  border: 1px solid rgba(255, 206, 0, 0.15);
  background: linear-gradient(94deg, rgba(16, 25, 195, 0.09) 2.06%, rgba(4, 223, 64, 0.03) 97.75%);
  backdrop-filter: blur(12px);
  cursor: pointer;
  transition: all 0.3s ease;
  color: #FFCE00;
  font-family: Saira;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 122.111%;
  /* 19.538px */
}
.page__hero .skip-button img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.page__hero .skip-button:hover {
  filter: brightness(1.2);
  color: #FFCE00;
}
.page__hero .hero-system {
  width: 1192.53px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  margin-top: -10px;
}
.page__hero .hero-system .glow {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  border-radius: 50%;
  filter: blur(42px);
  mix-blend-mode: screen;
  opacity: 0.6;
  background: radial-gradient(rgba(16, 25, 195, 0.36) 0%, rgba(16, 25, 195, 0) 100%);
}
.page__hero .hero-system .glow.glow-1 {
  top: 47px;
  left: 240px;
  width: 435px;
  height: 230px;
}
.page__hero .hero-system .glow.glow-2 {
  top: 0;
  left: 748px;
  width: 462px;
  height: 339px;
  transform: rotate(0.7deg);
}
.page__hero .hero-system .glow.glow-3 {
  top: 207px;
  left: 550px;
  width: 346px;
  height: 239px;
}
.page__hero .hero-system .glow.glow-4 {
  top: 360px;
  left: 124px;
  width: 503px;
  height: 293px;
  transform: rotate(0.7deg);
}
.page__hero .hero-system .glow.glow-5 {
  top: 278px;
  left: 305px;
  width: 627px;
  height: 432px;
}
.page__hero .hero-system .glow.glow-6 {
  top: 278px;
  left: 643px;
  width: 367px;
  height: 273px;
  transform: rotate(-80deg);
}
.page__hero .hero-system .hero-core {
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.page__hero .hero-system .hero-core .hero-logo {
  width: 147px;
}
.page__hero .hero-system .hero-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.page__hero .hero-system .hero-svg .circle-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.page__hero .hero-system .hero-svg .circle-wrap .circle {
  position: relative;
  display: block;
  transform-origin: center center;
  opacity: 1;
}
.page__hero .hero-system .hero-svg .circle-wrap .circle.circle-1 {
  animation: rotateSlow 4s linear infinite;
  filter: drop-shadow(0 0 6px rgba(16, 25, 195, 0.45)) drop-shadow(0 0 20px rgba(16, 25, 195, 0.18));
}
.page__hero .hero-system .hero-svg .circle-wrap .circle.circle-2 {
  animation: rotateReverse 10s linear infinite;
  opacity: 0.85;
  filter: drop-shadow(0 0 8px rgba(0, 229, 255, 0.35)) drop-shadow(0 0 22px rgba(0, 229, 255, 0.12));
}
.page__hero .hero-system .hero-svg .circle-wrap .circle.circle-3 {
  animation: rotateSlow 20s linear infinite;
  opacity: 0.85;
  filter: drop-shadow(0 0 5px rgba(16, 25, 195, 0.35)) drop-shadow(0 0 16px rgba(16, 25, 195, 0.12));
}
.page__hero .hero-system .hero-svg .line {
  position: absolute;
  opacity: 0.9;
}
.page__hero .hero-system .hero-svg .line.line-green-1 {
  top: 136.15px;
  left: 434.73px;
  filter: drop-shadow(0 0 4px rgba(4, 223, 64, 0.9)) drop-shadow(0 0 12px rgba(4, 223, 64, 0.45)) drop-shadow(0 0 24px rgba(4, 223, 64, 0.2));
}
.page__hero .hero-system .hero-svg .line.line-blue-2 {
  top: 54.27px;
  left: 573.69px;
  filter: drop-shadow(0 0 4px rgba(4, 66, 223, 0.9)) drop-shadow(0 0 12px rgba(4, 66, 223, 0.45)) drop-shadow(0 0 24px rgba(4, 66, 223, 0.2));
}
.page__hero .hero-system .hero-svg .line.line-purple-3 {
  top: 326.27px;
  left: 720.69px;
  filter: drop-shadow(0 0 4px rgba(171, 82, 255, 0.9)) drop-shadow(0 0 12px rgba(171, 82, 255, 0.45)) drop-shadow(0 0 24px rgba(171, 82, 255, 0.2));
}
.page__hero .hero-system .hero-svg .line.line-green-4 {
  top: 433.15px;
  left: 744.73px;
  filter: drop-shadow(0 0 4px rgba(4, 223, 64, 0.9)) drop-shadow(0 0 12px rgba(4, 223, 64, 0.45)) drop-shadow(0 0 24px rgba(4, 223, 64, 0.2));
}
.page__hero .hero-system .hero-svg .line.line-yellow-5 {
  top: 429.27px;
  left: 310.69px;
  filter: drop-shadow(0 0 4px rgba(255, 214, 10, 0.9)) drop-shadow(0 0 12px rgba(255, 214, 10, 0.45)) drop-shadow(0 0 24px rgba(255, 214, 10, 0.2));
}
.page__hero .hero-system .hero-svg .dot {
  position: absolute;
}
.page__hero .hero-system .hero-svg .dot.dot-green {
  filter: drop-shadow(0 0 3.3px rgba(4, 223, 64, 0.83));
}
.page__hero .hero-system .hero-svg .dot.dot-green.dot-green-1 {
  top: 132.8px;
  left: 433.8px;
}
.page__hero .hero-system .hero-svg .dot.dot-green.dot-green-2 {
  top: 333.8px;
  left: 539.8px;
}
.page__hero .hero-system .hero-svg .dot.dot-green.dot-green-3 {
  top: 428.8px;
  left: 741.8px;
}
.page__hero .hero-system .hero-svg .dot.dot-green.dot-green-4 {
  top: 481.8px;
  left: 847.8px;
}
.page__hero .hero-system .hero-svg .dot.dot-blue {
  filter: drop-shadow(0 0 3.3px rgba(0, 13, 255, 0.83));
}
.page__hero .hero-system .hero-svg .dot.dot-blue.dot-blue-1 {
  top: 50.8px;
  left: 655.8px;
}
.page__hero .hero-system .hero-svg .dot.dot-blue.dot-blue-2 {
  top: 285.8px;
  left: 570.8px;
}
.page__hero .hero-system .hero-svg .dot.dot-purple {
  filter: drop-shadow(0 0 3.3px rgba(138, 56, 245, 0.83));
}
.page__hero .hero-system .hero-svg .dot.dot-purple.dot-purple-1 {
  top: 341.8px;
  left: 713.8px;
}
.page__hero .hero-system .hero-svg .dot.dot-purple.dot-purple-2 {
  top: 321.8px;
  left: 830.8px;
}
.page__hero .hero-system .hero-svg .dot.dot-yellow {
  filter: drop-shadow(0 0 3.3px rgba(255, 206, 0, 0.83));
}
.page__hero .hero-system .hero-svg .dot.dot-yellow.dot-yellow-1 {
  top: 471.8px;
  left: 306.8px;
}
.page__hero .hero-system .hero-svg .dot.dot-yellow.dot-yellow-2 {
  top: 425.8px;
  left: 411.8px;
}
.page__hero .hero-system .hero-svg .dot.dot-blue-small {
  filter: drop-shadow(0 0 3.3px rgba(0, 13, 255, 0.83));
  top: 560px;
  left: 587px;
}
.page__hero .hero-system .hero-svg .dot.dot-green-small {
  filter: drop-shadow(0 0 3.3px rgba(4, 223, 64, 0.83));
  top: 488px;
  left: 681px;
}
.page__hero .hero-system .hero-svg .dot.dot-yellow-small {
  filter: drop-shadow(0 0 3.3px rgba(255, 206, 0, 0.83));
  top: 322px;
  left: 442px;
}
.page__hero .hero-system .flow-card {
  display: flex;
  gap: 18px;
  position: absolute;
  border-radius: 30px;
  padding: 15px 18px 15px 22px;
  z-index: 3000;
}
.page__hero .hero-system .flow-card .card-content {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.page__hero .hero-system .flow-card .card-content .info p {
  font-family: Saira;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
}
.page__hero .hero-system .flow-card .card-content .info span {
  color: #B6C7EB;
  font-family: "Source Sans 3";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
}
.page__hero .hero-system .flow-card.card-1 {
  top: 81px;
  left: 196px;
  width: 200px;
  height: auto;
  border-radius: 30px;
  border: 1px solid rgba(0, 255, 166, 0.28);
  background: linear-gradient(94deg, rgba(4, 223, 146, 0.08) 2.06%, rgba(4, 223, 64, 0.01) 97.75%);
}
.page__hero .hero-system .flow-card.card-1 .card-icon {
  margin-top: 7px;
}
.page__hero .hero-system .flow-card.card-1 .primary-title {
  color: #FFF;
  font-family: "Saira", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
}
.page__hero .hero-system .flow-card.card-1 .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page__hero .hero-system .flow-card.card-1 .info p {
  color: #55CF61;
}
.page__hero .hero-system .flow-card.card-2 {
  top: 218px;
  left: 140px;
  display: flex;
  align-items: center;
  max-width: 240px;
  overflow: visible;
  padding: 14px 16px;
  border-radius: 20px;
  border: 1px solid rgba(0, 255, 166, 0.28);
  background: linear-gradient(94deg, rgba(4, 223, 146, 0.08) 2.06%, rgba(4, 223, 64, 0.01) 97.75%);
}
.page__hero .hero-system .flow-card.card-2 .card-icon {
  min-width: 34px;
  height: 34px;
  flex-shrink: 0;
}
.page__hero .hero-system .flow-card.card-2 .card-content h3 {
  color: #04DF40;
  font-family: Saira;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
}
.page__hero .hero-system .flow-card.card-2 .card-content .card-text {
  color: #B6C7EB;
  font-family: "Source Sans 3";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 6px;
}
.page__hero .hero-system .flow-card.card-2 .card-content .card-text-2 {
  color: rgba(4, 223, 64, 0.83);
  font-family: Saira;
  font-size: 12px;
  font-weight: 400;
  line-height: 122.111%;
}
.page__hero .hero-system .flow-card.card-3 {
  top: 31px;
  left: 661px;
  width: 230px;
  height: auto;
  border: 1px solid rgba(59, 99, 255, 0.22);
  background: linear-gradient(94deg, rgba(16, 25, 195, 0.09) 2.06%, rgba(59, 99, 255, 0.02) 97.75%);
}
.page__hero .hero-system .flow-card.card-3 .card-icon {
  margin-top: 7px;
}
.page__hero .hero-system .flow-card.card-3 .card-content h3 {
  color: #3BA0FF;
  font-family: Saira;
  font-size: 15px;
  font-weight: 400;
  line-height: 122.111%;
}
.page__hero .hero-system .flow-card.card-3 .card-content .card-text {
  color: #B6C7EB;
  font-family: "Source Sans 3";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 6px;
}
.page__hero .hero-system .flow-card.card-3 .card-content .card-text-2 {
  color: #0FA9F5;
  font-family: Saira;
  font-size: 12px;
  font-weight: 400;
  line-height: 122.111%;
}
.page__hero .hero-system .flow-card.card-4 {
  top: 172px;
  left: 778px;
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 332px;
  height: auto;
  overflow: hidden;
  padding: 12px 16px;
  border-radius: 20px;
  border: 1px solid rgba(59, 99, 255, 0.27);
  background: rgba(16, 25, 195, 0.09);
}
.page__hero .hero-system .flow-card.card-4 .card-icon {
  width: 34px;
  height: 34px;
  flex-shrink: 0;
}
.page__hero .hero-system .flow-card.card-4 .card-content h3 {
  color: #BA86FF;
  font-family: Saira;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
}
.page__hero .hero-system .flow-card.card-4 .card-content .card-text {
  color: #B6C7EB;
  font-family: "Source Sans 3";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 6px;
}
.page__hero .hero-system .flow-card.card-4 .card-content .card-text-2 {
  color: #BA86FF;
  font-family: Saira;
  font-size: 12px;
  font-weight: 400;
  line-height: 122.111%;
}
.page__hero .hero-system .flow-card.card-5 {
  top: 306px;
  left: 835px;
  width: 200px;
  height: auto;
  border: 1px solid rgba(59, 99, 255, 0.22);
  background: linear-gradient(94deg, rgba(16, 25, 195, 0.09) 2.06%, rgba(59, 99, 255, 0.02) 97.75%);
}
.page__hero .hero-system .flow-card.card-5 .card-icon {
  margin-top: 7px;
}
.page__hero .hero-system .flow-card.card-5 .card-content h3 {
  color: #BA86FF;
  font-family: Saira;
  font-size: 15px;
  font-weight: 400;
  line-height: 122.111%;
}
.page__hero .hero-system .flow-card.card-5 .card-content .card-text {
  color: #B6C7EB;
  font-family: "Source Sans 3";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 6px;
}
.page__hero .hero-system .flow-card.card-5 .card-content .card-text-2 {
  color: #BA86FF;
  font-family: Saira;
  font-size: 12px;
  font-weight: 400;
  line-height: 122.111%;
}
.page__hero .hero-system .flow-card.card-6 {
  top: 476px;
  left: 155px;
  width: 200px;
  height: auto;
  border: 1px solid rgba(59, 99, 255, 0.22);
  background: linear-gradient(94deg, rgba(16, 25, 195, 0.09) 2.06%, rgba(59, 99, 255, 0.02) 97.75%);
}
.page__hero .hero-system .flow-card.card-6 .card-icon {
  margin-top: 7px;
}
.page__hero .hero-system .flow-card.card-6 .card-content h3 {
  color: #FFCE00;
  font-family: Saira;
  font-size: 15px;
  font-weight: 400;
  line-height: 122.111%;
}
.page__hero .hero-system .flow-card.card-6 .card-content .card-text {
  color: #B6C7EB;
  font-family: "Source Sans 3";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 6px;
}
.page__hero .hero-system .flow-card.card-6 .card-content .card-text-2 {
  color: #FFCE00;
  font-family: Saira;
  font-size: 12px;
  font-weight: 400;
  line-height: 122.111%;
}
.page__hero .hero-system .flow-card.card-7 {
  top: 590px;
  left: 501px;
  gap: 10px;
  align-items: center;
  max-width: 210px;
  padding: 12px 16px;
  height: auto;
  border-radius: 20px;
  border: 1px solid rgba(59, 99, 255, 0.27);
  background: rgba(16, 25, 195, 0.09);
}
.page__hero .hero-system .flow-card.card-7 .card-icon {
  width: 34px;
  height: 34px;
}
.page__hero .hero-system .flow-card.card-7 .card-content h3 {
  color: #3BA0FF;
  font-family: Saira;
  font-size: 15px;
  font-weight: 400;
  line-height: 122.111%;
}
.page__hero .hero-system .flow-card.card-7 .card-content .card-text {
  color: #B6C7EB;
  font-family: "Source Sans 3";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 6px;
}
.page__hero .hero-system .flow-card.card-7 .card-content .card-text-2 {
  color: #3BA0FF;
  font-family: Saira;
  font-size: 12px;
  font-weight: 400;
  line-height: 122.111%;
}
.page__hero .hero-system .flow-card.card-8 {
  top: 487px;
  left: 797px;
  width: 200px;
  height: auto;
  border-radius: 30px;
  border: 1px solid rgba(0, 255, 166, 0.28);
  background: linear-gradient(94deg, rgba(4, 223, 146, 0.08) 2.06%, rgba(4, 223, 64, 0.01) 97.75%);
}
.page__hero .hero-system .flow-card.card-8 .card-icon {
  margin-top: 7px;
}
.page__hero .hero-system .flow-card.card-8 .card-content h3 {
  color: #04DF40;
  font-family: Saira;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
}
.page__hero .hero-system .flow-card.card-8 .card-content .card-text {
  color: #B6C7EB;
  font-family: "Source Sans 3";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 6px;
}
.page__hero .hero-system .flow-card.card-8 .card-content .card-text-2 {
  color: rgba(4, 223, 64, 0.83);
  font-family: Saira;
  font-size: 12px;
  font-weight: 400;
  line-height: 122.111%;
}
.page__hero .hero-system--mobile {
  display: none;
}
.page__hero .hero-content {
  position: absolute;
  max-width: 639px;
  top: 215px;
  padding-bottom: 246px;
  left: 8%;
  opacity: 0;
  transform: translateY(12px);
  pointer-events: none;
  z-index: 5000;
}
.page__hero .hero-content .tag {
  border-radius: 8px;
  border: 1px solid rgba(255, 206, 0, 0.83);
  background: rgba(255, 206, 0, 0.06);
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  width: fit-content;
  gap: 8px;
  padding: 4px 8px;
  color: #FFCE00;
  font-family: Saira;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  /* 15.4px */
  letter-spacing: 1.26px;
}
.page__hero .hero-content .tag .icon {
  width: 20.5px;
  flex-shrink: 0;
  flex-grow: 0;
}
.page__hero .hero-content .hero-title {
  color: #04DF40;
  font-family: Saira;
  font-size: 42px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  /* 46.2px */
  margin-bottom: 16px;
}
.page__hero .hero-content .hero-title span {
  color: #3BA0FF;
}
.page__hero .hero-content .hero-description {
  color: #FFF;
  font-family: "Source Sans 3";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 122.111%;
  /* 24.422px */
  margin-bottom: 36px;
}
@media (max-width: 768px) {
  .page__hero {
    display: none;
  }
}
@media (max-width: 768px) {
  .hero--mobile {
    display: block;
    margin: 0 auto;
    overflow: hidden;
  }
  .hero--mobile .skip-button--mobile {
    z-index: 7000;
    opacity: 1;
    animation: skipFadeOut 0.6s ease forwards;
    animation-delay: 25.8s;
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px 8px 9px;
    border-radius: 30px;
    border: 1px solid rgba(255, 206, 0, 0.15);
    background: linear-gradient(94deg, rgba(16, 25, 195, 0.09) 2.06%, rgba(4, 223, 64, 0.03) 97.75%);
    backdrop-filter: blur(12px);
    cursor: pointer;
    transition: all 0.3s ease;
    color: #FFCE00;
    font-family: Saira;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 122.111%;
    /* 19.538px */
  }
  .hero--mobile .skip-button--mobile img {
    width: 24px;
    height: 24px;
    object-fit: contain;
  }
  .hero--mobile .skip-button--mobile:hover {
    filter: brightness(1.2);
    color: #FFCE00;
  }
  .hero--mobile .hero-system--mobile {
    display: block;
    max-width: 375px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }
  .hero--mobile .hero-system--mobile .glow {
    position: absolute;
    z-index: 2;
    pointer-events: none;
    border-radius: 50%;
    filter: blur(42px);
    mix-blend-mode: screen;
    opacity: 0.6;
    background: radial-gradient(rgba(16, 25, 195, 0.36) 0%, rgba(16, 25, 195, 0) 100%);
  }
  .hero--mobile .hero-system--mobile .glow.glow-1 {
    top: 49px;
    left: 45px;
    width: 448px;
    height: 407px;
  }
  .hero--mobile .hero-system--mobile .glow.glow-2 {
    top: 212px;
    left: calc(50% - 106px);
    width: 627px;
    height: 432px;
  }
  .hero--mobile .hero-system--mobile .glow.glow-3 {
    top: 448px;
    left: -127px;
    width: 435px;
    height: 230px;
  }
  .hero--mobile .hero-system--mobile .hero-core {
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 714px;
  }
  .hero--mobile .hero-system--mobile .hero-core .hero-logo {
    width: 88px;
    animation: rotateSlow 12s linear infinite;
  }
  .hero--mobile .hero-system--mobile .hero-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
  }
  .hero--mobile .hero-system--mobile .hero-svg .circle-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .hero--mobile .hero-system--mobile .hero-svg .circle-wrap .circle {
    position: relative;
    display: block;
    transform-origin: center center;
    opacity: 1;
  }
  .hero--mobile .hero-system--mobile .hero-svg .circle-wrap .circle.circle-1 {
    width: 143px;
    animation: rotateSlow 4s linear infinite;
    filter: drop-shadow(0 0 6px rgba(16, 25, 195, 0.45)) drop-shadow(0 0 20px rgba(16, 25, 195, 0.18));
  }
  .hero--mobile .hero-system--mobile .hero-svg .circle-wrap .circle.circle-2 {
    width: 210px;
    animation: rotateReverse 10s linear infinite;
    opacity: 0.85;
    filter: drop-shadow(0 0 8px rgba(0, 229, 255, 0.35)) drop-shadow(0 0 22px rgba(0, 229, 255, 0.12));
  }
  .hero--mobile .hero-system--mobile .hero-svg .circle-wrap .circle.circle-3 {
    width: 258px;
    animation: rotateSlow 20s linear infinite;
    opacity: 0.85;
    filter: drop-shadow(0 0 5px rgba(16, 25, 195, 0.35)) drop-shadow(0 0 16px rgba(16, 25, 195, 0.12));
  }
  .hero--mobile .hero-system--mobile .hero-svg .line {
    position: absolute;
    opacity: 0.9;
  }
  .hero--mobile .hero-system--mobile .hero-svg .line.line-green-1 {
    top: 198px;
    left: 128px;
    filter: drop-shadow(0 0 4px rgba(4, 223, 64, 0.9)) drop-shadow(0 0 12px rgba(4, 223, 64, 0.45)) drop-shadow(0 0 24px rgba(4, 223, 64, 0.2));
  }
  .hero--mobile .hero-system--mobile .hero-svg .line.line-blue-2 {
    top: 205px;
    left: 234px;
    filter: drop-shadow(0 0 4px rgba(4, 66, 223, 0.9)) drop-shadow(0 0 12px rgba(4, 66, 223, 0.45)) drop-shadow(0 0 24px rgba(4, 66, 223, 0.2));
  }
  .hero--mobile .hero-system--mobile .hero-svg .line.line-purple-3 {
    top: 202px;
    left: 221px;
    filter: drop-shadow(0 0 4px rgba(171, 82, 255, 0.9)) drop-shadow(0 0 12px rgba(171, 82, 255, 0.45)) drop-shadow(0 0 24px rgba(171, 82, 255, 0.2));
  }
  .hero--mobile .hero-system--mobile .hero-svg .line.line-yellow-4 {
    top: 464px;
    left: 74px;
    filter: drop-shadow(0 0 4px rgba(255, 214, 10, 0.9)) drop-shadow(0 0 12px rgba(255, 214, 10, 0.45)) drop-shadow(0 0 24px rgba(255, 214, 10, 0.2));
  }
  .hero--mobile .hero-system--mobile .hero-svg .line.line-green-5 {
    top: 384px;
    left: 265px;
    filter: drop-shadow(0 0 4px rgba(4, 223, 64, 0.9)) drop-shadow(0 0 12px rgba(4, 223, 64, 0.45)) drop-shadow(0 0 24px rgba(4, 223, 64, 0.2));
  }
  .hero--mobile .hero-system--mobile .hero-svg .dot {
    position: absolute;
  }
  .hero--mobile .hero-system--mobile .hero-svg .dot.dot-green {
    filter: drop-shadow(0 0 3.3px rgba(4, 223, 64, 0.83));
  }
  .hero--mobile .hero-system--mobile .hero-svg .dot.dot-green.dot-green-1 {
    top: 193px;
    left: 125px;
  }
  .hero--mobile .hero-system--mobile .hero-svg .dot.dot-green.dot-green-2 {
    top: 309px;
    left: 157px;
  }
  .hero--mobile .hero-system--mobile .hero-svg .dot.dot-green.dot-green-3 {
    top: 381px;
    left: 286px;
  }
  .hero--mobile .hero-system--mobile .hero-svg .dot.dot-green.dot-green-4 {
    top: 500px;
    left: 261px;
  }
  .hero--mobile .hero-system--mobile .hero-svg .dot.dot-blue {
    filter: drop-shadow(0 0 3.3px rgba(0, 13, 255, 0.83));
  }
  .hero--mobile .hero-system--mobile .hero-svg .dot.dot-blue.dot-blue-1 {
    top: 198px;
    left: 230px;
  }
  .hero--mobile .hero-system--mobile .hero-svg .dot.dot-blue.dot-blue-2 {
    top: 323px;
    left: 250px;
  }
  .hero--mobile .hero-system--mobile .hero-svg .dot.dot-purple {
    filter: drop-shadow(0 0 3.3px rgba(138, 56, 245, 0.83));
  }
  .hero--mobile .hero-system--mobile .hero-svg .dot.dot-purple.dot-purple-1 {
    top: 200px;
    left: 255px;
  }
  .hero--mobile .hero-system--mobile .hero-svg .dot.dot-purple.dot-purple-2 {
    top: 270px;
    left: 217px;
  }
  .hero--mobile .hero-system--mobile .hero-svg .dot.dot-yellow {
    filter: drop-shadow(0 0 3.3px rgba(255, 206, 0, 0.83));
  }
  .hero--mobile .hero-system--mobile .hero-svg .dot.dot-yellow.dot-yellow-1 {
    top: 461px;
    left: 111px;
  }
  .hero--mobile .hero-system--mobile .hero-svg .dot.dot-yellow.dot-yellow-2 {
    top: 496px;
    left: 71px;
  }
  .hero--mobile .hero-system--mobile .hero-svg .dot.dot-blue-small {
    filter: drop-shadow(0 0 3.3px rgba(0, 13, 255, 0.83));
    top: 455px;
    left: 244px;
  }
  .hero--mobile .hero-system--mobile .hero-svg .dot.dot-green-small {
    filter: drop-shadow(0 0 3.3px rgba(4, 223, 64, 0.83));
    top: 352px;
    left: 274px;
  }
  .hero--mobile .hero-system--mobile .hero-svg .dot.dot-yellow-small {
    filter: drop-shadow(0 0 3.3px rgba(255, 206, 0, 0.83));
    top: 283px;
    left: 94px;
  }
  .hero--mobile .hero-system--mobile .flow-card {
    display: flex;
    gap: 18px;
    position: absolute;
    border-radius: 30px;
    padding: 15px 18px 15px 22px;
    z-index: 3000;
  }
  .hero--mobile .hero-system--mobile .flow-card .card-content {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  .hero--mobile .hero-system--mobile .flow-card .card-content .info p {
    font-family: Saira;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
  }
  .hero--mobile .hero-system--mobile .flow-card .card-content .info span {
    color: #B6C7EB;
    font-family: "Source Sans 3";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
  }
  .hero--mobile .hero-system--mobile .flow-card.card-1 {
    top: 116px;
    left: calc(50% - 141px);
    width: 242px;
    height: auto;
    border-radius: 30px;
    border: 1px solid rgba(0, 255, 166, 0.28);
    background: linear-gradient(94deg, rgba(4, 223, 146, 0.08) 2.06%, rgba(4, 223, 64, 0.01) 97.75%);
  }
  .hero--mobile .hero-system--mobile .flow-card.card-1 .card-icon {
    margin-top: 7px;
  }
  .hero--mobile .hero-system--mobile .flow-card.card-1 .primary-title {
    color: #FFF;
    font-family: "Saira", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
  }
  .hero--mobile .hero-system--mobile .flow-card.card-1 .info {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .hero--mobile .hero-system--mobile .flow-card.card-1 .info p {
    color: #55CF61;
  }
  .hero--mobile .hero-system--mobile .flow-card.card-2 {
    top: 500px;
    left: calc(50% - 114px);
    display: flex;
    align-items: center;
    max-width: 228px;
    box-sizing: border-box;
    overflow: visible;
    padding: 10px 13px;
    border-radius: 20px;
    border: 1px solid rgba(0, 255, 166, 0.28);
    background: linear-gradient(94deg, rgba(4, 223, 146, 0.08) 2.06%, rgba(4, 223, 64, 0.01) 97.75%);
  }
  .hero--mobile .hero-system--mobile .flow-card.card-2 .card-icon {
    min-width: 34px;
    height: 34px;
    flex-shrink: 0;
  }
  .hero--mobile .hero-system--mobile .flow-card.card-2 .card-content h3 {
    color: #04DF40;
    font-family: Saira;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
  }
  .hero--mobile .hero-system--mobile .flow-card.card-2 .card-content .card-text {
    color: #B6C7EB;
    font-family: "Source Sans 3";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 2px;
  }
  .hero--mobile .hero-system--mobile .flow-card.card-2 .card-content .card-text-2 {
    color: rgba(4, 223, 64, 0.83);
    font-family: Saira;
    font-size: 12px;
    font-weight: 400;
    line-height: 122.111%;
  }
  .hero--mobile .hero-system--mobile .flow-card.card-3 {
    top: 116px;
    left: calc(50% - 140px);
    width: 266px;
    padding: 10px 14px;
    box-sizing: border-box;
    height: auto;
    border: 1px solid rgba(59, 99, 255, 0.22);
    background: linear-gradient(94deg, rgba(16, 25, 195, 0.09) 2.06%, rgba(59, 99, 255, 0.02) 97.75%);
  }
  .hero--mobile .hero-system--mobile .flow-card.card-3 .card-icon {
    margin-top: 7px;
  }
  .hero--mobile .hero-system--mobile .flow-card.card-3 .card-content h3 {
    color: #3BA0FF;
    font-family: Saira;
    font-size: 15px;
    font-weight: 400;
    line-height: 122.111%;
  }
  .hero--mobile .hero-system--mobile .flow-card.card-3 .card-content .card-text {
    color: #B6C7EB;
    font-family: "Source Sans 3";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 2px;
  }
  .hero--mobile .hero-system--mobile .flow-card.card-3 .card-content .card-text-2 {
    color: #0FA9F5;
    font-family: Saira;
    font-size: 12px;
    font-weight: 400;
    line-height: 122.111%;
  }
  .hero--mobile .hero-system--mobile .flow-card.card-4 {
    top: 492px;
    left: calc(50% - 175px);
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 332px;
    height: auto;
    overflow: hidden;
    padding: 12px 16px;
    border-radius: 20px;
    border: 1px solid rgba(59, 99, 255, 0.27);
    background: rgba(16, 25, 195, 0.09);
  }
  .hero--mobile .hero-system--mobile .flow-card.card-4 .card-icon {
    width: 34px;
    height: 34px;
    flex-shrink: 0;
  }
  .hero--mobile .hero-system--mobile .flow-card.card-4 .card-content h3 {
    color: #BA86FF;
    font-family: Saira;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
  }
  .hero--mobile .hero-system--mobile .flow-card.card-4 .card-content .card-text {
    color: #B6C7EB;
    font-family: "Source Sans 3";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 6px;
  }
  .hero--mobile .hero-system--mobile .flow-card.card-4 .card-content .card-text-2 {
    color: #BA86FF;
    font-family: Saira;
    font-size: 12px;
    font-weight: 400;
    line-height: 122.111%;
  }
  .hero--mobile .hero-system--mobile .flow-card.card-5 {
    top: 104px;
    left: calc(50% - 100px);
    width: 200px;
    height: auto;
    border: 1px solid rgba(59, 99, 255, 0.22);
    background: linear-gradient(94deg, rgba(16, 25, 195, 0.09) 2.06%, rgba(59, 99, 255, 0.02) 97.75%);
  }
  .hero--mobile .hero-system--mobile .flow-card.card-5 .card-icon {
    margin-top: 7px;
  }
  .hero--mobile .hero-system--mobile .flow-card.card-5 .card-content h3 {
    color: #BA86FF;
    font-family: Saira;
    font-size: 15px;
    font-weight: 400;
    line-height: 122.111%;
  }
  .hero--mobile .hero-system--mobile .flow-card.card-5 .card-content .card-text {
    color: #B6C7EB;
    font-family: "Source Sans 3";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 2px;
  }
  .hero--mobile .hero-system--mobile .flow-card.card-5 .card-content .card-text-2 {
    color: #BA86FF;
    font-family: Saira;
    font-size: 12px;
    font-weight: 400;
    line-height: 122.111%;
  }
  .hero--mobile .hero-system--mobile .flow-card.card-6 {
    top: 500px;
    left: calc(50% - 166px);
    width: 300px;
    padding: 12px 14px;
    height: auto;
    border: 1px solid rgba(59, 99, 255, 0.22);
    background: linear-gradient(94deg, rgba(16, 25, 195, 0.09) 2.06%, rgba(59, 99, 255, 0.02) 97.75%);
  }
  .hero--mobile .hero-system--mobile .flow-card.card-6 .card-icon {
    margin-top: 7px;
  }
  .hero--mobile .hero-system--mobile .flow-card.card-6 .card-content h3 {
    color: #FFCE00;
    font-family: Saira;
    font-size: 15px;
    font-weight: 400;
    line-height: 122.111%;
  }
  .hero--mobile .hero-system--mobile .flow-card.card-6 .card-content .card-text {
    color: #B6C7EB;
    font-family: "Source Sans 3";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 2px;
  }
  .hero--mobile .hero-system--mobile .flow-card.card-6 .card-content .card-text-2 {
    color: #FFCE00;
    font-family: Saira;
    font-size: 12px;
    font-weight: 400;
    line-height: 122.111%;
  }
  .hero--mobile .hero-system--mobile .flow-card.card-7 {
    top: 111px;
    left: calc(50% - 118px);
    gap: 10px;
    align-items: center;
    max-width: 210px;
    padding: 12px 16px;
    height: auto;
    border-radius: 20px;
    border: 1px solid rgba(59, 99, 255, 0.27);
    background: rgba(16, 25, 195, 0.09);
  }
  .hero--mobile .hero-system--mobile .flow-card.card-7 .card-icon {
    width: 34px;
    height: 34px;
  }
  .hero--mobile .hero-system--mobile .flow-card.card-7 .card-content h3 {
    color: #3BA0FF;
    font-family: Saira;
    font-size: 15px;
    font-weight: 400;
    line-height: 122.111%;
  }
  .hero--mobile .hero-system--mobile .flow-card.card-7 .card-content .card-text {
    color: #B6C7EB;
    font-family: "Source Sans 3";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 2px;
  }
  .hero--mobile .hero-system--mobile .flow-card.card-7 .card-content .card-text-2 {
    color: #3BA0FF;
    font-family: Saira;
    font-size: 12px;
    font-weight: 400;
    line-height: 122.111%;
  }
  .hero--mobile .hero-system--mobile .flow-card.card-8 {
    top: 504px;
    left: calc(50% - 163px);
    width: 312px;
    padding: 12px 14px;
    height: auto;
    border-radius: 30px;
    border: 1px solid rgba(0, 255, 166, 0.28);
    background: linear-gradient(94deg, rgba(4, 223, 146, 0.08) 2.06%, rgba(4, 223, 64, 0.01) 97.75%);
  }
  .hero--mobile .hero-system--mobile .flow-card.card-8 .card-icon {
    margin-top: 7px;
  }
  .hero--mobile .hero-system--mobile .flow-card.card-8 .card-content h3 {
    color: #04DF40;
    font-family: Saira;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
  }
  .hero--mobile .hero-system--mobile .flow-card.card-8 .card-content .card-text {
    color: #B6C7EB;
    font-family: "Source Sans 3";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 2px;
  }
  .hero--mobile .hero-system--mobile .flow-card.card-8 .card-content .card-text-2 {
    color: rgba(4, 223, 64, 0.83);
    font-family: Saira;
    font-size: 12px;
    font-weight: 400;
    line-height: 122.111%;
  }
  .hero--mobile .hero-content {
    position: absolute;
    max-width: 344px;
    top: 133px;
    padding-bottom: 246px;
    left: calc(50% - 172px);
    opacity: 0;
    z-index: 5000;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .hero--mobile .hero-content .tag {
    border-radius: 8px;
    border: 1px solid rgba(255, 206, 0, 0.83);
    background: rgba(255, 206, 0, 0.06);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    width: fit-content;
    gap: 8px;
    padding: 4px 8px;
    color: #FFCE00;
    font-family: Saira;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    /* 15.4px */
    letter-spacing: 1.26px;
  }
  .hero--mobile .hero-content .tag .icon {
    width: 20.5px;
    flex-shrink: 0;
    flex-grow: 0;
  }
  .hero--mobile .hero-content .hero-title {
    color: #04DF40;
    font-family: Saira;
    font-size: 32px;
    font-weight: 500;
    line-height: 110%;
    /* 46.2px */
    margin-bottom: 16px;
  }
  .hero--mobile .hero-content .hero-title span {
    color: #3BA0FF;
  }
  .hero--mobile .hero-content .hero-description {
    color: #FFF;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 122.111%;
    /* 24.422px */
    margin-bottom: 32px;
  }
}
.page__hero {
  /* =========================
    CORE & CIRCLES
    ========================= */
  /* =========================
    FLOW 1
    ========================= */
  /* =========================
    FLOW 2
    ========================= */
  /* =========================
    FLOW 3
    ========================= */
  /* =========================
    FLOW 4
    ========================= */
  /* =========================
    FLOW 5
    ========================= */
  /* =========================
    FLOW 6
    ========================= */
  /* =========================
    FLOW 7
    ========================= */
  /* =========================
    FLOW 8
    ========================= */
  /* =========================
    ORBITAL DOTS
    ========================= */
  /* =========================
    THE END
    ========================= */
}
.page__hero .hero-core {
  opacity: 0;
  animation: coreEnter 1.4s ease forwards, coreRotate 26s linear infinite;
  animation-delay: 0.8s, 1.6s;
}
.page__hero .circle-wrap.circle-wrap-1 {
  opacity: 0;
  animation: circleEnter 1s ease forwards;
  animation-delay: 0.2s;
}
.page__hero .circle-wrap.circle-wrap-2 {
  opacity: 0;
  animation: circleEnter 1s ease forwards;
  animation-delay: 0.6s;
}
.page__hero .circle-wrap.circle-wrap-3 {
  opacity: 0;
  animation: circleEnter 1s ease forwards;
  animation-delay: 1s;
}
.page__hero .circle-1 {
  animation: rotateSlow 4s linear infinite;
}
.page__hero .circle-2 {
  animation: rotateReverse 10s linear infinite;
}
.page__hero .circle-3 {
  animation: rotateSlow 20s linear infinite;
}
.page__hero .dot-green-2 {
  opacity: 0;
  animation: dotEnter 0.3s ease forwards, dotExit 0.4s ease forwards;
  animation-delay: 1.8s, 21s;
}
.page__hero .line-green-1 {
  opacity: 0;
  clip-path: inset(100% 0 0 0);
  animation: lineEnter 1.1s ease forwards, lineExit 0.6s ease forwards;
  animation-delay: 2.1s, 21.1s;
}
.page__hero .dot-green-1 {
  opacity: 0;
  animation: dotEnter 0.3s ease forwards, dotExit 0.4s ease forwards;
  animation-delay: 3s, 21.2s;
}
.page__hero .card-1 {
  opacity: 0;
  animation: cardEnter 0.8s ease forwards, cardExit 0.7s ease forwards;
  animation-delay: 3.5s, 21.4s;
}
.page__hero .card-2 {
  opacity: 0;
  overflow: hidden;
  animation: pillEnter 0.5s ease forwards, pillExpand 0.8s ease forwards, cardExit 0.7s ease forwards;
  animation-delay: 4.1s, 4.6s, 21.7s;
}
.page__hero .card-2 .card-content {
  opacity: 0;
  width: 0;
  overflow: hidden;
  white-space: nowrap;
  animation: textReveal 0.5s ease forwards;
  animation-delay: 5.2s;
}
.page__hero .dot-blue-2 {
  opacity: 0;
  animation: dotEnter 0.3s ease forwards, dotExit 0.4s ease forwards;
  animation-delay: 5.8s, 22s;
}
.page__hero .line-blue-2 {
  opacity: 0;
  clip-path: inset(100% 0 0 0);
  animation: lineEnter 1.1s ease forwards, lineExit 0.6s ease forwards;
  animation-delay: 6.2s, 22.1s;
}
.page__hero .dot-blue-1 {
  opacity: 0;
  animation: dotEnter 0.3s ease forwards, dotExit 0.4s ease forwards;
  animation-delay: 7.1s, 22.2s;
}
.page__hero .card-3 {
  opacity: 0;
  animation: cardEnter 0.8s ease forwards, cardExit 0.7s ease forwards;
  animation-delay: 7.5s, 22.4s;
}
.page__hero .card-4 {
  opacity: 0;
  overflow: hidden;
  animation: pillEnter 0.7s ease forwards, pillExpand2 0.8s ease forwards, cardExit 0.7s ease forwards;
  animation-delay: 7.9s, 8.2s, 21.9s;
}
.page__hero .card-4 .card-content {
  opacity: 0;
  width: 0;
  overflow: hidden;
  white-space: nowrap;
  animation: textReveal2 0.5s ease forwards;
  animation-delay: 9.2s;
}
.page__hero .dot-purple-1 {
  opacity: 0;
  animation: dotEnter 0.3s ease forwards, dotExit 0.4s ease forwards;
  animation-delay: 9.9s, 23s;
}
.page__hero .line-purple-3 {
  opacity: 0;
  clip-path: inset(100% 0 0 0);
  animation: lineEnter 1.1s ease forwards, lineExit 0.6s ease forwards;
  animation-delay: 10.2s, 23.1s;
}
.page__hero .dot-purple-2 {
  opacity: 0;
  animation: dotEnter 0.3s ease forwards, dotExit 0.4s ease forwards;
  animation-delay: 11.1s, 23.2s;
}
.page__hero .card-5 {
  opacity: 0;
  animation: cardEnter 0.8s ease forwards, cardExit 0.7s ease forwards;
  animation-delay: 11.5s, 23.4s;
}
.page__hero .dot-yellow-1 {
  opacity: 0;
  animation: dotEnter 0.3s ease forwards, dotExit 0.4s ease forwards;
  animation-delay: 12.4s, 23.7s;
}
.page__hero .line-yellow-5 {
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left bottom;
  animation: lineYellowEnter 1.2s ease forwards, lineExit 0.6s ease forwards;
  animation-delay: 12.8s, 23.8s;
}
.page__hero .dot-yellow-2 {
  opacity: 0;
  animation: dotEnter 0.3s ease forwards, dotExit 0.4s ease forwards;
  animation-delay: 13.7s, 23.9s;
}
.page__hero .card-6 {
  opacity: 0;
  animation: cardEnter 0.8s ease forwards, cardExit 0.7s ease forwards;
  animation-delay: 14.2s, 24.1s;
}
.page__hero .card-7 {
  opacity: 0;
  overflow: hidden;
  animation: pillEnter 0.5s ease forwards, pillExpand 0.8s ease forwards, cardExit 0.7s ease forwards;
  animation-delay: 15s, 15.5s, 24.4s;
}
.page__hero .card-7 .card-content {
  opacity: 0;
  width: 0;
  overflow: hidden;
  white-space: nowrap;
  animation: textReveal 0.5s ease forwards;
  animation-delay: 16s;
}
.page__hero .dot-green-4 {
  opacity: 0;
  animation: dotEnter 0.3s ease forwards, dotExit 0.4s ease forwards;
  animation-delay: 16.9s, 24.7s;
}
.page__hero .line-green-4 {
  opacity: 0;
  transform: scaleX(0);
  transform-origin: right bottom;
  animation: lineGreenEnter 1.2s ease forwards, lineExit 0.6s ease forwards;
  animation-delay: 17.2s, 24.8s;
}
.page__hero .dot-green-3 {
  opacity: 0;
  animation: dotEnter 0.3s ease forwards, dotExit 0.4s ease forwards;
  animation-delay: 18.1s, 24.9s;
}
.page__hero .card-8 {
  opacity: 0;
  animation: cardEnter 0.8s ease forwards, cardExit 0.7s ease forwards;
  animation-delay: 18.6s, 25.1s;
}
.page__hero .dot-blue-small,
.page__hero .dot-green-small,
.page__hero .dot-yellow-small {
  opacity: 0;
  animation: orbitalEnter 0.4s ease forwards, orbitalPulse 2.4s ease-in-out infinite;
}
.page__hero .dot-blue-small {
  animation-delay: 19.4s, 19.7s;
}
.page__hero .dot-green-small {
  animation-delay: 19.7s, 20s;
}
.page__hero .dot-yellow-small {
  animation-delay: 20s, 20.3s;
}
.page__hero .hero-system {
  animation: heroDock 1.4s cubic-bezier(0.77, 0, 0.18, 1);
  animation-delay: 25.8s;
  animation-fill-mode: forwards;
}
.page__header .links,
.page__header .is--desktop .btn__header,
.page__hero .hero-content {
  animation: uiReveal 0.8s ease forwards;
  animation-delay: 26.8s;
  animation-fill-mode: forwards;
  pointer-events: auto !important;
}
body.skip-intro .page__header .links,
body.skip-intro .page__header .is--desktop .btn__header {
  opacity: 1 !important;
  transform: translateY(0) !important;
  animation: none !important;
}
body.skip-intro .skip-button {
  animation: skipFadeOut 0.4s ease forwards !important;
}
body.skip-intro .hero-system {
  transform: translateX(420px) translateY(-40px);
}
body.skip-intro .hero-core,
body.skip-intro .circle-wrap,
body.skip-intro .circle,
body.skip-intro .dot-blue-small,
body.skip-intro .dot-green-small,
body.skip-intro .dot-yellow-small {
  opacity: 1 !important;
}
body.skip-intro .flow-card,
body.skip-intro .line,
body.skip-intro .dot-green-1,
body.skip-intro .dot-green-2,
body.skip-intro .dot-green-3,
body.skip-intro .dot-green-4,
body.skip-intro .dot-blue-1,
body.skip-intro .dot-blue-2,
body.skip-intro .dot-purple-1,
body.skip-intro .dot-purple-2,
body.skip-intro .dot-yellow-1,
body.skip-intro .dot-yellow-2 {
  animation: none !important;
  opacity: 0 !important;
}
body.skip-intro .hero-content {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
/* =========================
KEYFRAMES
========================= */
/* =========================
ENTRANCES
========================= */
@keyframes coreEnter {
  from {
    opacity: 0;
    transform: scale(0.4);
    filter: blur(10px);
  }
  to {
    opacity: 1;
    transform: scale(1);
    filter: blur(0px);
  }
}
@keyframes coreRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes circleEnter {
  from {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.6);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
/* =========================
ROTATIONS
========================= */
@keyframes rotateSlow {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotateReverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
/* =========================
DOT ENTER
========================= */
@keyframes dotEnter {
  from {
    opacity: 0;
    transform: scale(0.3);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
/* =========================
CARD ENTER
========================= */
@keyframes cardEnter {
  from {
    opacity: 0;
    transform: translateY(10px) scale(0.92);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
/* =========================
LINE ENTER
========================= */
@keyframes lineEnter {
  from {
    opacity: 1;
    clip-path: inset(100% 0 0 0);
  }
  to {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
}
@keyframes lineYellowEnter {
  from {
    opacity: 1;
    transform: scaleX(0);
  }
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}
@keyframes lineGreenEnter {
  from {
    opacity: 1;
    transform: scaleX(0);
  }
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}
/* =========================
PILL ENTER
========================= */
@keyframes pillEnter {
  from {
    opacity: 0;
    transform: scale(0.7);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
/* =========================
PILL EXPAND
========================= */
@keyframes pillExpand {
  from {
    width: 60px;
    gap: 0;
  }
  to {
    width: 220px;
    gap: 10px;
  }
}
@keyframes pillExpand2 {
  from {
    width: 60px;
    gap: 0;
  }
  to {
    width: 332px;
    gap: 10px;
  }
}
/* =========================
TEXT REVEAL
========================= */
@keyframes textReveal {
  from {
    opacity: 0;
    width: 0;
    transform: translateX(-6px);
  }
  to {
    opacity: 1;
    width: 240px;
    transform: translateX(0);
  }
}
@keyframes textReveal2 {
  from {
    opacity: 0;
    width: 0;
    transform: translateX(-6px);
  }
  to {
    opacity: 1;
    width: 332px;
    transform: translateX(0);
  }
}
/* =========================
ORBITAL PULSE
========================= */
@keyframes orbitalPulse {
  0% {
    opacity: 0.4;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
    transform: scale(1.15);
  }
  100% {
    opacity: 0.4;
    transform: scale(0.8);
  }
}
@keyframes orbitalEnter {
  from {
    opacity: 0;
    transform: scale(0.2);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
/* =========================
THE END
========================= */
/* =========================
CARD EXIT
========================= */
@keyframes cardExit {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.85);
  }
}
/* =========================
LINE EXIT
========================= */
@keyframes lineExit {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* =========================
DOT EXIT
========================= */
@keyframes dotExit {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.5);
  }
}
/* =========================
SYSTEM DOCK
========================= */
@keyframes heroDock {
  from {
    transform: translateX(0) translateY(0);
  }
  to {
    transform: translateX(420px) translateY(-40px);
  }
}
/* =========================
SKIP BUTTON EXIT
========================= */
@keyframes skipFadeOut {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
/* =========================
UI REVEAL
========================= */
@keyframes uiReveal {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
body.paused .hero--mobile *,
body.paused .page__hero * {
  animation-play-state: paused !important;
}
.pause-animation {
  position: absolute;
  z-index: 9000;
}
.hero--mobile {
  /* =========================
    CORE & CIRCLES
    ========================= */
  /* =========================
    FLOW 1
    ========================= */
  /* =========================
    FLOW 2
    ========================= */
  /* =========================
    FLOW 3
    ========================= */
  /* =========================
    FLOW 4
    ========================= */
  /* =========================
    FLOW 5
    ========================= */
  /* =========================
    FLOW 6
    ========================= */
  /* =========================
    FLOW 7
    ========================= */
  /* =========================
    FLOW 8
    ========================= */
  /* =========================
    ORBITAL DOTS
    ========================= */
  /* =========================
    THE END
    ========================= */
}
.hero--mobile .hero-core {
  opacity: 0;
  animation: coreEnter 1.4s ease forwards;
  animation-delay: 0.8s;
}
.hero--mobile .circle-wrap.circle-wrap-1 {
  opacity: 0;
  animation: circleEnter 1s ease forwards;
  animation-delay: 0.2s;
}
.hero--mobile .circle-wrap.circle-wrap-2 {
  opacity: 0;
  animation: circleEnter 1s ease forwards;
  animation-delay: 0.6s;
}
.hero--mobile .circle-wrap.circle-wrap-3 {
  opacity: 0;
  animation: circleEnter 1s ease forwards;
  animation-delay: 1s;
}
.hero--mobile .circle-1 {
  animation: rotateSlow 4s linear infinite;
}
.hero--mobile .circle-2 {
  animation: rotateReverse 10s linear infinite;
}
.hero--mobile .circle-3 {
  animation: rotateSlow 20s linear infinite;
}
.hero--mobile .dot-green-2 {
  opacity: 0;
  animation: dotEnter 0.3s ease forwards, dotExit 0.4s ease forwards;
  animation-delay: 1.8s, 6s;
}
.hero--mobile .line-green-1 {
  opacity: 0;
  clip-path: inset(100% 0 0 0);
  animation: lineEnter 0.8s ease forwards, lineExit 0.4s ease forwards;
  animation-delay: 1.2s, 6s;
}
.hero--mobile .dot-green-1 {
  opacity: 0;
  animation: dotEnter 0.3s ease forwards, dotExit 0.4s ease forwards;
  animation-delay: 1.6s, 6s;
}
.hero--mobile .card-1 {
  opacity: 0;
  animation: cardEnter 0.7s ease forwards, cardExit 0.5s ease forwards;
  animation-delay: 2.2s, 6s;
}
.hero--mobile .card-2 {
  opacity: 0;
  animation: cardEnter 0.7s ease forwards, cardExit 0.5s ease forwards;
  animation-delay: 3s,
        6s;
}
.hero--mobile .dot-blue-2 {
  opacity: 0;
  animation: dotEnter 0.3s ease forwards, dotExit 0.4s ease forwards;
  animation-delay: 6.8s, 11s;
}
.hero--mobile .line-blue-2 {
  opacity: 0;
  clip-path: inset(100% 0 0 0);
  animation: lineEnter 0.8s ease forwards, lineExit 0.4s ease forwards;
  animation-delay: 6.4s, 11s;
}
.hero--mobile .dot-blue-1 {
  opacity: 0;
  animation: dotEnter 0.3s ease forwards, dotExit 0.4s ease forwards;
  animation-delay: 7.2s, 11s;
}
.hero--mobile .card-3 {
  opacity: 0;
  animation: cardEnter 0.7s ease forwards, cardExit 0.5s ease forwards;
  animation-delay: 7.8s, 11s;
}
.hero--mobile .card-4 {
  opacity: 0;
  animation: cardEnter 0.7s ease forwards, cardExit 0.5s ease forwards;
  animation-delay: 8.6s, 11s;
}
.hero--mobile .dot-purple-1 {
  opacity: 0;
  animation: dotEnter 0.3s ease forwards, dotExit 0.4s ease forwards;
  animation-delay: 11.8s, 16s;
}
.hero--mobile .line-purple-3 {
  opacity: 0;
  clip-path: inset(100% 0 0 0);
  animation: lineEnter 0.8s ease forwards, lineExit 0.4s ease forwards;
  animation-delay: 11.4s, 16s;
}
.hero--mobile .dot-purple-2 {
  opacity: 0;
  animation: dotEnter 0.3s ease forwards, dotExit 0.4s ease forwards;
  animation-delay: 12.2s, 16s;
}
.hero--mobile .card-5 {
  opacity: 0;
  animation: cardEnter 0.7s ease forwards, cardExit 0.5s ease forwards;
  animation-delay: 12.8s, 16s;
}
.hero--mobile .dot-yellow-1 {
  opacity: 0;
  animation: dotEnter 0.3s ease forwards, dotExit 0.4s ease forwards;
  animation-delay: 13.6s, 16s;
}
.hero--mobile .line-yellow-4 {
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left bottom;
  animation: lineYellowEnter 0.8s ease forwards, lineExit 0.4s ease forwards;
  animation-delay: 13.2s, 16s;
}
.hero--mobile .dot-yellow-2 {
  opacity: 0;
  animation: dotEnter 0.3s ease forwards, dotExit 0.4s ease forwards;
  animation-delay: 14s,
        16s;
}
.hero--mobile .card-6 {
  opacity: 0;
  animation: cardEnter 0.7s ease forwards, cardExit 0.5s ease forwards;
  animation-delay: 14.6s, 16s;
}
.hero--mobile .card-7 {
  opacity: 0;
  animation: cardEnter 0.7s ease forwards, cardExit 0.5s ease forwards;
  animation-delay: 18.6s, 21.2s;
}
.hero--mobile .dot-green-4 {
  opacity: 0;
  animation: dotEnter 0.3s ease forwards, dotExit 0.3s ease forwards;
  animation-delay: 16.8s, 21.5s;
}
.hero--mobile .line-green-5 {
  opacity: 0;
  transform: scaleX(0);
  transform-origin: right bottom;
  animation: lineGreenEnter 0.8s ease forwards, lineExit 0.4s ease forwards;
  animation-delay: 16.4s, 21.4s;
}
.hero--mobile .dot-green-3 {
  opacity: 0;
  animation: dotEnter 0.3s ease forwards, dotExit 0.3s ease forwards;
  animation-delay: 17.2s, 21.5s;
}
.hero--mobile .card-8 {
  opacity: 0;
  animation: cardEnter 0.7s ease forwards, cardExit 0.5s ease forwards;
  animation-delay: 17.8s, 21s;
}
.hero--mobile .dot-blue-small,
.hero--mobile .dot-green-small,
.hero--mobile .dot-yellow-small {
  opacity: 0;
  animation: orbitalEnter 0.4s ease forwards, orbitalPulse 2.4s ease-in-out infinite;
}
.hero--mobile .dot-blue-small {
  animation-delay: 19.4s, 19.7s;
}
.hero--mobile .dot-green-small {
  animation-delay: 19.7s, 20s;
}
.hero--mobile .dot-yellow-small {
  animation-delay: 20s, 20.3s;
}
.hero--mobile .hero-system--mobile {
  animation: heroDock2 1.4s cubic-bezier(0.77, 0, 0.18, 1);
  animation-delay: 25.8s;
  animation-fill-mode: forwards;
}
.hero--mobile .hero-content {
  opacity: 0;
  transform: translateY(12px);
  animation: uiReveal 0.8s ease forwards;
  animation-delay: 26.8s;
}
.page__header .is--mobile .navbar__hamburguer {
  opacity: 0;
  transform: translateY(12px);
  animation: uiReveal 0.8s ease forwards;
  animation-delay: 26.8s;
}
.float__whatsapp {
  opacity: 0;
  transform: translateY(12px);
  animation: uiReveal 0.8s ease forwards;
  animation-delay: 26.8s;
}
body.skip-intro .hero-system--mobile {
  animation: none !important;
  transform: translateY(210px) scale(0.88);
}
body.skip-intro .page__header .is--mobile .navbar__hamburguer {
  opacity: 1 !important;
  transform: translateY(0) !important;
  animation: none !important;
}
body.skip-intro .skip-button--mobile {
  animation: skipFadeOut 0.4s ease forwards !important;
}
body.skip-intro .hero-core,
body.skip-intro .circle-wrap,
body.skip-intro .circle,
body.skip-intro .dot-blue-small,
body.skip-intro .dot-green-small,
body.skip-intro .dot-yellow-small {
  opacity: 1 !important;
}
body.skip-intro .flow-card,
body.skip-intro .line,
body.skip-intro .dot-green-1,
body.skip-intro .dot-green-2,
body.skip-intro .dot-green-3,
body.skip-intro .dot-green-4,
body.skip-intro .dot-blue-1,
body.skip-intro .dot-blue-2,
body.skip-intro .dot-purple-1,
body.skip-intro .dot-purple-2,
body.skip-intro .dot-yellow-1,
body.skip-intro .dot-yellow-2 {
  animation: none !important;
  opacity: 0 !important;
}
body.skip-intro .hero-content {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
body.skip-intro .float__whatsapp {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
/* =========================
KEYFRAMES
========================= */
/* =========================
ENTRANCES
========================= */
@keyframes coreEnter {
  from {
    opacity: 0;
    transform: scale(0.4);
    filter: blur(10px);
  }
  to {
    opacity: 1;
    transform: scale(1);
    filter: blur(0px);
  }
}
@keyframes circleEnter {
  from {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.6);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
/* =========================
ROTATIONS
========================= */
@keyframes rotateSlow {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotateReverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
/* =========================
DOT ENTER
========================= */
@keyframes dotEnter {
  from {
    opacity: 0;
    transform: scale(0.3);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
/* =========================
CARD ENTER
========================= */
@keyframes cardEnter {
  from {
    opacity: 0;
    transform: translateY(10px) scale(0.92);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
/* =========================
LINE ENTER
========================= */
@keyframes lineEnter {
  from {
    opacity: 1;
    clip-path: inset(100% 0 0 0);
  }
  to {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
}
@keyframes lineYellowEnter {
  from {
    opacity: 1;
    transform: scaleX(0);
  }
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}
@keyframes lineGreenEnter {
  from {
    opacity: 1;
    transform: scaleX(0);
  }
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}
/* =========================
ORBITAL PULSE
========================= */
@keyframes orbitalPulse {
  0% {
    opacity: 0.4;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
    transform: scale(1.15);
  }
  100% {
    opacity: 0.4;
    transform: scale(0.8);
  }
}
@keyframes orbitalEnter {
  from {
    opacity: 0;
    transform: scale(0.2);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
/* =========================
THE END
========================= */
/* =========================
CARD EXIT
========================= */
@keyframes cardExit {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.85);
  }
}
/* =========================
LINE EXIT
========================= */
@keyframes lineExit {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* =========================
DOT EXIT
========================= */
@keyframes dotExit {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.5);
  }
}
/* =========================
SYSTEM DOCK
========================= */
@keyframes heroDock2 {
  from {
    transform: translateX(0) translateY(0) scale(1);
  }
  to {
    transform: translateX(0) translateY(210px) scale(0.88);
  }
}
/* =========================
SKIP BUTTON EXIT
========================= */
@keyframes skipFadeOut {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
/* =========================
UI REVEAL
========================= */
@keyframes uiReveal {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
}
.page__isa {
  padding-bottom: 100px;
  padding-top: 42px;
  background: linear-gradient(180deg, #000718 0%, #00040F 48.56%, #000718 100%);
}
.page__isa .wrapper {
  max-width: 1154px;
  margin: 0 auto;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page__isa .wrapper .content {
  max-width: 753px;
  margin-right: 32px;
}
.page__isa .wrapper .content .title {
  color: #0FA9F5;
  font-family: Saira;
  font-size: 16px;
  font-weight: 400;
  line-height: 110%;
  /* 17.6px */
  letter-spacing: 1.44px;
  display: flex;
  align-items: center;
  gap: 14px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.page__isa .wrapper .content .title .dot {
  width: fit-content;
}
.page__isa .wrapper .content .subtitle {
  max-width: 623px;
  color: #EEE;
  font-family: Saira;
  font-size: 42px;
  font-weight: 600;
  line-height: 110%;
  margin-bottom: 28px;
}
.page__isa .wrapper .content .subtitle .green {
  color: #04DF40;
}
.page__isa .wrapper .content .subtitle .blue {
  color: #3BA0FF;
}
.page__isa .wrapper .content .description {
  max-width: 594px;
  color: #FFF;
  font-family: "Source Sans 3";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 128%;
}
.page__isa .wrapper .content .description span {
  color: #FFCE00;
}
.page__isa .wrapper .content .description.d-1 {
  margin-bottom: 16px;
}
.page__isa .wrapper .content .description.d-2 {
  margin-bottom: 42px;
}
.page__isa .wrapper .content .flow-box {
  position: relative;
  border-radius: 30px;
  background: linear-gradient(94deg, rgba(16, 25, 195, 0.09) 2.06%, rgba(59, 99, 255, 0.02) 97.75%);
  width: 737px;
  padding: 32px 16px 42px 0;
}
.page__isa .wrapper .content .flow-box::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background: linear-gradient(220deg, #0FA9F5 0%, #04DF40 50%, #000DFF 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.page__isa .wrapper .content .flow-box .steps-icons {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page__isa .wrapper .content .flow-box .steps-icons .line-green-isa {
  filter: drop-shadow(0 0 3.9px #04DF40);
}
.page__isa .wrapper .content .flow-box .steps-icons .line-blue-isa {
  filter: drop-shadow(0 0 3.9px #00a2ff);
}
.page__isa .wrapper .content .flow-box .steps-icons .line-yellow-isa {
  filter: drop-shadow(0 0 3.9px #FFCE00);
}
.page__isa .wrapper .content .flow-box .steps-descriptions {
  display: flex;
}
.page__isa .wrapper .content .flow-box .steps-descriptions .step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 146px;
}
.page__isa .wrapper .content .flow-box .steps-descriptions .step .step-title {
  color: #FFF;
  text-align: center;
  font-family: Saira;
  font-size: 18px;
  font-weight: 500;
  line-height: 112%;
}
.page__isa .wrapper .content .flow-box .steps-descriptions .step .step-description {
  color: #B6C7EB;
  text-align: center;
  font-family: "Source Sans 3";
  font-size: 14px;
  font-weight: 400;
  line-height: 118%;
}
.page__isa .wrapper .content .flow-box .steps-descriptions .step.step-1 {
  margin-left: 8px;
}
.page__isa .wrapper .content .flow-box .steps-descriptions .step.step-2 {
  width: 200px;
  gap: 14px;
  margin-left: 30px;
}
.page__isa .wrapper .content .flow-box .steps-descriptions .step.step-2 .step-title {
  color: #0FA9F5;
  font-size: 22px;
}
.page__isa .wrapper .content .flow-box .steps-descriptions .step.step-2 .step-description {
  font-size: 16px;
}
.page__isa .wrapper .content .flow-box .steps-descriptions .step.step-3 {
  margin-left: 26px;
}
.page__isa .wrapper .content .flow-box .steps-descriptions .step.step-4 {
  margin-left: 22px;
}
.page__isa .wrapper .content .flow-box--mobile {
  display: none;
}
.page__isa .wrapper .divider {
  margin-right: 52px;
}
.page__isa .wrapper .benefits {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.page__isa .wrapper .benefits .item .benefit-title {
  color: #EEE;
  font-family: Saira;
  font-size: 25px;
  font-weight: 500;
  line-height: 112%;
  margin-bottom: 20px;
}
.page__isa .wrapper .benefits .item .benefit-title.t-1 span {
  color: #04DF40;
}
.page__isa .wrapper .benefits .item .benefit-title.t-2 span {
  color: #0FA9F5;
}
.page__isa .wrapper .benefits .item .benefit-title.t-3 span {
  color: #FFCE00;
}
.page__isa .wrapper .benefits .item .benefit-description {
  color: #B6C7EB;
  font-family: "Source Sans 3";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 118%;
}
@media (max-width: 768px) {
  .page__isa {
    padding-top: 62px;
    padding-bottom: 62px;
  }
  .page__isa .wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
    padding: 0 16px;
  }
  .page__isa .wrapper .content {
    margin-right: 0;
    margin-bottom: 68px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .page__isa .wrapper .content .subtitle {
    font-size: 32px;
    margin-bottom: 24px;
  }
  .page__isa .wrapper .content .description {
    font-size: 16px;
  }
  .page__isa .wrapper .content .description.d-1 {
    margin-bottom: 12px;
  }
  .page__isa .wrapper .content .flow-box {
    display: none;
  }
  .page__isa .wrapper .content .flow-box--mobile {
    display: block;
    position: relative;
    border-radius: 30px;
    background: linear-gradient(94deg, rgba(16, 25, 195, 0.09) 2.06%, rgba(59, 99, 255, 0.02) 97.75%);
    width: calc(100% - 32px);
    padding: 32px 16px 52px 16px;
  }
  .page__isa .wrapper .content .flow-box--mobile::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: inherit;
    background: linear-gradient(220deg, #0FA9F5 0%, #04DF40 50%, #000DFF 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
  }
  .page__isa .wrapper .content .flow-box--mobile .steps--mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
  .page__isa .wrapper .content .flow-box--mobile .steps--mobile .step--mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .page__isa .wrapper .content .flow-box--mobile .steps--mobile .step--mobile .icon {
    width: 57px;
    margin-bottom: 20px;
  }
  .page__isa .wrapper .content .flow-box--mobile .steps--mobile .step--mobile .icon.icon-isa {
    width: 100px;
    box-shadow: 0 0 19.1px rgba(15, 169, 245, 0.21);
    border-radius: 100%;
  }
  .page__isa .wrapper .content .flow-box--mobile .steps--mobile .step--mobile .step-title {
    color: #FFF;
    text-align: center;
    font-family: Saira;
    font-size: 18px;
    font-weight: 500;
    line-height: 112%;
    /* 20.16px */
    margin-bottom: 4px;
  }
  .page__isa .wrapper .content .flow-box--mobile .steps--mobile .step--mobile .step-description {
    color: #B6C7EB;
    text-align: center;
    font-family: "Source Sans 3";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 118%;
    /* 16.52px */
  }
  .page__isa .wrapper .content .flow-box--mobile .steps--mobile .step--mobile.step-1 .step-description {
    max-width: 139px;
  }
  .page__isa .wrapper .content .flow-box--mobile .steps--mobile .step--mobile.step-2 .step-title {
    color: #0FA9F5;
    font-size: 22px;
    font-weight: 500;
    line-height: 112%;
    /* 24.64px */
    margin-bottom: 10px;
  }
  .page__isa .wrapper .content .flow-box--mobile .steps--mobile .step--mobile.step-2 .step-description {
    max-width: 239px;
    font-size: 16px;
  }
  .page__isa .wrapper .content .flow-box--mobile .steps--mobile .step--mobile.step-3 .step-description {
    width: 200px;
  }
  .page__isa .wrapper .content .flow-box--mobile .steps--mobile .step--mobile.step-4 .step-description {
    width: 242px;
  }
  .page__isa .wrapper .content .flow-box--mobile .line-green-isa {
    filter: drop-shadow(0 0 3.9px #04DF40);
  }
  .page__isa .wrapper .content .flow-box--mobile .line-blue-isa {
    filter: drop-shadow(0 0 3.9px #00a2ff);
  }
  .page__isa .wrapper .content .flow-box--mobile .line-yellow-isa {
    filter: drop-shadow(0 0 3.9px #FFCE00);
  }
  .page__isa .wrapper .divider {
    display: none;
  }
  .page__isa .wrapper .benefits {
    align-items: center;
    gap: 32px;
    text-align: center;
    padding: 0 10px;
  }
}
.page__about {
  background: linear-gradient(180deg, #000718 0%, #00040F 100%);
  padding-top: 90px;
  padding-bottom: 120px;
  position: relative;
  overflow: hidden;
}
.page__about .glow {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  border-radius: 50%;
  filter: blur(42px);
  mix-blend-mode: screen;
  opacity: 0.6;
  background: radial-gradient(rgba(16, 25, 195, 0.36) 0%, rgba(16, 25, 195, 0) 100%);
}
.page__about .glow.glow-7 {
  width: 658px;
  height: 1142px;
  transform: rotate(99deg);
  top: 58px;
  left: -236px;
}
.page__about .glow.glow-8 {
  width: 698px;
  height: 1010px;
  transform: rotate(78deg);
  top: -110px;
  left: 535px;
}
.page__about .glow.glow-mobile-1 {
  display: none;
}
.page__about .wrapper {
  max-width: 1068px;
  margin: 0 auto;
}
.page__about .wrapper .content {
  position: relative;
  padding: 0 51px;
  margin-bottom: 163px;
}
.page__about .wrapper .content .title {
  display: flex;
  align-items: center;
  gap: 14px;
  color: #FFCE00;
  font-family: Saira;
  font-size: 16px;
  font-weight: 400;
  line-height: 110%;
  /* 17.6px */
  letter-spacing: 1.44px;
  margin-bottom: 20px;
}
.page__about .wrapper .content .subtitle {
  max-width: 699px;
  color: #EEE;
  font-family: Saira;
  font-size: 42px;
  font-weight: 600;
  line-height: 110%;
  /* 46.2px */
  margin-bottom: 14px;
}
.page__about .wrapper .content .subtitle span {
  background: linear-gradient(90deg, #0F60F5 58.17%, rgba(4, 223, 64, 0.83) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page__about .wrapper .content .description {
  max-width: 590px;
  color: #EEE;
  font-family: "Source Sans 3";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 138%;
  /* 27.6px */
  margin-bottom: 42px;
}
.page__about .wrapper .content .text {
  max-width: 542px;
  color: #B6C7EB;
  font-family: "Source Sans 3";
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
}
.page__about .wrapper .content .cover {
  position: absolute;
  top: 150px;
  right: 66px;
}
.page__about .wrapper .cards {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 42px;
}
.page__about .wrapper .cards .card {
  width: 328px;
  height: 256px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border-radius: 30px;
  padding-top: 32px;
  padding-bottom: 32px;
  box-sizing: border-box;
}
.page__about .wrapper .cards .card .icon {
  width: fit-content;
  margin-bottom: 16px;
}
.page__about .wrapper .cards .card .card-title {
  color: #EEE;
  font-family: Saira;
  font-size: 20px;
  font-weight: 500;
  line-height: 122.111%;
  margin-bottom: 10px;
}
.page__about .wrapper .cards .card .card-text {
  color: #B6C7EB;
  font-family: "Source Sans 3";
  font-size: 18px;
  font-weight: 400;
  line-height: 146%;
  /* 26.28px */
}
.page__about .wrapper .cards .card.card-1 {
  border-radius: 30px;
  border: 1px solid rgba(0, 255, 166, 0.28);
  background: linear-gradient(94deg, rgba(4, 223, 146, 0.08) 2.06%, rgba(4, 223, 64, 0.01) 97.75%);
  padding-left: 34px;
  padding-right: 34px;
}
.page__about .wrapper .cards .card.card-2 {
  border-radius: 30px;
  border: 1px solid rgba(59, 99, 255, 0.36);
  background: linear-gradient(94deg, rgba(16, 25, 195, 0.09) 2.06%, rgba(59, 99, 255, 0) 97.75%);
  padding-left: 34px;
  padding-right: 34px;
}
.page__about .wrapper .cards .card.card-3 {
  border-radius: 30px;
  border: 1px solid rgba(255, 206, 0, 0.23);
  background: linear-gradient(113deg, rgba(255, 206, 0, 0.05) 4.05%, rgba(255, 206, 0, 0) 112.72%);
  padding-left: 20px;
  padding-right: 20px;
}
.page__about .wrapper .cards--mobile {
  display: none;
}
@media (max-width: 768px) {
  .page__about {
    padding-top: 62px;
    padding-bottom: 72px;
  }
  .page__about .glow.glow-7 {
    width: 474px;
    height: 288px;
    top: 40px;
    left: -170px;
    transform: none;
  }
  .page__about .glow.glow-8 {
    width: 404px;
    height: 304px;
    top: 346px;
    left: 90px;
    transform: none;
  }
  .page__about .glow.glow-mobile-1 {
    display: block;
    width: 568px;
    height: 382px;
    top: 720px;
    left: -325px;
    transform: none;
  }
  .page__about .wrapper .content {
    position: inherit;
    padding: 0 22px;
    margin-bottom: 72px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .page__about .wrapper .content .title {
    margin-bottom: 16px;
  }
  .page__about .wrapper .content .subtitle {
    font-size: 32px;
    margin-bottom: 9px;
  }
  .page__about .wrapper .content .subtitle span {
    background: linear-gradient(90deg, #0F60F5 38.17%, rgba(4, 223, 64, 0.83) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .page__about .wrapper .content .description {
    font-size: 18px;
    margin-bottom: 42px;
    max-width: 338px;
  }
  .page__about .wrapper .content .cover {
    position: inherit;
    width: 201px;
    margin-bottom: 42px;
  }
  .page__about .wrapper .content .text {
    font-size: 14px;
  }
  .page__about .wrapper .cards {
    display: none;
  }
  .page__about .wrapper .cards--mobile {
    display: block;
  }
  .page__about .wrapper .cards--mobile .owl-carousel.owl-theme.about__carousel .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 30px;
  }
  .page__about .wrapper .cards--mobile .owl-carousel.owl-theme.about__carousel .owl-dots .owl-dot {
    height: 8px !important;
    display: flex;
    align-items: center;
  }
  .page__about .wrapper .cards--mobile .owl-carousel.owl-theme.about__carousel .owl-dots .owl-dot span {
    margin: 0;
    width: 8px;
    height: 8px;
    background: rgba(4, 223, 64, 0.16);
    box-shadow: 0 0 3.3px 1px rgba(4, 223, 64, 0.83);
    border-radius: 100%;
  }
  .page__about .wrapper .cards--mobile .owl-carousel.owl-theme.about__carousel .owl-dots .owl-dot.active span {
    background-color: #04DF40;
  }
  .page__about .wrapper .cards--mobile .owl-carousel.owl-theme.about__carousel .owl-dots.disabled {
    display: none;
  }
  .page__about .wrapper .cards--mobile .owl-carousel.owl-theme.about__carousel .card {
    width: 328px;
    height: 256px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-radius: 30px;
    padding-top: 32px;
    padding-bottom: 32px;
    box-sizing: border-box;
    margin: 0 auto;
  }
  .page__about .wrapper .cards--mobile .owl-carousel.owl-theme.about__carousel .card .icon {
    width: fit-content;
    margin-bottom: 16px;
  }
  .page__about .wrapper .cards--mobile .owl-carousel.owl-theme.about__carousel .card .card-title {
    color: #EEE;
    font-family: Saira;
    font-size: 20px;
    font-weight: 500;
    line-height: 122.111%;
    margin-bottom: 10px;
  }
  .page__about .wrapper .cards--mobile .owl-carousel.owl-theme.about__carousel .card .card-text {
    color: #B6C7EB;
    font-family: "Source Sans 3";
    font-size: 18px;
    font-weight: 400;
    line-height: 146%;
    /* 26.28px */
  }
  .page__about .wrapper .cards--mobile .owl-carousel.owl-theme.about__carousel .card.card-1 {
    border-radius: 30px;
    border: 1px solid rgba(0, 255, 166, 0.28);
    background: linear-gradient(94deg, rgba(4, 223, 146, 0.08) 2.06%, rgba(4, 223, 64, 0.01) 97.75%);
    padding-left: 34px;
    padding-right: 34px;
  }
  .page__about .wrapper .cards--mobile .owl-carousel.owl-theme.about__carousel .card.card-2 {
    border-radius: 30px;
    border: 1px solid rgba(59, 99, 255, 0.36);
    background: linear-gradient(94deg, rgba(16, 25, 195, 0.09) 2.06%, rgba(59, 99, 255, 0) 97.75%);
    padding-left: 34px;
    padding-right: 34px;
  }
  .page__about .wrapper .cards--mobile .owl-carousel.owl-theme.about__carousel .card.card-3 {
    border-radius: 30px;
    border: 1px solid rgba(255, 206, 0, 0.23);
    background: linear-gradient(113deg, rgba(255, 206, 0, 0.05) 4.05%, rgba(255, 206, 0, 0) 112.72%);
    padding-left: 20px;
    padding-right: 20px;
  }
}
.page__about-2 {
  background: linear-gradient(180deg, #01040F 5.15%, #000718 100%);
  padding-top: 92px;
  padding-bottom: 120px;
  position: relative;
  overflow: hidden;
}
.page__about-2 .glow {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  border-radius: 50%;
  filter: blur(42px);
  mix-blend-mode: screen;
  opacity: 0.6;
  background: radial-gradient(rgba(16, 25, 195, 0.36) 0%, rgba(16, 25, 195, 0) 100%);
}
.page__about-2 .glow.glow-8-1 {
  top: 0;
  left: -44px;
  width: 1431px;
  height: 976px;
}
.page__about-2 .wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page__about-2 .wrapper .title {
  display: flex;
  align-items: center;
  gap: 14px;
  color: #04DF40;
  font-family: Saira;
  font-size: 16px;
  font-weight: 400;
  line-height: 110%;
  /* 17.6px */
  letter-spacing: 1.44px;
  margin-bottom: 16px;
}
.page__about-2 .wrapper .title .dot {
  width: fit-content;
}
.page__about-2 .wrapper .subtitle {
  color: #EEE;
  text-align: center;
  font-family: Saira;
  font-size: 42px;
  font-weight: 600;
  line-height: 110%;
  /* 46.2px */
  margin-bottom: 12px;
  max-width: 748px;
}
.page__about-2 .wrapper .description {
  max-width: 590px;
  color: #B6C7EB;
  text-align: center;
  font-family: "Source Sans 3";
  font-size: 20px;
  font-weight: 400;
  line-height: 138%;
  /* 27.6px */
  margin-bottom: 82px;
}
.page__about-2 .wrapper .video-thumbnail {
  position: relative;
  cursor: pointer;
  border-radius: 24px;
  margin-bottom: 64px;
}
.page__about-2 .wrapper .video-thumbnail .thumb {
  display: block;
  width: 980px;
  height: auto;
  position: relative;
  z-index: 1;
}
.page__about-2 .wrapper .video-thumbnail .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 96px;
  height: 96px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s;
  background-color: transparent;
  z-index: 2;
  padding: 0;
}
.page__about-2 .wrapper .video-thumbnail .play-button .icon-play {
  width: 100%;
}
.page__about-2 .wrapper .video-thumbnail .play-button:hover {
  transform: translate(-50%, -50%) scale(1.08);
}
.page__about-2 .wrapper .video-thumbnail .detail {
  position: absolute;
  width: 98px;
  bottom: -38px;
  right: -42px;
  z-index: 3;
}
.page__about-2 .wrapper .benefits-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 42px;
  margin-bottom: 68px;
}
.page__about-2 .wrapper .benefits-row .item {
  display: flex;
  align-items: center;
  gap: 16px;
}
.page__about-2 .wrapper .benefits-row .item .icon {
  width: fit-content;
}
.page__about-2 .wrapper .benefits-row .item .benefit-text {
  color: #EEE;
  font-family: "Source Sans 3";
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
}
.page__about-2 .wrapper .benefits-row .item .benefit-text span {
  color: #EEE;
  font-family: "Source Sans 3";
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 768px) {
  .page__about-2 {
    padding-top: 62px;
    padding-bottom: 62px;
  }
  .page__about-2 .glow.glow-8-1 {
    width: 602px;
    height: 382px;
    top: 149px;
    left: -98px;
  }
  .page__about-2 .wrapper {
    padding: 0 22px;
  }
  .page__about-2 .wrapper .subtitle {
    font-size: 32px;
  }
  .page__about-2 .wrapper .description {
    font-size: 16px;
    margin-bottom: 34px;
  }
  .page__about-2 .wrapper .video-thumbnail {
    margin-bottom: 40px;
    border-radius: 16px;
  }
  .page__about-2 .wrapper .video-thumbnail .thumb {
    width: 308px;
  }
  .page__about-2 .wrapper .video-thumbnail .play-button {
    width: 40px;
    height: 40px;
  }
  .page__about-2 .wrapper .video-thumbnail .detail {
    width: 52px;
    bottom: -18px;
    right: -18px;
  }
  .page__about-2 .wrapper .benefits-row {
    flex-direction: column;
    gap: 24px;
    margin-bottom: 42px;
  }
}
/* MODAL */
.video-modal {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(8px);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 9999;
}
.video-modal.active {
  opacity: 1;
  visibility: visible;
}
.video-modal .video-wrapper {
  max-width: 1000px;
}
.video-modal .video-wrapper video {
  padding-top: 100px;
  padding-bottom: 100px;
  width: 100%;
  display: block;
}
.video-modal .close-modal {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 48px;
  height: 48px;
  border: none;
  cursor: pointer;
  background-color: transparent;
}
.video-modal .close-modal .icon-close {
  width: 100%;
}
.page__app {
  background: #000718;
  padding: 94px 0;
  position: relative;
}
.page__app .glow {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  border-radius: 50%;
  filter: blur(42px);
  mix-blend-mode: screen;
  opacity: 0.6;
  background: radial-gradient(rgba(16, 25, 195, 0.36) 0%, rgba(16, 25, 195, 0) 100%);
}
.page__app .glow.glow-9 {
  top: 215px;
  left: 310px;
  width: 462px;
  height: 592px;
  transform: rotate(99deg);
}
.page__app .wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page__app .wrapper .title {
  display: flex;
  align-items: center;
  gap: 14px;
  color: #FFCE00;
  font-family: Saira;
  font-size: 16px;
  font-weight: 400;
  line-height: 110%;
  /* 17.6px */
  letter-spacing: 1.44px;
  margin-bottom: 20px;
}
.page__app .wrapper .title .dot {
  width: fit-content;
}
.page__app .wrapper .subtitle {
  color: #EEE;
  text-align: center;
  font-family: Saira;
  font-size: 42px;
  font-weight: 600;
  line-height: 110%;
  /* 46.2px */
  margin-bottom: 12px;
}
.page__app .wrapper .subtitle span {
  color: #0FA9F5;
}
.page__app .wrapper .description {
  max-width: 590px;
  color: #B6C7EB;
  text-align: center;
  font-family: "Source Sans 3";
  font-size: 20px;
  font-weight: 400;
  line-height: 138%;
  /* 27.6px */
  margin-bottom: 82px;
}
.page__app .wrapper .app__segments {
  display: flex;
  align-items: center;
}
.page__app .wrapper .app__segments .segments__nav {
  width: 284px;
  display: flex;
  flex-direction: column;
}
.page__app .wrapper .app__segments .segments__nav .segment-btn {
  height: 72px;
  border: none;
  border-radius: 10px 0 0 10px;
  border-top: 1px solid rgba(4, 223, 64, 0.15);
  border-bottom: 1px solid rgba(4, 223, 64, 0.15);
  border-left: 1px solid rgba(4, 223, 64, 0.15);
  background: rgba(4, 223, 146, 0.03);
  cursor: pointer;
  padding: 23px 30px;
  display: flex;
  align-items: center;
  gap: 20px;
  color: #B6C7EB;
  font-family: Saira;
  font-size: 22px;
  font-weight: 600;
  line-height: 100%;
}
.page__app .wrapper .app__segments .segments__nav .segment-btn .icon {
  width: 32px;
}
.page__app .wrapper .app__segments .segments__nav .segment-btn.active {
  border-top: 1px solid rgba(4, 223, 64, 0.9);
  border-bottom: 1px solid rgba(4, 223, 64, 0.9);
  border-left: 1px solid rgba(4, 223, 64, 0.9);
  color: #04DF40;
}
.page__app .wrapper .app__segments .segments__nav .segment-btn.active .icon {
  filter: brightness(0) saturate(100%) invert(63%) sepia(32%) saturate(6493%) hue-rotate(96deg) brightness(111%) contrast(97%);
}
.page__app .wrapper .app__segments .segments__nav .segment-btn:hover {
  color: #04DF40;
  filter: brightness(0) saturate(100%) invert(63%) sepia(32%) saturate(6493%) hue-rotate(96deg) brightness(111%) contrast(97%);
}
.page__app .wrapper .app__segments .segments__content .segment-pane {
  display: none;
}
.page__app .wrapper .app__segments .segments__content .segment-pane.active {
  display: block;
}
.page__app .wrapper .app__segments .segments__content .segment-pane.active .pane-content {
  width: 696px;
  height: 344px;
  border-radius: 30px;
  border: 1px solid rgba(4, 223, 64, 0.9);
  background: rgba(4, 223, 146, 0.03);
  padding: 52px 66px 48px 62px;
  display: flex;
  gap: 42px;
  justify-content: space-between;
}
.page__app .wrapper .app__segments .segments__content .segment-pane.active .pane-content .heading {
  width: 360px;
}
.page__app .wrapper .app__segments .segments__content .segment-pane.active .pane-content .heading .pane-title {
  max-width: 293px;
  margin-bottom: 36px;
  color: #EEE;
  font-family: Saira;
  font-size: 24px;
  font-weight: 600;
  line-height: 124%;
  /* 29.76px */
  width: 295px;
}
.page__app .wrapper .app__segments .segments__content .segment-pane.active .pane-content .heading .cover {
  width: 100%;
}
.page__app .wrapper .app__segments .segments__content .segment-pane.active .pane-content .pane-description {
  width: 276px;
}
.page__app .wrapper .app__segments .segments__content .segment-pane.active .pane-content .pane-description .description {
  color: #EEE;
  font-family: "Source Sans 3";
  font-size: 16px;
  font-weight: 400;
  line-height: 110%;
  /* 17.6px */
  margin-bottom: 28px;
  text-align: left;
}
.page__app .wrapper .app__segments .segments__content .segment-pane.active .pane-content .pane-description ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 32px;
}
.page__app .wrapper .app__segments .segments__content .segment-pane.active .pane-content .pane-description ul li {
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #04DF40;
  font-family: "Source Sans 3";
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  /* 16px */
}
.page__app .wrapper .app__segments .segments__content .segment-pane.active .pane-content .pane-description ul li .icon {
  width: fit-content;
}
.page__app .wrapper .app__segments--mobile {
  display: none;
}
@media (max-width: 768px) {
  .page__app {
    padding: 62px 0;
  }
  .page__app .glow.glow-9 {
    width: 492px;
    height: 360px;
    transform: none;
    top: 220px;
    left: -149px;
  }
  .page__app .wrapper .title {
    margin-bottom: 16px;
  }
  .page__app .wrapper .subtitle {
    font-size: 30px;
  }
  .page__app .wrapper .description {
    font-size: 16px;
    max-width: 312px;
    margin-bottom: 52px;
  }
  .page__app .wrapper .app__segments {
    display: none;
  }
  .page__app .wrapper .app__segments--mobile {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
  .page__app .wrapper .app__segments--mobile .segment-detail {
    border-radius: 10px;
    border-top: 1px solid rgba(4, 223, 64, 0.15);
    border-bottom: 1px solid rgba(4, 223, 64, 0.15);
    border-left: 1px solid rgba(4, 223, 64, 0.15);
    border-right: 1px solid rgba(4, 223, 64, 0.15);
    background: rgba(4, 223, 146, 0.03);
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  .page__app .wrapper .app__segments--mobile .segment-detail[open] {
    border-color: rgba(4, 223, 64, 0.9);
  }
  .page__app .wrapper .app__segments--mobile .segment-detail[open] summary {
    color: #04DF40;
  }
  .page__app .wrapper .app__segments--mobile .segment-detail[open] summary .icon {
    filter: brightness(0) saturate(100%) invert(63%) sepia(32%) saturate(6493%) hue-rotate(96deg) brightness(111%) contrast(97%);
  }
  .page__app .wrapper .app__segments--mobile .segment-detail[open] summary::after {
    transform: rotate(45deg);
  }
  .page__app .wrapper .app__segments--mobile .segment-detail summary {
    list-style: none;
    height: 72px;
    padding: 0 24px;
    display: flex;
    align-items: center;
    gap: 20px;
    cursor: pointer;
    color: #B6C7EB;
    font-family: Saira;
    font-size: 22px;
    font-weight: 600;
    line-height: 100%;
  }
  .page__app .wrapper .app__segments--mobile .segment-detail summary .icon {
    width: 32px;
    flex-shrink: 0;
  }
  .page__app .wrapper .app__segments--mobile .segment-detail summary::-webkit-details-marker {
    display: none;
  }
  .page__app .wrapper .app__segments--mobile .segment-detail summary::after {
    content: '+';
    margin-left: auto;
    color: #04DF40;
    font-size: 32px;
    font-weight: 300;
    transition: 0.3s;
  }
  .page__app .wrapper .app__segments--mobile .segment-detail .pane-content {
    padding: 24px 40px 40px 40px;
    display: flex;
    flex-direction: column;
  }
  .page__app .wrapper .app__segments--mobile .segment-detail .pane-content .heading {
    width: 100%;
  }
  .page__app .wrapper .app__segments--mobile .segment-detail .pane-content .heading .pane-title {
    color: #EEE;
    font-family: Saira;
    font-size: 24px;
    font-weight: 600;
    line-height: 124%;
    margin-bottom: 32px;
  }
  .page__app .wrapper .app__segments--mobile .segment-detail .pane-content .heading .cover {
    width: 100%;
    margin-bottom: 36px;
  }
  .page__app .wrapper .app__segments--mobile .segment-detail .pane-content .pane-description {
    width: 100%;
  }
  .page__app .wrapper .app__segments--mobile .segment-detail .pane-content .pane-description .description {
    color: #EEE;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 28px;
    text-align: left;
  }
  .page__app .wrapper .app__segments--mobile .segment-detail .pane-content .pane-description ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 32px;
  }
  .page__app .wrapper .app__segments--mobile .segment-detail .pane-content .pane-description ul li {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #04DF40;
    font-family: "Source Sans 3";
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
  }
  .page__app .wrapper .app__segments--mobile .segment-detail .pane-content .pane-description .btn__app {
    margin: 0 auto;
  }
}
.page__app-2 {
  background: #000718;
  padding-bottom: 94px;
}
.page__app-2 .wrapper {
  max-width: 1092px;
  margin: 0 auto;
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page__app-2 .wrapper .heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 78px;
  width: 100%;
}
.page__app-2 .wrapper .heading .title {
  width: 441px;
  color: #EEE;
  font-family: Saira;
  font-size: 32px;
  font-weight: 600;
  line-height: 110%;
  /* 35.2px */
}
.page__app-2 .wrapper .heading .description {
  width: 539px;
  color: #B6C7EB;
  font-family: "Source Sans 3";
  font-size: 20px;
  font-weight: 400;
  line-height: 123%;
  /* 24.6px */
}
.page__app-2 .wrapper .video-thumbnail {
  position: relative;
  cursor: pointer;
  border-radius: 24px;
  margin-bottom: 64px;
}
.page__app-2 .wrapper .video-thumbnail .thumb {
  display: block;
  width: 980px;
  height: auto;
  position: relative;
  z-index: 1;
}
.page__app-2 .wrapper .video-thumbnail .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 96px;
  height: 96px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s;
  background-color: transparent;
  z-index: 2;
  padding: 0;
}
.page__app-2 .wrapper .video-thumbnail .play-button .icon-play {
  width: 100%;
}
.page__app-2 .wrapper .video-thumbnail .play-button:hover {
  transform: translate(-50%, -50%) scale(1.08);
}
.page__app-2 .wrapper .video-thumbnail .detail {
  position: absolute;
  width: 98px;
  bottom: -38px;
  right: -42px;
  z-index: 3;
}
@media (max-width: 768px) {
  .page__app-2 {
    padding-bottom: 78px;
  }
  .page__app-2 .wrapper .heading {
    flex-direction: column;
    gap: 14px;
    margin-bottom: 32px;
    text-align: center;
  }
  .page__app-2 .wrapper .heading .title {
    font-size: 28px;
    width: 100%;
  }
  .page__app-2 .wrapper .heading .description {
    font-size: 16px;
    width: 100%;
  }
  .page__app-2 .wrapper .video-thumbnail {
    margin-bottom: 40px;
    border-radius: 16px;
  }
  .page__app-2 .wrapper .video-thumbnail .thumb {
    width: 308px;
  }
  .page__app-2 .wrapper .video-thumbnail .play-button {
    width: 40px;
    height: 40px;
  }
  .page__app-2 .wrapper .video-thumbnail .detail {
    width: 52px;
    bottom: -18px;
    right: -18px;
  }
}
.page__cases {
  padding-top: 60px;
  padding-bottom: 120px;
  position: relative;
  overflow: hidden;
}
.page__cases .glow {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  border-radius: 50%;
  filter: blur(42px);
  mix-blend-mode: screen;
  opacity: 0.6;
  background: radial-gradient(rgba(16, 25, 195, 0.36) 0%, rgba(16, 25, 195, 0) 100%);
}
.page__cases .glow.glow-10 {
  top: -42px;
  left: 120px;
  width: 670px;
  height: 1121px;
  transform: rotate(90deg);
}
.page__cases .wrapper {
  max-width: 1150px;
  margin: 0 auto;
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page__cases .wrapper .title {
  display: flex;
  align-items: center;
  gap: 14px;
  color: #0FA9F5;
  font-family: Saira;
  font-size: 16px;
  font-weight: 400;
  line-height: 110%;
  /* 17.6px */
  letter-spacing: 1.44px;
  margin-bottom: 16px;
}
.page__cases .wrapper .subtitle {
  color: #EEE;
  text-align: center;
  font-family: Saira;
  font-size: 42px;
  font-weight: 600;
  line-height: 110%;
  /* 46.2px */
  margin-bottom: 80px;
  max-width: 522px;
}
.page__cases .wrapper .subtitle br {
  display: none;
}
.page__cases .wrapper .subtitle span {
  background: linear-gradient(90deg, #3B63FF 50.96%, rgba(4, 223, 64, 0.9) 75.96%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page__cases .wrapper .case__highlight {
  width: 1113px;
  height: 459px;
  box-sizing: border-box;
  border-radius: 30px;
  border: 1px solid rgba(4, 223, 64, 0.9);
  background: rgba(4, 223, 146, 0.03);
  padding: 42px 51px 51px 56px;
  display: flex;
  gap: 32px;
  margin-bottom: 48px;
}
.page__cases .wrapper .case__highlight .divider-mobile {
  display: none;
}
.page__cases .wrapper .case__highlight .heading {
  width: 383px;
}
.page__cases .wrapper .case__highlight .heading .tag {
  display: flex;
  align-items: center;
  gap: 5px;
  border-radius: 4px;
  border: 1px solid rgba(4, 223, 64, 0.46);
  background: rgba(4, 223, 64, 0.06);
  width: fit-content;
  padding: 3px 10px 4px 5px;
  color: #04DF40;
  font-family: Saira;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  /* 15.4px */
  letter-spacing: 1.26px;
  margin-bottom: 38px;
}
.page__cases .wrapper .case__highlight .heading .logo-highlight {
  width: 287px;
  margin-bottom: 23px;
}
.page__cases .wrapper .case__highlight .heading .text-highlight {
  color: #EEE;
  font-family: "Source Sans 3";
  font-size: 20px;
  font-weight: 600;
  line-height: 128%;
  /* 25.6px */
  letter-spacing: 1.8px;
  margin-bottom: 16px;
}
.page__cases .wrapper .case__highlight .heading .description {
  color: #B6C7EB;
  font-family: "Source Sans 3";
  font-size: 14px;
  font-weight: 400;
  line-height: 135%;
  /* 18.9px */
  letter-spacing: 1.26px;
}
.page__cases .wrapper .case__highlight .case__info {
  width: 558px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 54px;
}
.page__cases .wrapper .case__highlight .case__info .case__numbers {
  display: flex;
  gap: 28px;
}
.page__cases .wrapper .case__highlight .case__info .case__numbers .item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: fit-content;
  flex-shrink: 0;
}
.page__cases .wrapper .case__highlight .case__info .case__numbers .item .icon {
  width: fit-content;
}
.page__cases .wrapper .case__highlight .case__info .case__numbers .item .number {
  font-family: Saira;
  font-size: 32px;
  font-weight: 600;
  line-height: 84%;
  /* 26.88px */
  letter-spacing: 0.96px;
}
.page__cases .wrapper .case__highlight .case__info .case__numbers .item .number.green {
  color: rgba(4, 223, 64, 0.83);
}
.page__cases .wrapper .case__highlight .case__info .case__numbers .item .number.blue {
  color: #0FA9F5;
}
.page__cases .wrapper .case__highlight .case__info .case__numbers .item .info {
  color: #EEE;
  font-family: Saira;
  font-size: 14px;
  font-weight: 400;
  line-height: 101%;
}
.page__cases .wrapper .case__highlight .case__info .case__testimonial {
  border-radius: 20px;
  border: 1px solid rgba(145, 207, 238, 0.2);
  background: rgba(15, 169, 245, 0.05);
  width: 553px;
  height: 207px;
  box-sizing: border-box;
  padding: 20px 38px 42px 27px;
  display: flex;
  align-items: flex-start;
  gap: 21px;
}
.page__cases .wrapper .case__highlight .case__info .case__testimonial .quote {
  width: 25px;
  flex-grow: 0;
}
.page__cases .wrapper .case__highlight .case__info .case__testimonial .testimonial {
  width: 442px;
}
.page__cases .wrapper .case__highlight .case__info .case__testimonial .testimonial .testimonial-text {
  color: #EEE;
  font-family: "Source Sans 3";
  font-size: 14px;
  font-weight: 300;
  line-height: 130%;
  /* 18.2px */
  margin-bottom: 12px;
  padding-top: 10px;
}
.page__cases .wrapper .case__highlight .case__info .case__testimonial .testimonial .testimonial-name {
  color: #0FA9F5;
  font-family: "Source Sans 3";
  font-size: 14px;
  font-weight: 700;
  line-height: 116%;
  /* 16.24px */
}
.page__cases .wrapper .case-2 {
  width: 1113px;
  height: 207px;
  box-sizing: border-box;
  border-radius: 20px;
  border: 1px solid rgba(145, 207, 238, 0.34);
  background: rgba(15, 169, 245, 0.05);
  padding: 28px 48px 32px 48px;
  margin-bottom: 90px;
}
.page__cases .wrapper .case-2 .case-wrapper {
  display: flex;
  align-items: center;
  gap: 32px;
}
.page__cases .wrapper .case-2 .case-wrapper .logo {
  width: 293px;
}
.page__cases .wrapper .case-2 .case-wrapper .divider-mobile {
  display: none;
}
.page__cases .wrapper .case-2 .case-wrapper .case__about {
  width: 321px;
}
.page__cases .wrapper .case-2 .case-wrapper .case__about .case-title {
  color: #EEE;
  font-family: Saira;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 128%;
  /* 25.6px */
  letter-spacing: 0.6px;
  margin-bottom: 10px;
}
.page__cases .wrapper .case-2 .case-wrapper .case__about .case-title span {
  color: rgba(4, 223, 64, 0.83);
}
.page__cases .wrapper .case-2 .case-wrapper .case__about .case-description {
  color: #B6C7EB;
  font-family: "Source Sans 3";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 128%;
  /* 17.92px */
  letter-spacing: 0.42px;
}
.page__cases .wrapper .case-2 .case-wrapper .case__benefits {
  width: 256px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 30px;
  row-gap: 26px;
}
.page__cases .wrapper .case-2 .case-wrapper .case__benefits .benefit {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 112px;
  gap: 5px;
}
.page__cases .wrapper .case-2 .case-wrapper .case__benefits .benefit .icon {
  width: 24px;
}
.page__cases .wrapper .case-2 .case-wrapper .case__benefits .benefit .benefit-text {
  color: #EEE;
  text-align: center;
  font-family: "Source Sans 3";
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
}
.page__cases .wrapper .case-2 .case-wrapper .case__benefits .benefit .benefit-text span {
  font-weight: 400;
}
.page__cases .wrapper .title-2 {
  color: #EEE;
  text-align: center;
  font-family: "Source Sans 3";
  font-size: 20px;
  font-weight: 600;
  line-height: 128%;
  /* 25.6px */
  letter-spacing: 1.8px;
  margin-bottom: 60px;
}
.page__cases .wrapper .customers {
  display: flex;
  align-items: center;
  gap: 62px;
  justify-content: center;
}
@media (max-width: 768px) {
  .page__cases {
    padding-bottom: 62px;
  }
  .page__cases .wrapper .subtitle {
    font-size: 32px;
    margin-bottom: 48px;
  }
  .page__cases .wrapper .subtitle br {
    display: block;
  }
  .page__cases .wrapper .case__highlight {
    width: 100%;
    height: auto;
    border-radius: 20px;
    padding: 18px 16px 42px 16px;
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
  .page__cases .wrapper .case__highlight .heading {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .page__cases .wrapper .case__highlight .heading .tag {
    margin-bottom: 20px;
  }
  .page__cases .wrapper .case__highlight .heading .logo-highlight {
    margin-bottom: 20px;
  }
  .page__cases .wrapper .case__highlight .heading .text-highlight {
    font-size: 18px;
    letter-spacing: 1.62px;
    text-align: center;
    padding: 0 16px;
  }
  .page__cases .wrapper .case__highlight .heading .description {
    text-align: center;
    margin-bottom: 24px;
  }
  .page__cases .wrapper .case__highlight .divider {
    display: none;
  }
  .page__cases .wrapper .case__highlight .divider-mobile {
    display: block;
    margin-bottom: 32px;
  }
  .page__cases .wrapper .case__highlight .case__info {
    width: 100%;
    gap: 36px;
  }
  .page__cases .wrapper .case__highlight .case__info .case__numbers {
    column-gap: 56px;
    row-gap: 32px;
    flex-wrap: wrap;
    padding-left: 22px;
  }
  .page__cases .wrapper .case__highlight .case__info .case__numbers .divider-small {
    display: none;
  }
  .page__cases .wrapper .case__highlight .case__info .case__testimonial {
    width: 100%;
    height: auto;
    padding: 26px 31px 31px 21px;
    gap: 23px;
  }
  .page__cases .wrapper .case__highlight .case__info .case__testimonial .quote {
    width: 23px;
  }
  .page__cases .wrapper .case__highlight .case__info .case__testimonial .testimonial {
    width: 100%;
  }
  .page__cases .wrapper .case-2 {
    width: 100%;
    height: auto;
    padding: 32px 16px 46px 16px;
    margin-bottom: 62px;
  }
  .page__cases .wrapper .case-2 .case-wrapper {
    flex-direction: column;
    gap: 28px;
  }
  .page__cases .wrapper .case-2 .case-wrapper .divider {
    display: none;
  }
  .page__cases .wrapper .case-2 .case-wrapper .divider-mobile {
    display: block;
  }
  .page__cases .wrapper .case-2 .case-wrapper .case__about {
    width: 100%;
  }
  .page__cases .wrapper .case-2 .case-wrapper .case__about .case-title {
    text-align: center;
    margin-bottom: 16px;
  }
  .page__cases .wrapper .case-2 .case-wrapper .case__about .case-description {
    text-align: center;
  }
  .page__cases .wrapper .title-2 {
    margin-bottom: 42px;
  }
  .page__cases .wrapper .customers {
    flex-direction: column;
    align-items: center;
    gap: 32px;
  }
}
.page__partners {
  padding-top: 78px;
  padding-bottom: 160px;
}
.page__partners .wrapper {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page__partners .wrapper .title {
  color: #EEE;
  text-align: center;
  font-family: Saira;
  font-size: 42px;
  font-weight: 600;
  line-height: 110%;
  /* 46.2px */
  margin-bottom: 12px;
}
.page__partners .wrapper .description {
  max-width: 701px;
  color: #B6C7EB;
  text-align: center;
  font-family: "Source Sans 3";
  font-size: 20px;
  font-weight: 400;
  line-height: 138%;
  /* 27.6px */
  margin-bottom: 78px;
}
.page__partners .wrapper .description span {
  font-weight: 700;
}
.page__partners .wrapper .partners {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 74px;
}
.page__partners .wrapper .partners .logo {
  width: fit-content;
}
@media (max-width: 768px) {
  .page__partners {
    padding-top: 62px;
    padding-bottom: 62px;
  }
  .page__partners .wrapper {
    padding: 0 28px;
  }
  .page__partners .wrapper .title {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .page__partners .wrapper .description {
    font-size: 16px;
    margin-bottom: 42px;
  }
  .page__partners .wrapper .partners {
    flex-direction: column;
    gap: 28px;
  }
}
.page__cta {
  background-image: url('../img/bg-cta.png');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 90px 0;
}
.page__cta .wrapper {
  max-width: 1118px;
  margin: 0 auto;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
}
.page__cta .wrapper .heading {
  width: 670px;
}
.page__cta .wrapper .heading .title {
  color: #EEE;
  font-family: Saira;
  font-size: 42px;
  font-weight: 700;
  line-height: 120.238%;
  /* 50.5px */
  margin-bottom: 16px;
}
.page__cta .wrapper .heading .description {
  color: #EEE;
  text-shadow: 0 0 28.8px #000;
  font-family: "Source Sans 3";
  font-size: 20px;
  font-weight: 600;
  line-height: 126.329%;
  /* 25.266px */
}
@media (max-width: 768px) {
  .page__cta {
    padding-top: 75px;
    padding-bottom: 229px;
    background-image: url('../img/bg-cta-mobile.png');
  }
  .page__cta .wrapper {
    flex-direction: column;
    gap: 62px;
    padding: 0 22px;
  }
  .page__cta .wrapper .heading {
    width: 100%;
  }
  .page__cta .wrapper .heading .title {
    text-align: center;
    font-size: 32px;
    margin-bottom: 14px;
  }
  .page__cta .wrapper .heading .description {
    text-align: center;
    font-size: 16px;
    padding: 0 20px;
  }
}
.page__footer .footer__content {
  padding: 84px 0;
  position: relative;
  overflow: hidden;
}
.page__footer .footer__content .glow {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  border-radius: 50%;
  filter: blur(42px);
  mix-blend-mode: screen;
  opacity: 0.6;
  background: radial-gradient(rgba(16, 25, 195, 0.36) 0%, rgba(16, 25, 195, 0) 100%);
}
.page__footer .footer__content .glow.glow-11 {
  width: 470px;
  height: 821px;
  transform: rotate(90deg);
  top: -272px;
  left: -109px;
}
.page__footer .footer__content .glow.glow-12 {
  width: 470px;
  height: 821px;
  transform: rotate(90deg);
  top: -98px;
  left: 795px;
}
.page__footer .footer__content .wrapper {
  max-width: 1118px;
  margin: 0 auto;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.page__footer .footer__content .wrapper .logo__footer {
  width: 380px;
}
.page__footer .footer__content .wrapper .logo__footer .logo {
  width: 100%;
}
.page__footer .footer__content .wrapper .footer__nav {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 104px;
}
.page__footer .footer__content .wrapper .footer__nav .title {
  color: rgba(4, 223, 64, 0.83);
  font-family: Saira;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.96px;
}
.page__footer .footer__content .wrapper .footer__nav .links {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.page__footer .footer__content .wrapper .footer__nav .links a {
  color: #EEE;
  font-family: Saira;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  transition: all linear 0.15s;
}
.page__footer .footer__content .wrapper .footer__nav .links a:hover {
  cursor: pointer;
  color: #FFCE00;
}
.page__footer .footer__content .wrapper .contact {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 234px;
}
.page__footer .footer__content .wrapper .contact .title {
  color: rgba(4, 223, 64, 0.83);
  font-family: Saira;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.96px;
}
.page__footer .footer__content .wrapper .contact .contact__links {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.page__footer .footer__content .wrapper .contact .contact__links .link {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #EEE;
  font-family: Saira;
  font-size: 16px;
  font-weight: 400;
  line-height: 126.77%;
  /* 20.283px */
  transition: all linear 0.15s;
}
.page__footer .footer__content .wrapper .contact .contact__links .link .icon {
  width: 20px;
}
.page__footer .footer__content .wrapper .contact .contact__links .link:hover {
  cursor: pointer;
  color: #FFCE00;
}
.page__footer .footer__content .wrapper .contact .contact__links .link:hover .icon {
  filter: brightness(0) saturate(100%) invert(85%) sepia(20%) saturate(7152%) hue-rotate(1deg) brightness(108%) contrast(102%);
}
.page__footer .footer__content .wrapper .contact .contact__links .location {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #EEE;
  font-family: Saira;
  font-size: 16px;
  font-weight: 400;
  line-height: 126.77%;
  /* 20.283px */
}
.page__footer .footer__content .wrapper .contact .contact__links .location .icon {
  width: 20px;
}
.page__footer .footer__content .wrapper .btn-up {
  transition: all linear 0.15s;
}
.page__footer .footer__content .wrapper .btn-up:hover {
  transform: translateY(-4px);
}
.page__footer .footer__copyrights {
  background-color: #1E3386;
  padding-top: 20px;
  padding-bottom: 22px;
}
.page__footer .footer__copyrights .wrapper-2 {
  max-width: 1110px;
  margin: 0 auto;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page__footer .footer__copyrights .wrapper-2 .copyright {
  color: #FFF;
  font-family: "Source Sans 3";
  font-size: 14px;
  font-weight: 400;
  line-height: 110%;
  /* 15.4px */
}
.page__footer .footer__copyrights .wrapper-2 .logo-dev {
  width: 108px;
}
.page__footer .footer__copyrights .wrapper-2 .logo-dev img {
  width: 100%;
}
.page__footer .footer__copyrights .wrapper-2 .logo-dev:hover {
  cursor: pointer;
}
@media (max-width: 768px) {
  .page__footer .footer__content {
    padding: 62px 0;
  }
  .page__footer .footer__content .wrapper {
    flex-direction: column;
    align-items: center;
  }
  .page__footer .footer__content .wrapper .logo__footer {
    width: 258px;
    margin-bottom: 42px;
  }
  .page__footer .footer__content .wrapper .footer__nav {
    width: 100%;
    align-items: center;
    margin-bottom: 26px;
    text-align: center;
  }
  .page__footer .footer__content .wrapper .footer__nav .links {
    align-items: center;
  }
  .page__footer .footer__content .wrapper .contact {
    width: 100%;
    align-items: center;
    text-align: center;
    margin-bottom: 26px;
  }
  .page__footer .footer__content .wrapper .contact .contact__links {
    align-items: center;
  }
  .page__footer .footer__copyrights {
    padding-top: 24px;
  }
  .page__footer .footer__copyrights .wrapper-2 {
    flex-direction: column;
    gap: 24px;
  }
  .page__footer .footer__copyrights .wrapper-2 .copyright {
    text-align: center;
    width: 269px;
  }
}
body {
  background-color: #000718;
  font-family: "Source Sans 3", sans serif;
  color: #EEEEEE;
}