.ai-section {
  position: relative;
  width: 100%;
  font-family: "Inter Tight", serif;
  background: #00000F;
}
.ai-section p {
  margin-bottom: 0;
}
.ai-section .bg-el {
  pointer-events: none;
  position: absolute;
  border-radius: 50%;
  opacity: 0.25;
  background: radial-gradient(115.78% 115.45% at 104.54% 36.39%, #C24AF9 0%, #1ECAFF 100%);
  left: calc(-412px + (-550 - -412) * (100vw - 1920px) / (2560 - 1920));
  bottom: calc(-368px + (-487 - -368) * (100vw - 1920px) / (2560 - 1920));
  width: calc(585px + (781 - 585) * (100vw - 1920px) / (2560 - 1920));
  height: calc(583px + (777 - 583) * (100vw - 1920px) / (2560 - 1920));
  box-shadow: calc(57px + (76 - 57) * (100vw - 1920px) / (2560 - 1920)) calc(50px + (67 - 50) * (100vw - 1920px) / (2560 - 1920)) calc(124px + (165 - 124) * (100vw - 1920px) / (2560 - 1920)) calc(-30px + (-40 - -30) * (100vw - 1920px) / (2560 - 1920)) #9A68FF inset;
  filter: blur(calc(156px + (209 - 156) * (100vw - 1920px) / (2560 - 1920)));
  z-index: 3;
}
.ai-section .ai-section-container {
  position: relative;
  z-index: 5;
}
.ai-section .scene {
  position: absolute;
  bottom: calc(119px + (155 - 119) * (100vw - 1920px) / (2560 - 1920));
}
.ai-section .scene.sc-1 {
  left: 0;
}
.ai-section .scene.sc-2 {
  right: 0;
}
.ai-section .scene .binary {
  white-space: pre;
  font-family: "Inter Tight", serif;
  font-size: calc(12px + (15 - 12) * (100vw - 1920px) / (2560 - 1920));
  line-height: 103%;
  background: radial-gradient(191.61% 137.1% at 0% 0%, rgba(0, 0, 16, 0.8) 0%, rgba(83, 66, 118, 0.8) 19%, rgba(83, 66, 118, 0.05) 29%, rgba(41, 71, 114, 0.8) 45%, rgba(41, 71, 114, 0.01) 55%, rgba(50, 16, 65, 0.8) 63%, rgba(50, 16, 65, 0.02) 74%, rgba(0, 0, 15, 0.5) 98%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background-size: 300% 300%;
  width: calc(250px + (308 - 250) * (100vw - 1920px) / (2560 - 1920));
  animation: textShineChaos 24s linear infinite alternate;
}
.ai-section .ai-approach {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(30px + (40 - 30) * (100vw - 1920px) / (2560 - 1920));
  padding: calc(75px + (100 - 75) * (100vw - 1920px) / (2560 - 1920)) 0 calc(82px + (110 - 82) * (100vw - 1920px) / (2560 - 1920));
  position: relative;
}
.ai-section .ai-approach::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  width: 100%;
  background: linear-gradient(to left, rgba(0, 0, 15, 0) 0%, #9CA0AC 50%, rgba(0, 0, 15, 0) 100%);
  opacity: 0.5;
}
.ai-section .ai-headline {
  max-width: calc(1035px + (1380 - 1035) * (100vw - 1920px) / (2560 - 1920));
  font-size: calc(48px + (64 - 48) * (100vw - 1920px) / (2560 - 1920));
  line-height: 1.09;
  font-weight: 400;
  text-align: center;
  background: linear-gradient(94deg, #FFF 1.4%, #9BE2F8 55.7%, #9A68FF 97.11%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ai-section .btn-ai-cta {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: calc(9px + (12 - 9) * (100vw - 1920px) / (2560 - 1920)) calc(9px + (12 - 9) * (100vw - 1920px) / (2560 - 1920)) calc(9px + (12 - 9) * (100vw - 1920px) / (2560 - 1920)) calc(24px + (32 - 24) * (100vw - 1920px) / (2560 - 1920));
  border: 1px solid rgba(235, 235, 235, 0.5);
  border-radius: 100px;
  text-decoration: none;
  overflow: hidden;
  position: relative;
  min-width: calc(240px + (318 - 240) * (100vw - 1920px) / (2560 - 1920));
}
@media (hover: hover) {
  .ai-section .btn-ai-cta:hover .btn-text {
    color: #00000F;
  }
  .ai-section .btn-ai-cta:hover .hover_bubble {
    background: #FFF;
  }
  .ai-section .btn-ai-cta:hover .btn-arrow::before {
    transform: rotate(-180deg);
  }
}
.ai-section .btn-ai-cta .btn-text {
  font-size: calc(18px + (24 - 18) * (100vw - 1920px) / (2560 - 1920));
  color: #b8bdcf;
  flex-grow: 1;
  text-align: center;
  position: relative;
  z-index: 3;
  transition: all 0.3s ease;
}
.ai-section .btn-ai-cta .btn-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(44px + (60 - 44) * (100vw - 1920px) / (2560 - 1920));
  height: calc(44px + (60 - 44) * (100vw - 1920px) / (2560 - 1920));
  border-radius: 1000px;
  color: #ffffff;
  font-size: calc(19px + (26 - 19) * (100vw - 1920px) / (2560 - 1920));
  position: relative;
  z-index: 3;
}
.ai-section .btn-ai-cta .btn-arrow::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(180deg, #1ecaff 0%, #c24af9 100%);
  transition: transform 0.3s ease;
}
.ai-section .btn-ai-cta .btn-arrow .btn-arrow-item {
  position: relative;
  z-index: 3;
}
.ai-section .btn-ai-cta:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}
.ai-section .ai-stat-text {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(6px + (8 - 6) * (100vw - 1920px) / (2560 - 1920));
  padding: calc(22px + (28 - 22) * (100vw - 1920px) / (2560 - 1920)) 0;
  border-top: 1px solid rgba(0, 0, 15, 0);
  border-bottom: 1px solid rgba(0, 0, 15, 0);
  position: relative;
}
.ai-section .ai-stat-text::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  width: 100%;
  background: linear-gradient(to left, rgba(0, 0, 15, 0) 0%, #9CA0AC 50%, rgba(0, 0, 15, 0) 100%);
  opacity: 0.5;
}
.ai-section .ai-stat-text::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: linear-gradient(to left, rgba(0, 0, 15, 0) 0%, #9CA0AC 50%, rgba(0, 0, 15, 0) 100%);
  opacity: 0.5;
}
.ai-section .ai-stat-text picture {
  display: flex;
}
.ai-section .ai-stat-text .stat-icon {
  width: calc(16.5px + (22 - 16.5) * (100vw - 1920px) / (2560 - 1920));
  height: calc(16.5px + (22 - 16.5) * (100vw - 1920px) / (2560 - 1920));
}
.ai-section .ai-stat-text .stat-content {
  font-size: calc(19px + (26 - 19) * (100vw - 1920px) / (2560 - 1920));
  line-height: 103%;
  font-weight: 300;
  color: #a4a8b8;
}
.ai-section .ai-stat-text .stat-content span {
  font-weight: 500;
}
.ai-section .ai-stat-text .stat-content strong, .ai-section .ai-stat-text .stat-content b {
  font-weight: 700;
}

@media screen and (min-width: 1025px) and (max-width: 1920px) {
  .ai-section .bg-el {
    left: calc(-330px + (-412 - -330) * (100vw - 1537px) / (1920 - 1537));
    bottom: calc(-296px + (-368 - -296) * (100vw - 1537px) / (1920 - 1537));
    width: calc(468px + (585 - 468) * (100vw - 1537px) / (1920 - 1537));
    height: calc(467px + (583 - 467) * (100vw - 1537px) / (1920 - 1537));
    box-shadow: calc(45px + (57 - 45) * (100vw - 1537px) / (1920 - 1537)) calc(40px + (50 - 40) * (100vw - 1537px) / (1920 - 1537)) calc(99px + (124 - 99) * (100vw - 1537px) / (1920 - 1537)) calc(-24px + (-30 - -24) * (100vw - 1537px) / (1920 - 1537)) #9A68FF inset;
    filter: blur(calc(125px + (156 - 125) * (100vw - 1537px) / (1920 - 1537)));
  }
  .ai-section .scene {
    bottom: calc(104px + (119 - 104) * (100vw - 1537px) / (1920 - 1537));
  }
  .ai-section .scene .binary {
    font-size: calc(11px + (12 - 11) * (100vw - 1537px) / (1920 - 1537));
    width: calc(230px + (250 - 230) * (100vw - 1537px) / (1920 - 1537));
  }
  .ai-section .ai-approach {
    gap: calc(24px + (30 - 24) * (100vw - 1537px) / (1920 - 1537));
    padding: calc(60px + (75 - 60) * (100vw - 1537px) / (1920 - 1537)) 0 calc(66px + (82 - 66) * (100vw - 1537px) / (1920 - 1537));
  }
  .ai-section .ai-headline {
    max-width: calc(828px + (1035 - 828) * (100vw - 1537px) / (1920 - 1537));
    font-size: calc(38px + (48 - 38) * (100vw - 1537px) / (1920 - 1537));
  }
  .ai-section .btn-ai-cta {
    padding: calc(7px + (9 - 7) * (100vw - 1537px) / (1920 - 1537)) calc(7px + (9 - 7) * (100vw - 1537px) / (1920 - 1537)) calc(7px + (9 - 7) * (100vw - 1537px) / (1920 - 1537)) calc(20px + (24 - 20) * (100vw - 1537px) / (1920 - 1537));
    min-width: calc(200px + (240 - 200) * (100vw - 1537px) / (1920 - 1537));
  }
  .ai-section .btn-ai-cta .btn-text {
    font-size: calc(15px + (18 - 15) * (100vw - 1537px) / (1920 - 1537));
  }
  .ai-section .btn-ai-cta .btn-arrow {
    width: calc(36px + (44 - 36) * (100vw - 1537px) / (1920 - 1537));
    height: calc(36px + (44 - 36) * (100vw - 1537px) / (1920 - 1537));
    font-size: calc(18px + (19 - 18) * (100vw - 1537px) / (1920 - 1537));
  }
  .ai-section .ai-stat-text {
    gap: calc(7px + (8 - 7) * (100vw - 1537px) / (1920 - 1537));
    padding: calc(18px + (22 - 18) * (100vw - 1537px) / (1920 - 1537)) 0;
  }
  .ai-section .ai-stat-text .stat-icon {
    width: calc(13.2px + (16.5 - 13.2) * (100vw - 1537px) / (1920 - 1537));
    height: calc(13.2px + (16.5 - 13.2) * (100vw - 1537px) / (1920 - 1537));
  }
  .ai-section .ai-stat-text .stat-content {
    font-size: calc(16px + (19 - 16) * (100vw - 1537px) / (1920 - 1537));
  }
}
@media screen and (max-width: 1024px) {
  .ai-section .bg-el {
    left: calc(-106px + (-212 - -106) * (100vw - 200px) / (393 - 200));
    bottom: calc(-80.5px + (-161 - -80.5) * (100vw - 200px) / (393 - 200));
    width: calc(205.5px + (411 - 205.5) * (100vw - 200px) / (393 - 200));
    height: calc(204.5px + (409 - 204.5) * (100vw - 200px) / (393 - 200));
    box-shadow: calc(22px + (44 - 22) * (100vw - 200px) / (393 - 200)) calc(19.5px + (39 - 19.5) * (100vw - 200px) / (393 - 200)) calc(48px + (96 - 48) * (100vw - 200px) / (393 - 200)) calc(-11.5px + (-23 - -11.5) * (100vw - 200px) / (393 - 200)) #9A68FF inset;
    filter: blur(calc(60.5px + (121 - 60.5) * (100vw - 200px) / (393 - 200)));
  }
  .ai-section .scene {
    display: none;
  }
  .ai-section .ai-approach {
    gap: calc(10px + (20 - 10) * (100vw - 200px) / (393 - 200));
    padding: calc(20px + (40 - 20) * (100vw - 200px) / (393 - 200)) 0;
  }
  .ai-section .ai-headline {
    max-width: 100%;
    font-size: calc(12px + (24 - 12) * (100vw - 200px) / (393 - 200));
    line-height: 115%;
  }
  .ai-section .btn-ai-cta {
    min-width: calc(100px + (200 - 100) * (100vw - 200px) / (393 - 200));
    padding: calc(4px + (8 - 4) * (100vw - 200px) / (393 - 200)) calc(4px + (8 - 4) * (100vw - 200px) / (393 - 200)) calc(4px + (8 - 4) * (100vw - 200px) / (393 - 200)) calc(6px + (12 - 6) * (100vw - 200px) / (393 - 200));
  }
  .ai-section .btn-ai-cta .btn-text {
    font-size: calc(8px + (16 - 8) * (100vw - 200px) / (393 - 200));
  }
  .ai-section .btn-ai-cta .btn-arrow {
    width: calc(16px + (32 - 16) * (100vw - 200px) / (393 - 200));
    height: calc(16px + (32 - 16) * (100vw - 200px) / (393 - 200));
    font-size: calc(8px + (16 - 8) * (100vw - 200px) / (393 - 200));
  }
  .ai-section .ai-stat-text {
    display: none;
  }
}

/*# sourceMappingURL=service-ai-section.css.map */