.desktop {
  background-color: #040809;
  overflow: hidden;
  width: 100%;
  
  min-height: 6866px;
  position: relative;
}

.desktop .magnific {
  position: absolute;
  top: 0;
  left: calc(50.00% - 960px);

  height: 1532px;
  aspect-ratio: 1.25;
}

.desktop .ellipse {
  position: absolute;
  top: 1914px;
  left: calc(50.00% - 375px);
  width: 750px;
  height: 2395px;
  border-radius: 375px / 1197.5px;
  transform: rotate(90deg);
  filter: blur(51.75px);
  background: linear-gradient(
    96deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 46%,
    rgba(30, 84, 236, 0.69) 66%,
    rgba(32, 117, 245, 1) 78%,
    rgba(30, 84, 236, 0.43) 100%
  );
}

.desktop .frame {
  display: flex;
  flex-direction: column;
  width: 884px;
  align-items: center;
  gap: 48px;
  position: absolute;
  top: 182px;
  left: 518px;
}

.desktop .div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop .co-delivery-white {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 300;
  color: #ffffffcc;
  font-size: 14px;
  letter-spacing: 0.42px;
  line-height: normal;
}

.desktop .frame-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop .text-wrapper {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  background: linear-gradient(
    199deg,
    rgba(112, 169, 255, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 500;
  color: transparent;
  font-size: 64px;
  text-align: center;
  letter-spacing: -1.92px;
  line-height: 64px;
}

.desktop .bridge-digital-helps {
  width: 682.62px;
  text-align: center;
  position: relative;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 300;
  color: #ffffffcc;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22.4px;
}

.desktop .div-2 {
  display: inline-flex;
  align-items: center;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.desktop .div-wrapper {
  display: flex;
  width: 162px;
  height: 48px;
  align-items: center;
  justify-content: space-around;
  gap: 32px;
  padding: 8px 16px;
  position: relative;
  background-color: #ffffff0d;
  border-radius: 56px;
  border: 0.5px solid;
  border-color: #ffffff33;
  backdrop-filter: blur(10px) brightness(100%) blur(8px) brightness(100.0%)
    saturate(91.2%);
  -webkit-backdrop-filter: blur(10px) brightness(100%) blur(8px)
    brightness(100.0%) saturate(91.2%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 1px 0 0 rgba(255, 255, 255, 0.32),
    inset 0 -1px 5px rgba(0, 0, 0, 0.2),
    inset -1px 0 5px rgba(0, 0, 0, 0.16);
}

.desktop .text-wrapper-2 {
  margin-right: -0.5px;
  position: relative;
  width: fit-content;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 22.4px;
  white-space: nowrap;
}

.desktop .frame-3 {
  display: inline-flex;
  height: 48px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 16px;
  position: relative;
  flex: 0 0 auto;
  background-color: #1e54ec;
  border-radius: 48px;
}

.desktop .text-wrapper-3 {
  position: relative;
  width: fit-content;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 22.4px;
  white-space: nowrap;
}

.desktop .frame-4 {
  display: flex;
  width: 1216px;
  height: 48px;
  align-items: center;
  justify-content: space-between;
  padding: 8px 24px;
  position: absolute;
  top: 14px;
  left: calc(50.00% - 608px);
  background-color: #ffffff0d;
  border-radius: 56px;
  border: 0.5px solid;
  border-color: #ffffff33;
  backdrop-filter: blur(10px) brightness(100%) blur(8px) brightness(100.0%)
    saturate(91.2%);
  -webkit-backdrop-filter: blur(10px) brightness(100%) blur(8px)
    brightness(100.0%) saturate(91.2%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 1px 0 0 rgba(255, 255, 255, 0.32),
    inset 0 -1px 5px rgba(0, 0, 0, 0.2),
    inset -1px 0 5px rgba(0, 0, 0, 0.16);
}

.desktop .group {
  position: relative;
  width: 164px;
  height: 24px;
}

.desktop .text-wrapper-4 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 300;
  color: #ffffffcc;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .frame-5 {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.desktop .en {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 700;
  color: #ffffffcc;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .frame-6 {
  display: flex;
  width: 1216px;
  height: 48px;
  align-items: center;
  justify-content: space-between;
  padding: 8px 24px;
  position: absolute;
  top: 6488px;
  left: calc(50.00% - 608px);
  background-color: #ffffff0d;
  border-radius: 56px;
  border: 0.5px solid;
  border-color: #ffffff33;
  backdrop-filter: blur(10px) brightness(100%) blur(8px) brightness(100.0%)
    saturate(91.2%);
  -webkit-backdrop-filter: blur(10px) brightness(100%) blur(8px)
    brightness(100.0%) saturate(91.2%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 1px 0 0 rgba(255, 255, 255, 0.32),
    inset 0 -1px 5px rgba(0, 0, 0, 0.2),
    inset -1px 0 5px rgba(0, 0, 0, 0.16);
}

.desktop .frame-7 {
  display: flex;
  width: 1216px;
  align-items: center;
  gap: 32px;
  position: absolute;
  top: 1102px;
  left: 352px;
}

.desktop .frame-8 {
  display: flex;
  flex-direction: column;
  width: 384px;
  align-items: flex-start;
  gap: 16px;
  position: relative;
}

.desktop .text-wrapper-5 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  background: linear-gradient(
    199deg,
    rgba(112, 169, 255, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 500;
  color: transparent;
  font-size: 128px;
  text-align: center;
  letter-spacing: -3.84px;
  line-height: 128px;
}

.desktop .text-wrapper-6 {
  position: relative;
  align-self: stretch;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 300;
  color: #ffffffcc;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 22.4px;
}

.desktop .ellipse-2 {
  position: absolute;
  top: 1803px;
  left: -233px;
  width: 1400px;
  height: 280px;
  border-radius: 700px / 140px;
  transform: rotate(-163.71deg);
  filter: blur(51.75px);
  background: linear-gradient(
    175deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 46%,
    rgba(30, 84, 236, 0.69) 66%,
    rgba(112, 169, 255, 1) 78%,
    rgba(30, 84, 236, 0.43) 100%
  );
}

.desktop .ellipse-3 {
  position: absolute;
  top: 5679px;
  left: 1127px;
  width: 1400px;
  height: 613px;
  border-radius: 700px / 306.7px;
  transform: rotate(34.02deg);
  filter: blur(51.75px);
  background: linear-gradient(
    175deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 46%,
    rgba(30, 84, 236, 0.69) 66%,
    rgba(112, 169, 255, 1) 78%,
    rgba(30, 84, 236, 0.43) 100%
  );
}

.desktop .frame-9 {
  display: inline-flex;
  align-items: flex-start;
  gap: 136px;
  position: absolute;
  top: 1394px;
  left: 352px;
}

.desktop .frame-10 {
  display: flex;
  flex-direction: column;
  width: 488px;
  align-items: flex-start;
  gap: 48px;
  position: relative;
}

.desktop .frame-11 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop .text-wrapper-7 {
  position: relative;
  align-self: stretch;
  height: 12px;
  margin-top: -1px;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 300;
  color: #ffffffcc;
  font-size: 14px;
  letter-spacing: 0.42px;
  line-height: normal;
  white-space: nowrap;
}

.desktop .heading-flexible {
  position: relative;
  align-self: stretch;
  background: linear-gradient(
    199deg,
    rgba(112, 169, 255, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 500;
  color: transparent;
  font-size: 56px;
  letter-spacing: -1.68px;
  line-height: 56px;
}

.desktop .text-wrapper-8 {
  align-self: stretch;
  position: relative;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 300;
  color: #ffffffcc;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22.4px;
}

.desktop .frame-12 {
  display: inline-flex;
  height: 48px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 16px;
  position: relative;
  background-color: #1e54ec;
  border-radius: 48px;
}

.desktop .uil-arrow-up-right {
  position: relative;
  width: 24px;
  height: 24px;
}

.desktop .frame-13 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, fit-content(100%));
  width: 592px;
  height: fit-content;
  gap: 32px;
}

.desktop .frame-14 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.desktop .chatgpt-image {
  position: relative;
  width: 104px;
  height: 104px;
  aspect-ratio: 1;
}

.desktop .frame-15 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop .text-wrapper-9 {
  margin-top: -1px;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  align-self: stretch;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 500;
}

.desktop .frame-16 {
  position: relative;
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.desktop .frame-17 {
  position: relative;
  grid-row: 2 / 3;
  grid-column: 1 / 2;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.desktop .frame-18 {
  position: relative;
  grid-row: 2 / 3;
  grid-column: 2 / 3;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.desktop .frame-19 {
  display: flex;
  flex-direction: column;
  width: 1216px;
  align-items: flex-start;
  gap: 48px;
  position: absolute;
  top: 5320px;
  left: 352px;
}

.desktop .frame-20 {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop .frame-21 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 24px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.desktop .agile-scrum-delivery {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 300;
  color: #ffffffcc;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.42px;
  line-height: normal;
}

.desktop .p {
  position: relative;
  width: 633.32px;
  background: linear-gradient(
    199deg,
    rgba(112, 169, 255, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 500;
  color: transparent;
  font-size: 56px;
  letter-spacing: -1.68px;
  line-height: 56px;
}

.desktop .text-wrapper-10 {
  position: relative;
  width: 415.11px;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 300;
  color: #ffffffcc;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22.4px;
}

.desktop .vector {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 1px;
}

.desktop .frame-22 {
  display: flex;
  flex-wrap: wrap;
  height: 246px;
  align-items: flex-start;
  gap: 32px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.desktop .frame-23 {
  display: flex;
  flex-direction: column;
  width: 280px;
  align-items: flex-start;
  gap: 16px;
  position: relative;
}

.desktop .magnific-tclnnyzmzj-wrapper {
  position: relative;
  width: 104px;
  height: 104px;
}

.desktop .magnific-tclnnyzmzj {
  position: absolute;
  top: calc(50.00% - 37px);
  left: calc(50.00% - 52px);
  width: 104px;
  height: 73px;
  aspect-ratio: 1.42;
}

.desktop .frame-24 {
  display: flex;
  flex-direction: column;
  width: 280px;
  height: 246px;
  align-items: flex-start;
  gap: 16px;
  position: relative;
}

.desktop .ellipse-4 {
  position: absolute;
  top: 1490px;
  left: 1366px;
  width: 723px;
  height: 298px;
  border-radius: 361.47px / 148.99px;
  transform: rotate(-35.43deg);
  filter: blur(51.75px);
  background: linear-gradient(
    175deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 46%,
    rgba(30, 84, 236, 0.69) 66%,
    rgba(112, 169, 255, 1) 78%,
    rgba(30, 84, 236, 0.43) 100%
  );
}

.desktop .ellipse-5 {
  position: absolute;
  top: 4596px;
  left: -263px;
  width: 723px;
  height: 298px;
  border-radius: 361.47px / 148.99px;
  transform: rotate(-133.7deg);
  filter: blur(51.75px);
  background: linear-gradient(
    175deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 46%,
    rgba(30, 84, 236, 0.69) 66%,
    rgba(112, 169, 255, 1) 78%,
    rgba(30, 84, 236, 0.43) 100%
  );
}

.desktop .frame-25 {
  display: flex;
  flex-direction: column;
  width: 1216px;
  align-items: flex-start;
  gap: 48px;
  position: absolute;
  top: 2014px;
  left: 352px;
}

.desktop .frame-26 {
  display: flex;
  align-items: flex-end;
  gap: 161px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop .frame-27 {
  display: flex;
  flex-direction: column;
  width: 671px;
  align-items: flex-start;
  gap: 24px;
  position: relative;
}

.desktop .text-wrapper-11 {
  position: relative;
  width: 383.43px;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 300;
  color: #ffffffcc;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22.4px;
}

.desktop .frame-28 {
  display: flex;
  align-items: center;
  gap: 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop .frame-29 {
  display: flex;
  flex-direction: column;
  width: 280px;
  align-items: flex-start;
  gap: 32px;
  position: relative;
}

.desktop .text-wrapper-12 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  background: linear-gradient(
    199deg,
    rgba(112, 169, 255, 1) 0%,
    rgba(30, 84, 236, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 500;
  color: transparent;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .text-wrapper-13 {
  position: relative;
  width: fit-content;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .ed-tech {
  display: flex;
  width: 904px;
  align-items: center;
  justify-content: center;
  gap: 32px;
  padding: 48px;
  position: relative;
  border-radius: 16px;
  border: 0.5px solid;
  border-color: #ffffff33;
  backdrop-filter: blur(10px) brightness(100%) blur(8px) brightness(100.0%)
    saturate(91.2%);
  -webkit-backdrop-filter: blur(10px) brightness(100%) blur(8px)
    brightness(100.0%) saturate(91.2%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 1px 0 0 rgba(255, 255, 255, 0.32),
    inset 0 -1px 5px rgba(0, 0, 0, 0.2),
    inset -1px 0 5px rgba(0, 0, 0, 0.16);
  background:
    radial-gradient(
      50% 50% at 68% 59%,
      rgba(0, 0, 0, 0) 0%,
      rgba(42, 96, 239, 0.51) 14%,
      rgba(112, 169, 255, 1) 24%,
      rgba(30, 84, 236, 0.69) 34%,
      rgba(0, 0, 0, 0) 54%
    ),
    radial-gradient(
      50% 50% at 103% 46%,
      rgba(112, 169, 255, 1) 0%,
      rgba(30, 84, 236, 0.69) 41%,
      rgba(0, 0, 0, 0) 100%
    ),
    linear-gradient(
      234deg,
      rgba(112, 169, 255, 0.1) 0%,
      rgba(255, 255, 255, 0.05) 100%
    );
}

.desktop .frame-30 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.desktop .text-wrapper-14 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 300;
  color: #ffffffcc;
  font-size: 14px;
  letter-spacing: 0.42px;
  line-height: normal;
}

.desktop .frame-31 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop .heading {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  background: linear-gradient(
    199deg,
    rgba(112, 169, 255, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 500;
  color: transparent;
  font-size: 48px;
  letter-spacing: 0;
  line-height: 48px;
}

.desktop .text-wrapper-15 {
  position: relative;
  width: 440px;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 300;
  color: #ffffffcc;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22.4px;
}

.desktop .frame-32 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.desktop .div-wrapper-2 {
  display: inline-flex;
  height: 32px;
  align-items: center;
  gap: 32px;
  padding: 8px 16px;
  position: relative;
  flex: 0 0 auto;
  background-color: #ffffff0d;
  border-radius: 56px;
  border: 0.5px solid;
  border-color: #ffffff33;
  backdrop-filter: blur(10px) brightness(100%) blur(8px) brightness(100.0%)
    saturate(91.2%);
  -webkit-backdrop-filter: blur(10px) brightness(100%) blur(8px)
    brightness(100.0%) saturate(91.2%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 1px 0 0 rgba(255, 255, 255, 0.32),
    inset 0 -1px 5px rgba(0, 0, 0, 0.2),
    inset -1px 0 5px rgba(0, 0, 0, 0.16);
  color: white;
}

.desktop .text-wrapper-16 {
  position: relative;
  width: fit-content;
  margin-top: -2.5px;
  margin-bottom: -1.5px;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 19.6px;
  white-space: nowrap;
}

.desktop .magnific-ksiqurb {
  position: relative;
  width: 483.2px;
  height: 483.2px;
  margin-top: -58.1px;
  margin-bottom: -66.1px;
  margin-right: -94.1px;
  aspect-ratio: 1;
}

.desktop .ed-tech-2 {
  display: flex;
  flex-direction: column;
  width: 1216px;
  align-items: center;
  justify-content: center;
  gap: 32px;
  padding: 104px 48px;
  position: absolute;
  top: 5940px;
  left: calc(50.00% - 608px);
  border-radius: 16px;
  border: 0.5px solid;
  border-color: #ffffff33;
  backdrop-filter: blur(10px) brightness(100%) blur(8px) brightness(100.0%)
    saturate(91.2%);
  -webkit-backdrop-filter: blur(10px) brightness(100%) blur(8px)
    brightness(100.0%) saturate(91.2%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 1px 0 0 rgba(255, 255, 255, 0.32),
    inset 0 -1px 5px rgba(0, 0, 0, 0.2),
    inset -1px 0 5px rgba(0, 0, 0, 0.16);
  background:
    radial-gradient(
      50% 50% at 97% 55%,
      rgba(112, 169, 255, 1) 0%,
      rgba(30, 84, 236, 0.69) 41%,
      rgba(0, 0, 0, 0) 100%
    ),
    radial-gradient(
      50% 50% at 103% 46%,
      rgba(112, 169, 255, 1) 0%,
      rgba(30, 84, 236, 0.69) 41%,
      rgba(0, 0, 0, 0) 100%
    ),
    linear-gradient(
      234deg,
      rgba(112, 169, 255, 0.1) 0%,
      rgba(255, 255, 255, 0.05) 100%
    );
}

.desktop .frame-wrapper {
  display: flex;
  flex-direction: column;
  width: 884px;
  align-items: center;
  gap: 48px;
  position: relative;
  flex: 0 0 auto;
}

.desktop .text-wrapper-17 {
  width: 630.12px;
  text-align: center;
  position: relative;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 300;
  color: #ffffffcc;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22.4px;
}

.desktop .article {
  display: inline-flex;
  align-items: center;
  padding: 16px;
  flex: 0 0 auto;
  border-radius: 100px;
  background:
    radial-gradient(
      50% 50% at 67% 62%,
      rgba(0, 0, 0, 0) 0%,
      rgba(42, 96, 239, 0.51) 14%,
      rgba(112, 169, 255, 1) 24%,
      rgba(30, 84, 236, 0.69) 34%,
      rgba(0, 0, 0, 0) 54%
    ),
    radial-gradient(
      50% 50% at 103% 46%,
      rgba(112, 169, 255, 1) 0%,
      rgba(30, 84, 236, 0.69) 41%,
      rgba(0, 0, 0, 0) 100%
    ),
    linear-gradient(
      234deg,
      rgba(112, 169, 255, 0.02) 0%,
      rgba(255, 255, 255, 0.01) 100%
    );
  gap: 32px;
  position: relative;
  border: 0.5px solid;
  border-color: #ffffff33;
  backdrop-filter: blur(10px) brightness(100%) blur(8px) brightness(100.0%)
    saturate(91.2%);
  -webkit-backdrop-filter: blur(10px) brightness(100%) blur(8px)
    brightness(100.0%) saturate(91.2%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 1px 0 0 rgba(255, 255, 255, 0.32),
    inset 0 -1px 5px rgba(0, 0, 0, 0.2),
    inset -1px 0 5px rgba(0, 0, 0, 0.16);
}

.desktop .img {
  position: relative;
  width: 64px;
  height: 64px;
  aspect-ratio: 1;
}

.desktop .frame-33 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.desktop .frame-34 {
  display: flex;
  flex-direction: column;
  width: 1216px;
  align-items: center;
  gap: 48px;
  position: absolute;
  top: 2789px;
  left: 352px;
}

.desktop .frame-35 {
  display: flex;
  flex-direction: column;
  width: 652px;
  align-items: center;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.desktop .selected-experience {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 300;
  color: #ffffffcc;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.42px;
  line-height: normal;
}

.desktop .text-wrapper-18 {
  background: linear-gradient(
    199deg,
    rgba(112, 169, 255, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  color: transparent;
  font-size: 56px;
  text-align: center;
  letter-spacing: -1.68px;
  line-height: 56px;
  position: relative;
  align-self: stretch;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 500;
}

.desktop .frame-36 {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop .article-2 {
  display: flex;
  flex-direction: column;
  width: 384px;
  align-items: flex-start;
  justify-content: center;
  padding: 32px;
  align-self: stretch;
  border-radius: 16px;
  background: linear-gradient(
    234deg,
    rgba(112, 169, 255, 0.02) 0%,
    rgba(255, 255, 255, 0.01) 100%
  );
  gap: 32px;
  position: relative;
  border: 0.5px solid;
  border-color: #ffffff33;
  backdrop-filter: blur(10px) brightness(100%) blur(8px) brightness(100.0%)
    saturate(91.2%);
  -webkit-backdrop-filter: blur(10px) brightness(100%) blur(8px)
    brightness(100.0%) saturate(91.2%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 1px 0 0 rgba(255, 255, 255, 0.32),
    inset 0 -1px 5px rgba(0, 0, 0, 0.2),
    inset -1px 0 5px rgba(0, 0, 0, 0.16);
}

.desktop .up-to-lower {
  position: relative;
  width: 265.62px;
  background: linear-gradient(
    199deg,
    rgba(112, 169, 255, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 500;
  color: transparent;
  font-size: 36px;
  letter-spacing: -1.08px;
  line-height: 39.6px;
}

.desktop .frame-37 {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.desktop .frame-38 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -2px;
  margin-bottom: -2px;
}

.desktop .text-wrapper-19 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 19.6px;
  white-space: nowrap;
}

.desktop .article-3 {
  display: flex;
  flex-direction: column;
  width: 384px;
  align-items: flex-start;
  padding: 32px;
  align-self: stretch;
  border-radius: 16px;
  background: linear-gradient(
    234deg,
    rgba(112, 169, 255, 0.02) 0%,
    rgba(255, 255, 255, 0.01) 100%
  );
  gap: 32px;
  position: relative;
  border: 0.5px solid;
  border-color: #ffffff33;
  backdrop-filter: blur(10px) brightness(100%) blur(8px) brightness(100.0%)
    saturate(91.2%);
  -webkit-backdrop-filter: blur(10px) brightness(100%) blur(8px)
    brightness(100.0%) saturate(91.2%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 1px 0 0 rgba(255, 255, 255, 0.32),
    inset 0 -1px 5px rgba(0, 0, 0, 0.2),
    inset -1px 0 5px rgba(0, 0, 0, 0.16);
}

.desktop .onboarding-time {
  position: relative;
  width: 283.23px;
  background: linear-gradient(
    199deg,
    rgba(112, 169, 255, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 500;
  color: transparent;
  font-size: 36px;
  letter-spacing: -1.08px;
  line-height: 39.6px;
}

.desktop .from-fragmented {
  position: relative;
  width: 288px;
  background: linear-gradient(
    199deg,
    rgba(112, 169, 255, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 500;
  color: transparent;
  font-size: 36px;
  letter-spacing: -1.08px;
  line-height: 39.6px;
}

.desktop .frame-39 {
  display: flex;
  flex-direction: column;
  width: 1216px;
  align-items: center;
  gap: 48px;
  position: absolute;
  top: 4225px;
  left: 352px;
}

.desktop .frame-40 {
  width: 800px;
  position: relative;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
}

.desktop .technical-coverage {
  position: relative;
  align-self: stretch;
  height: 12px;
  margin-top: -1px;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 300;
  color: #ffffffcc;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.42px;
  line-height: normal;
  white-space: nowrap;
}

.desktop .frame-41 {
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop .element {
  position: relative;
  width: 48px;
  height: 48px;
  aspect-ratio: 1;
}

.desktop .chatgpt-image-2 {
  position: absolute;
  top: calc(50.00% - 16px);
  left: calc(50.00% - 21px);
  width: 43px;
  height: 31px;
  aspect-ratio: 1.38;
}

.desktop .text-wrapper-20 {
  position: relative;
  flex: 1;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.desktop .chatgpt-image-3 {
  left: calc(50.00% - 21px);
  width: 43px;
  height: 33px;
  aspect-ratio: 1.31;
  position: absolute;
  top: calc(50.00% - 16px);
}

.desktop .chatgpt-image-4 {
  left: calc(50.00% - 24px);
  width: 48px;
  height: 33px;
  aspect-ratio: 1.47;
  position: absolute;
  top: calc(50.00% - 16px);
}

.desktop .chatgpt-image-5 {
  left: calc(50.00% - 24px);
  width: 48px;
  height: 31px;
  aspect-ratio: 1.55;
  position: absolute;
  top: calc(50.00% - 16px);
}

.desktop .group-2 {
  position: absolute;
  top: 4753px;
  left: 352px;
  width: 1216px;
  height: 427px;
}

.desktop .frame-42 {
  display: flex;
  flex-direction: column;
  width: 624px;
  align-items: flex-start;
  gap: 48px;
  position: absolute;
  top: 51px;
  left: 0;
}

.desktop .heading-2 {
  position: relative;
  width: fit-content;
  margin-right: -6px;
  background: linear-gradient(
    199deg,
    rgba(112, 169, 255, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Google Sans Flex", Helvetica;
  font-weight: 500;
  color: transparent;
  font-size: 56px;
  letter-spacing: -1.68px;
  line-height: 56px;
}

.desktop .group-3 {
  position: absolute;
  top: calc(50.00% - 213px);
  left: calc(50.00% + 88px);
  width: 520px;
  height: 427px;
}

.desktop .ellipse-6 {
  position: absolute;
  top: calc(50.00% - 213px);
  left: calc(50.00% - 228px);
  width: 488px;
  height: 427px;
  border-radius: 244px / 213.42px;
  transform: rotate(-180deg);
  filter: blur(51.75px);
  background: linear-gradient(
    179deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 46%,
    rgba(30, 84, 236, 0.69) 66%,
    rgba(112, 169, 255, 1) 78%,
    rgba(30, 84, 236, 0.43) 100%
  );
}

.desktop .magnific-enhance {
  position: absolute;
  top: 0;
  left: 1px;
  width: 514px;
  height: 427px;
  aspect-ratio: 1.2;
}

.desktop .group-4 {
  position: absolute;
  top: 3646px;
  left: calc(50.00% - 608px);
  width: 1210px;
  height: 439px;
}

.desktop .frame-43 {
  width: 590px;
  position: absolute;
  top: 72px;
  left: calc(50.00% + 15px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
}

.desktop .group-5 {
  position: absolute;
  top: 0;
  left: calc(50.00% - 605px);
  width: 592px;
  height: 439px;
}

.desktop .ellipse-7 {
  position: absolute;
  top: 1px;
  left: calc(50.00% - 296px);
  width: 592px;
  height: 439px;
  border-radius: 296px / 219.5px;
  transform: rotate(-180deg);
  filter: blur(51.75px);
  background: linear-gradient(
    179deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 46%,
    rgba(30, 84, 236, 0.69) 66%,
    rgba(112, 169, 255, 1) 78%,
    rgba(30, 84, 236, 0.43) 100%
  );
}

.desktop .magnific-ymfonjwec {
  position: absolute;
  top: 53px;
  left: calc(50.00% - 244px);
  width: 488px;
  height: 333px;
}