.homepage {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  background-color: #ffffff;
}

.homepage .frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 16px 80px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
}

.homepage .frame-wrapper {
  flex-direction: column;
  height: 55px;
  justify-content: space-around;
  align-self: stretch;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
}

.homepage .div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-top: -2.5px;
  margin-bottom: -2.5px;
}

.homepage .screenshot {
  position: relative;
  width: 115px;
  height: 60px;
  aspect-ratio: 1.92;
  object-fit: cover;
}

.homepage .frame-2 {
  display: inline-flex;
  gap: 40px;
  flex: 0 0 auto;
  align-items: center;
  position: relative;
}

.homepage .text-wrapper {
  color: transparent;
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0;
  line-height: normal;
}

.homepage .text-wrapper-2 {
  color: #000000;
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0;
  line-height: normal;
}

.homepage .frame-3 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
}

.homepage .chevron-down {
  position: relative;
  width: 6px;
  height: 6px;
}

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

.homepage .div-wrapper {
  display: flex;
  width: 98px;
  height: 35px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: relative;
  border-radius: 24px;
  border: 1px solid;
  border-color: #000000;
}

.homepage .text-wrapper-3 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0;
  line-height: normal;
}

.homepage .frame-5 {
  display: flex;
  width: 98px;
  height: 35px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: relative;
  background-color: var(--primitives-background-brown);
  border-radius: 24px;
}

.homepage .text-wrapper-4 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0;
  line-height: normal;
}

.homepage .group {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 637px;
}

.homepage .frame-6 {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  gap: 32px;
  padding: 80px 0px;
  position: relative;
  background-color: #ffffff;
  background-image:
    radial-gradient(90.22% 90.22% at 50% 31.6%, rgba(255, 255, 255, 0.68) 69.23%, rgba(254, 193, 0, 0.68) 100%);

  background-size:
    100% 100%,
    18px 18px;
}

.homepage .frame-7 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  position: relative;
  flex: 0 0 auto;
}

.homepage .frame-8 {
  display: flex;
  width: 436px;
  height: 45px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 6px 8px;
  position: relative;
  background-color: #ffffff;
  border-radius: 61px;
  border: 1px solid;
  border-color: #0000001f;
}

.homepage .p {
  position: relative;
  width: 363px;
  height: 23px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
}

.homepage .text-wrapper-5 {
  position: relative;
  width: 1186px;
  margin-top: -1px;
  font-family: "Outfit", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 64px;
  text-align: center;
  letter-spacing: -0.4px;
  line-height: 1.12;
}

.homepage .text-wrapper-6 {
  width: 592px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 400;
  font-size: 18px;
  text-align: center;
  line-height: 26.4px;
  position: relative;
  color: #000000;
  letter-spacing: 0;
}

.homepage .frame-9 {
  display: flex;
  flex-direction: column;
  width: 808px;
  align-items: center;
  gap: 32px;
  position: relative;
  flex: 0 0 auto;
}

.homepage .frame-10 {
  display: flex;
  height: 72px;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #ffffff;
  border-radius: 63px;
  border: 1px solid;
  border-color: #00000014;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);
}

.homepage .frame-11 {
  display: flex;
  width: 521px;
  align-items: center;
  gap: 8px;
  position: relative;
}

.homepage .img {
  position: relative;
  width: 41px;
  height: 38px;
  aspect-ratio: 1.06;
}

.homepage .text-wrapper-7 {
  position: relative;
  width: fit-content;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 500;
  color: #00000061;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 23.5px;
  white-space: nowrap;
}

.homepage .arrow-up-wrapper {
  position: relative;
  width: 45px;
  height: 45px;
  border-radius: 33px;
  border: 1px solid;
  border-color: #00000012;
  transform: rotate(90deg);
  background: linear-gradient(
    180deg,
    rgba(254, 193, 0, 1) 0%,
    rgba(152, 115, 0, 1) 100%
  );
}

.homepage .arrow-up {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 35px;
  height: 35px;
  transform: rotate(-90deg);
}

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

.homepage .frame-13 {
  width: 195px;
  height: 42px;
  justify-content: center;
  padding: 3px 15px;
  background-color: #fafafa;
  border-radius: 56px;
  border: 0px none;
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
}

.homepage .search {
  position: relative;
  width: 25px;
  height: 25px;
  aspect-ratio: 1;
  object-fit: cover;
}

.homepage .text-wrapper-8 {
  width: fit-content;
  font-size: 14px;
  text-align: center;
  line-height: 20.5px;
  white-space: nowrap;
  position: relative;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 500;
  color: #000000;
  letter-spacing: 0;
}

.homepage .search-2 {
  position: relative;
  width: 24px;
  height: 24px;
  aspect-ratio: 1;
  object-fit: cover;
}

.homepage .frame-14 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 291px;
  margin-top: -30px;
  background: linear-gradient(180deg, #0f0d07 0%, #151207 100%);
}

.homepage .frame-15 {
  display: flex;
  width: min(1235px, calc(100% - 96px));
  align-items: center;
  justify-content: space-between;
  gap: 52px;
  position: relative;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
}

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

.homepage .line {
  position: relative;
  width: 1px;
  height: 131px;
  object-fit: cover;
}

.homepage .frame-17 {
  display: flex;
  flex-direction: column;
  width: 220px;
  align-items: flex-start;
  gap: 12px;
  position: relative;
}

.homepage .text-wrapper-9 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Outfit", Helvetica;
  font-weight: 400;
  color: #fec100;
  font-size: 64px;
  letter-spacing: 0;
  line-height: 66.6px;
}

.homepage .text-wrapper-10 {
  position: relative;
  align-self: stretch;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.45;
}

.homepage .frame-18 {
  width: 189px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  position: relative;
}

.homepage .frame-19 {
  width: 234px;
  height: 131px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  position: relative;
}

.homepage .frame-20 {
  display: inline-flex;
  align-items: center;
  gap: 32px;
  position: relative;
  flex: 0 0 auto;
  margin-right: -36px;
}

.homepage .frame-21 {
  width: 259px;
  height: 131px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  position: relative;
}

.homepage .frame-22 {
  display: flex;
  flex-direction: column;
  height: 261px;
  align-items: center;
  justify-content: center;
  gap: 30px;
  padding: 80px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.homepage .frame-23 {
  display: flex;
  flex-direction: column;
  width: 988px;
  align-items: center;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -33.5px;
  margin-bottom: -33.5px;
}

.homepage .frame-24 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.homepage .text-wrapper-11 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  background: linear-gradient(
    118deg,
    rgba(255, 204, 0, 1) 0%,
    rgba(153, 122, 0, 1) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Outfit", Helvetica;
  font-weight: 600;
  color: transparent;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 29.3px;
  white-space: nowrap;
}

.homepage .text-wrapper-12 {
  position: relative;
  width: fit-content;
  font-family: "Outfit", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: 35.2px;
  white-space: nowrap;
}

.homepage .text-wrapper-13 {
  position: relative;
  width: 988px;
  height: 64px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 26.4px;
}

.homepage .rectangle {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 540px;
  background-color: #c6c6c663;
}

.homepage .frame-25 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 80px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.homepage .frame-26 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.homepage .text-wrapper-14 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Outfit", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: 35.2px;
  white-space: nowrap;
}

.homepage .stop-switching {
  position: relative;
  width: 814px;
  margin-top: -1px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 26.4px;
}

.homepage .frame-27 {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 60px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.homepage .frame-28 {
  display: inline-flex;
  height: 483px;
  align-items: flex-start;
  gap: 107px;
  padding: 67px 77px 60px;
  position: relative;
  flex: 0 0 auto;
}

.homepage .frame-29 {
  display: flex;
  width: 232px;
  align-items: flex-start;
  gap: 68px;
  position: relative;
}

.homepage .frame-30 {
  display: flex;
  flex-direction: column;
  width: 232px;
  align-items: flex-start;
  gap: 16px;
  position: relative;
}

.homepage .frame-31 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 6px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #fec100;
  border-radius: 3px;
}

.homepage .text-wrapper-15 {
  flex: 1;
  margin-top: -1px;
  font-size: 16px;
  line-height: 27.2px;
  position: relative;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 500;
  color: #000000;
  letter-spacing: 0;
}

.homepage .frame-32 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 6px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-radius: 3px;
}

.homepage .text-wrapper-16 {
  position: relative;
  flex: 1;
  margin-top: -1px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 500;
  color: #00000073;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 27.2px;
}

.homepage .frame-33 {
  display: flex;
  width: 232px;
  justify-content: center;
  gap: 10px;
  padding: 6px;
  flex: 0 0 auto;
  border-radius: 3px;
  align-items: center;
  position: relative;
}

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

.homepage .element {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 745px;
  background-color: #ffffff;
  border-radius: 12px;
  overflow: hidden;
}

.homepage .frame-35 {
  position: relative;
  top: 60px;
  left: 19px;
  width: 1021px;
  display: flex;
}

.homepage .frame-36 {
  display: flex;
  width: 1021px;
  height: 626px;
  position: relative;
  align-items: center;
  gap: 107px;
}

.homepage .frame-37 {
  display: flex;
  flex-direction: column;
  width: 400px;
  height: 626px;
  align-items: flex-start;
  gap: 180px;
  position: relative;
}

.homepage .frame-38 {
  display: flex;
  flex-direction: column;
  height: 219px;
  align-items: flex-start;
  gap: 241px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.homepage .div-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.homepage .text-wrapper-17 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Outfit", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 36px;
  letter-spacing: 0;
  line-height: 57.6px;
}

.homepage .text-wrapper-18 {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  height: 78px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25.6px;
}

.homepage .frame-39 {
  display: flex;
  flex-direction: column;
  width: 383px;
  align-items: flex-start;
  gap: 41px;
  position: relative;
  flex: 0 0 auto;
}

.homepage .group-2 {
  position: relative;
  width: 358px;
  height: 78px;
}

.homepage .text-wrapper-19 {
  position: absolute;
  top: 12px;
  left: 0;
  width: 356px;
  font-size: 14px;
  line-height: 22.4px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 400;
  color: #000000;
  letter-spacing: 0;
}

.homepage .line-2 {
  position: absolute;
  top: -1px;
  left: 0;
  width: 349px;
  height: 1px;
  object-fit: cover;
}

.homepage .group-3 {
  position: relative;
  width: 385px;
  height: 78px;
  margin-right: -2px;
}

.homepage .text-wrapper-20 {
  position: absolute;
  top: 12px;
  left: 0;
  width: 383px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22.4px;
}

.homepage .chatgpt-image-jul {
  position: relative;
  width: 474px;
  height: 626px;
  aspect-ratio: 0.76;
}

.homepage .group-wrapper {
  position: relative;
  width: 1036px;
  height: 984px;
  background-color: #ffffff;
  border-radius: 12px;
  overflow: hidden;
}

.homepage .group-4 {
  position: relative;
  top: 81px;
  left: 19px;
  width: 987px;
  display: flex;
}

.homepage .frame-40 {
  width: 987px;
  height: 822px;
  display: flex;
}

.homepage .frame-41 {
  width: 1039px;
  height: 809px;
  display: flex;
}

.homepage .frame-42 {
  display: flex;
  margin-top: -6px;
  width: 955px;
  height: 812px;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  gap: 21px;
}

.homepage .frame-43 {
  display: flex;
  flex-direction: column;
  width: 616px;
  align-items: flex-start;
  gap: 21px;
  position: relative;
  flex: 0 0 auto;
}

.homepage .frame-44 {
  display: flex;
  flex-direction: column;
  width: 498px;
  height: 107px;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
  position: relative;
}

.homepage .text-wrapper-21 {
  align-self: stretch;
  font-family: "Outfit", Helvetica;
  font-weight: 600;
  font-size: 36px;
  line-height: 50.4px;
  position: relative;
  color: #000000;
  letter-spacing: 0;
}

.homepage .text-wrapper-22 {
  position: relative;
  align-self: stretch;
  height: 60px;
  font-size: 16px;
  line-height: 25.6px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 400;
  color: #000000;
  letter-spacing: 0;
}

.homepage .frame-45 {
  width: 940px;
  height: 101px;
  align-items: center;
  gap: 50px;
  display: flex;
  position: relative;
}

.homepage .group-5 {
  position: relative;
  width: 433px;
  height: 98.5px;
}

.homepage .group-6 {
  width: 435px;
  height: 99px;
  display: flex;
  flex-direction: column;
  gap: 20.5px;
}

.homepage .line-3 {
  width: 350px;
  height: 1px;
  margin-top: -1px;
  object-fit: cover;
}

.homepage .text-wrapper-23 {
  width: 433px;
  height: 78px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25.6px;
}

.homepage .group-7 {
  position: relative;
  width: 357px;
  height: 98px;
}

.homepage .group-8 {
  width: 359px;
  height: 98px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.homepage .text-wrapper-24 {
  width: 357px;
  height: 78px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25.6px;
}

.homepage .image {
  position: relative;
  width: 940px;
  height: 481px;
  aspect-ratio: 1.95;
}

.homepage .frame-46 {
  left: 19px;
  position: relative;
  top: 60px;
  width: 1017px;
  display: flex;
}

.homepage .frame-47 {
  gap: 95px;
  display: flex;
  width: 1017px;
  height: 626px;
  position: relative;
  align-items: center;
}

.homepage .frame-48 {
  margin-bottom: -16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.homepage .connect-market {
  position: relative;
  display: flex;
  align-items: center;
  width: 350px;
  height: 107px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25.6px;
}

.homepage .group-9 {
  position: relative;
  width: 385px;
  height: 56px;
  margin-right: -2px;
}

.homepage .element-2 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 984px;
  background-color: #ffffff;
  border-radius: 12px;
  overflow: hidden;
}

.homepage .frame-49 {
  width: 1030px;
  height: 809px;
  display: flex;
}

.homepage .frame-50 {
  margin-top: -6px;
  width: 981px;
  height: 842px;
  flex-direction: column;
  align-items: flex-start;
  gap: 21px;
  display: flex;
  position: relative;
}

.homepage .frame-51 {
  display: flex;
  flex-direction: column;
  width: 607px;
  align-items: flex-start;
  gap: 21px;
  position: relative;
  flex: 0 0 auto;
}

.homepage .know-what-s-working-wrapper {
  display: flex;
  flex-direction: column;
  width: 408px;
  height: 107px;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
  position: relative;
}

.homepage .know-what-s-working {
  position: relative;
  align-self: stretch;
  font-family: "Outfit", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 32px;
  letter-spacing: 0;
  line-height: 48px;
}

.homepage .image-2 {
  position: relative;
  align-self: stretch;
  width: 100%;
  aspect-ratio: 1.99;
}

.homepage .frame-52 {
  width: 958px;
  height: 101px;
  align-items: center;
  gap: 50px;
  display: flex;
  position: relative;
}

.homepage .frame-53 {
  left: 12px;
  position: relative;
  top: 60px;
  width: 1017px;
  display: flex;
}

.homepage .frame-54 {
  gap: 97px;
  display: flex;
  width: 1017px;
  height: 626px;
  position: relative;
  align-items: center;
}

.homepage .frame-55 {
  margin-bottom: -13px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.homepage .text-wrapper-25 {
  position: relative;
  display: flex;
  align-items: center;
  width: 350px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25.6px;
}

.homepage .frame-56 {
  display: flex;
  flex-direction: column;
  height: 183px;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.homepage .frame-57 {
  display: flex;
  flex-direction: column;
  height: 183px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.homepage .text-wrapper-26 {
  font-family: "Outfit", Helvetica;
  font-weight: 600;
  font-size: 24px;
  text-align: center;
  line-height: 38.4px;
  position: relative;
  align-self: stretch;
  color: #000000;
  letter-spacing: 0;
}

.homepage .text-wrapper-27 {
  position: relative;
  width: 816px;
  font-family: "Outfit", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 25.6px;
}

.homepage .frame-58 {
  display: flex;
  width: 1440px;
  height: 776px;
  align-items: center;
  justify-content: space-between;
  padding: 11px 170px;
  position: relative;
}

.homepage .frame-59 {
  display: inline-flex;
  height: 640px;
  align-items: center;
  gap: 36px;
  position: relative;
  flex: 0 0 auto;
}

.homepage .frame-60 {
  display: flex;
  width: 468px;
  height: 639px;
  align-items: center;
  gap: 10px;
  position: relative;
}

.homepage .frame-61 {
  display: flex;
  flex-direction: column;
  width: 468px;
  height: 639px;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
}

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

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

.homepage .frame-64 {
  display: flex;
  flex-direction: column;
  width: 458px;
  align-items: flex-start;
  gap: 20px;
  position: relative;
  flex: 0 0 auto;
}

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

.homepage .text-wrapper-28 {
  align-self: stretch;
  margin-top: -1px;
  font-weight: 400;
  line-height: 25.6px;
  position: relative;
  font-family: "Outfit", Helvetica;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
}

.homepage .text-wrapper-29 {
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 400;
  font-size: 14px;
  line-height: 22.4px;
  position: relative;
  align-self: stretch;
  color: #000000;
  letter-spacing: 0;
}

.homepage .frame-66 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  position: relative;
  flex: 0 0 auto;
}

.homepage .frame-67 {
  display: flex;
  flex-direction: column;
  width: 32px;
  height: 32px;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  background-color: #f8f8f8;
  border-radius: 66px;
  border: 1px solid;
  border-color: #f2f2f2;
  align-items: center;
  position: relative;
}

.homepage .text-wrapper-30 {
  position: relative;
  align-self: stretch;
  margin-top: -6px;
  margin-bottom: -4px;
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  line-height: 22.4px;
  font-family: "Outfit", Helvetica;
  text-align: center;
  letter-spacing: 0;
}

.homepage .text-wrapper-31 {
  position: relative;
  width: 26px;
  margin-top: -6px;
  margin-bottom: -4px;
  margin-left: -7px;
  margin-right: -7px;
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  line-height: 22.4px;
  font-family: "Outfit", Helvetica;
  text-align: center;
  letter-spacing: 0;
}

.homepage .frame-68 {
  display: flex;
  flex-direction: column;
  height: 136px;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

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

.homepage .frame-70 {
  display: flex;
  flex-direction: column;
  height: 136px;
  align-items: flex-start;
  gap: 24px;
  padding: 10px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.homepage .frame-71 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-bottom: -9px;
}

.homepage .frame-72 {
  display: flex;
  flex-direction: column;
  width: 458px;
  height: 125px;
  align-items: flex-start;
  gap: 20px;
  position: relative;
}

.homepage .group-10 {
  position: relative;
  width: 571px;
  height: 640.12px;
}

.homepage .frame-73 {
  position: absolute;
  top: 251px;
  left: 0;
  width: 571px;
  height: 389px;
  border-radius: 2px;
}

.homepage .group-11 {
  position: absolute;
  width: 100%;
  top: 1px;
  left: 0;
  height: 389px;
  display: flex;
  background-color: #110d00;
  border-radius: 4px;
}

.homepage .frame-74 {
  margin-top: 43.6px;
  width: 494px;
  height: 193px;
  margin-left: 39px;
  display: flex;
  flex-direction: column;
  gap: 17px;
}

.homepage .frame-75 {
  display: flex;
  width: 290px;
  height: 118px;
  position: relative;
  margin-top: 0.1px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.homepage .text-wrapper-32 {
  display: flex;
  align-items: center;
  height: 57px;
  margin-top: -2px;
  margin-left: -1px;
  -webkit-text-stroke: 1px #110d00;
  font-weight: 500;
  color: #ffcc00;
  font-size: 48px;
  line-height: 76.8px;
  white-space: nowrap;
  position: relative;
  align-self: stretch;
  font-family: "Outfit", Helvetica;
  letter-spacing: 0;
  border-color: var(--primitives-buttons-secondary);
}

.homepage .text-wrapper-33 {
  position: relative;
  align-self: stretch;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 600;
  color: #ffcc00;
  font-size: 32px;
  letter-spacing: 0;
  line-height: 51.2px;
}

.homepage .text-wrapper-34 {
  flex: 1;
  max-height: 58px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28.8px;
}

.homepage .rectangle-2 {
  position: absolute;
  top: 270px;
  left: 40px;
  width: 491px;
  height: 55px;
  background-color: #ffffff;
  border-radius: 7px;
}

.homepage .text-wrapper-35 {
  position: absolute;
  top: 282px;
  left: 265px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25.6px;
  white-space: nowrap;
}

.homepage .frame-76 {
  display: flex;
  flex-direction: column;
  width: 571px;
  height: 228px;
  align-items: flex-start;
  gap: 18px;
  position: absolute;
  top: 0;
  left: 0;
}

.homepage .frame-77 {
  display: flex;
  flex-direction: column;
  height: 117px;
  align-items: flex-start;
  gap: 19px;
  padding: 12px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

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

.homepage .group-12 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 50px;
  margin-bottom: -2px;
  margin-right: -2px;
}

.homepage .rectangle-3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 571px;
  height: 50px;
  background-color: #f7f7f7;
  border-radius: 2px;
  border: 0.5px solid;
  border-color: #00000026;
}

.homepage .text-wrapper-36 {
  position: absolute;
  top: 15px;
  left: 17px;
  width: 97px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 400;
  color: #0000005e;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 19.2px;
}

.homepage .frame-79 {
  display: flex;
  flex-direction: column;
  height: 93px;
  align-items: center;
  gap: 12px;
  padding: 10px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.homepage .group-13 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 45px;
  margin-bottom: -10px;
  margin-right: -2px;
}

.homepage .rectangle-4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 571px;
  height: 45px;
  background-color: #f7f7f7;
  border-radius: 2px;
  border: 0.5px solid;
  border-color: #0000002b;
}

.homepage .text-wrapper-37 {
  position: absolute;
  top: 13px;
  left: 17px;
  width: 71px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 400;
  color: #0000005e;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 19.2px;
}

.homepage .frame-80 {
  display: flex;
  flex-direction: column;
  height: 183px;
  align-items: center;
  justify-content: center;
  gap: 26px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.homepage .text-wrapper-38 {
  position: relative;
  width: 610px;
  font-family: "Outfit", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 25.6px;
}

.homepage .frame-81 {
  display: flex;
  flex-direction: column;
  height: 777px;
  align-items: center;
  justify-content: center;
  padding: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #ffffff;
}

.homepage .group-14 {
  position: relative;
  width: 1310px;
  height: 1px;
  background-image: url(https://c.animaapp.com/IXtMw8o3/img/line-18.svg);
  background-size: cover;
  background-position: 50% 50%;
}

.homepage .group-15 {
  position: relative;
  width: 1310px;
  height: 703px;
  margin-top: -5px;
}

.homepage .frame-82 {
  width: 1310px;
  display: flex;
  align-items: flex-start;
  background-color: #ffffff;
}

.homepage .group-16 {
  width: 1310px;
  height: 703px;
  position: relative;
}

.homepage .group-17 {
  position: absolute;
  top: 0;
  left: calc(50% - 655px);
  width: 1310px;
  height: 703px;
}

.homepage .line-4 {
  position: absolute;
  top: 52px;
  left: calc(50% + 654px);
  width: 1px;
  height: 651px;
  object-fit: cover;
}

.homepage .line-wrapper {
  position: absolute;
  top: 0;
  left: calc(50% - 655px);
  width: 1310px;
  height: 53px;
  display: flex;
}

.homepage .line-5 {
  width: 1px;
  height: 52px;
  margin-left: 1309px;
  object-fit: cover;
}

.homepage .group-18 {
  position: absolute;
  top: 0;
  left: calc(50% - 655px);
  width: 1334px;
  height: 703px;
}

.homepage .group-19 {
  position: absolute;
  top: 73px;
  left: calc(50% - 643px);
  width: 252px;
  height: 103px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.homepage .frame-83 {
  display: inline-flex;
  margin-left: -68px;
  height: 37px;
  width: 184px;
  position: relative;
  align-items: center;
  gap: 8px;
}

.homepage .group-20 {
  position: relative;
  width: 39px;
  height: 37px;
}

.homepage .ellipse {
  position: absolute;
  top: 0;
  left: 0;
  width: 37px;
  height: 37px;
  border-radius: 18.5px;
  background: linear-gradient(
    180deg,
    rgba(255, 204, 0, 1) 0%,
    rgba(153, 122, 0, 1) 100%
  );
}

.homepage .text-wrapper-39 {
  position: absolute;
  top: 7px;
  left: 16px;
  font-weight: 600;
  color: #ffffff;
  font-size: 16px;
  line-height: 23.5px;
  white-space: nowrap;
  font-family: "Outfit", Helvetica;
  text-align: center;
  letter-spacing: 0;
}

.homepage .text-wrapper-40 {
  width: fit-content;
  font-weight: 600;
  text-align: center;
  line-height: 23.5px;
  white-space: nowrap;
  position: relative;
  font-family: "Outfit", Helvetica;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
}

.homepage .frame-84 {
  width: 252px;
  display: flex;
  height: 46px;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.homepage .text-wrapper-41 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-weight: 400;
  font-family: "Plus Jakarta Sans", Helvetica;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 23.5px;
}

.homepage .group-21 {
  position: absolute;
  top: 223px;
  left: calc(50% - 643px);
  width: 217px;
  height: 103px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.homepage .frame-85 {
  margin-left: -67.2px;
  width: 149.83px;
  display: flex;
  height: 37px;
  position: relative;
  align-items: center;
  gap: 8px;
}

.homepage .text-wrapper-42 {
  position: absolute;
  top: 7px;
  left: 15px;
  font-weight: 600;
  color: #ffffff;
  font-size: 16px;
  line-height: 23.5px;
  white-space: nowrap;
  font-family: "Outfit", Helvetica;
  text-align: center;
  letter-spacing: 0;
}

.homepage .text-wrapper-43 {
  width: fit-content;
  margin-right: -24.17px;
  font-weight: 600;
  text-align: center;
  line-height: 23.5px;
  white-space: nowrap;
  position: relative;
  font-family: "Outfit", Helvetica;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
}

.homepage .frame-86 {
  width: 217px;
  display: flex;
  height: 46px;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.homepage .text-wrapper-44 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Outfit", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 23.5px;
}

.homepage .group-22 {
  position: absolute;
  top: 385px;
  left: calc(50% - 643px);
  width: 236px;
  height: 103px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.homepage .frame-87 {
  margin-left: -23.4px;
  width: 212.59px;
  display: flex;
  height: 37px;
  position: relative;
  align-items: center;
  gap: 8px;
}

.homepage .outreach-engagement {
  position: relative;
  width: fit-content;
  margin-right: -14.41px;
  font-family: "Outfit", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 23.5px;
  white-space: nowrap;
}

.homepage .frame-88 {
  display: flex;
  height: 46px;
  width: 236px;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.homepage .group-23 {
  position: absolute;
  top: 547px;
  left: calc(50% - 643px);
  width: 236px;
  height: 103px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.homepage .frame-89 {
  margin-left: -33.7px;
  width: 202.29px;
  display: flex;
  height: 37px;
  position: relative;
  align-items: center;
  gap: 8px;
}

.homepage .text-wrapper-45 {
  position: absolute;
  top: 7px;
  left: 14px;
  font-weight: 600;
  color: #ffffff;
  font-size: 16px;
  line-height: 23.5px;
  white-space: nowrap;
  font-family: "Outfit", Helvetica;
  text-align: center;
  letter-spacing: 0;
}

.homepage .attribution {
  position: relative;
  width: fit-content;
  margin-right: -13.71px;
  font-family: "Outfit", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 23.5px;
  white-space: nowrap;
}

.homepage .line-6 {
  position: absolute;
  top: 53px;
  left: calc(50% - 368px);
  width: 1px;
  height: 650px;
  object-fit: cover;
}

.homepage .line-7 {
  position: absolute;
  top: 53px;
  left: calc(50% - 667px);
  width: 1px;
  height: 650px;
  object-fit: cover;
}

.homepage .line-8 {
  position: absolute;
  top: 53px;
  left: calc(50% - 36px);
  width: 1px;
  height: 650px;
  object-fit: cover;
}

.homepage .line-9 {
  position: absolute;
  top: 53px;
  left: calc(50% + 305px);
  width: 1px;
  height: 650px;
  object-fit: cover;
}

.homepage .line-10 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 53px;
  object-fit: cover;
}

.homepage .rectangle-5 {
  position: absolute;
  top: 0;
  left: 300px;
  width: 331px;
  height: 53px;
  background-color: #ffffff;
}

.homepage .rectangle-6 {
  position: absolute;
  top: 0;
  left: 1px;
  width: 298px;
  height: 53px;
  background-color: #ffffff;
}

.homepage .rectangle-7 {
  position: absolute;
  top: 0;
  left: 632px;
  width: 340px;
  height: 52px;
  background-color: #ffffff;
}

.homepage .rectangle-8 {
  position: absolute;
  top: 0;
  left: 973px;
  width: 336px;
  height: 52px;
  background-color: #ffffff;
}

.homepage .text-wrapper-46 {
  position: absolute;
  top: 11px;
  left: 397px;
  width: 138px;
  height: 29px;
  display: flex;
  align-items: center;
  font-family: "Outfit", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 23.5px;
}

.homepage .text-wrapper-47 {
  position: absolute;
  top: 12px;
  left: 727px;
  width: 150px;
  height: 28px;
  display: flex;
  align-items: center;
  font-family: "Outfit", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 23.5px;
  white-space: nowrap;
}

.homepage .text-wrapper-48 {
  position: absolute;
  top: 12px;
  left: 998px;
  width: 286px;
  height: 28px;
  display: flex;
  align-items: center;
  font-family: "Outfit", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 23.5px;
  white-space: nowrap;
}

.homepage .line-11 {
  position: absolute;
  top: 52px;
  left: calc(50% - 667px);
  width: 1309px;
  height: 1px;
  object-fit: cover;
}

.homepage .line-12 {
  position: absolute;
  top: 702px;
  left: calc(50% - 667px);
  width: 1309px;
  height: 1px;
  object-fit: cover;
}

.homepage .line-13 {
  position: absolute;
  top: 0;
  left: calc(50% + 305px);
  width: 1px;
  height: 53px;
  object-fit: cover;
}

.homepage .line-14 {
  position: absolute;
  top: 0;
  left: calc(50% - 36px);
  width: 1px;
  height: 53px;
  object-fit: cover;
}

.homepage .line-15 {
  position: absolute;
  top: 0;
  left: calc(50% - 368px);
  width: 1px;
  height: 53px;
  object-fit: cover;
}

.homepage .line-16 {
  position: absolute;
  top: 202px;
  left: calc(50% - 667px);
  width: 1309px;
  height: 1px;
  object-fit: cover;
}

.homepage .line-17 {
  position: absolute;
  top: 364px;
  left: calc(50% - 667px);
  width: 1309px;
  height: 1px;
  object-fit: cover;
}

.homepage .line-18 {
  position: absolute;
  top: 526px;
  left: calc(50% - 667px);
  width: 1309px;
  height: 1px;
  object-fit: cover;
}

.homepage .group-24 {
  position: absolute;
  top: 53px;
  left: 300px;
  width: 339px;
  height: 649px;
}

.homepage .rectangle-9 {
  position: absolute;
  top: 0;
  left: 0;
  width: 331px;
  height: 149px;
  background-color: #fdf1ef;
}

.homepage .rectangle-10 {
  position: absolute;
  top: 150px;
  left: 0;
  width: 331px;
  height: 161px;
  background-color: #fdf1ef;
}

.homepage .rectangle-11 {
  position: absolute;
  top: 312px;
  left: 0;
  width: 331px;
  height: 161px;
  background-color: #fdf1ef;
}

.homepage .rectangle-12 {
  position: absolute;
  top: 474px;
  left: 0;
  width: 331px;
  height: 175px;
  background-color: #fdf1ef;
}

.homepage .text-wrapper-49 {
  position: absolute;
  top: 34px;
  left: calc(50% - 126px);
  width: 244px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 23.5px;
}

.homepage .text-wrapper-50 {
  position: absolute;
  top: 187px;
  left: calc(50% - 126px);
  width: 244px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 23.5px;
}

.homepage .text-wrapper-51 {
  position: absolute;
  top: 349px;
  left: calc(50% - 126px);
  width: 244px;
  font-weight: 500;
  font-family: "Plus Jakarta Sans", Helvetica;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 23.5px;
}

.homepage .text-wrapper-52 {
  position: absolute;
  top: 514px;
  left: calc(50% - 126px);
  width: 244px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 23.5px;
}

.homepage .rectangle-13 {
  position: absolute;
  top: 53px;
  left: 632px;
  width: 340px;
  height: 149px;
  background-color: #fff8ea;
}

.homepage .rectangle-14 {
  position: absolute;
  top: 203px;
  left: 632px;
  width: 340px;
  height: 161px;
  background-color: #fff8ea;
}

.homepage .rectangle-15 {
  position: absolute;
  top: 365px;
  left: 632px;
  width: 340px;
  height: 161px;
  background-color: #fff8ea;
}

.homepage .rectangle-16 {
  position: absolute;
  top: 527px;
  left: 632px;
  width: 340px;
  height: 175px;
  background-color: #fff8ea;
}

.homepage .text-wrapper-53 {
  position: absolute;
  top: 87px;
  left: calc(50% + 8px);
  width: 253px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 23.5px;
}

.homepage .text-wrapper-54 {
  position: absolute;
  top: 240px;
  left: calc(50% + 8px);
  width: 253px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 23.5px;
}

.homepage .text-wrapper-55 {
  position: absolute;
  top: 402px;
  left: calc(50% + 8px);
  width: 253px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 23.5px;
}

.homepage .text-wrapper-56 {
  position: absolute;
  top: 567px;
  left: calc(50% + 8px);
  width: 265px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 23.5px;
}

.homepage .rectangle-17 {
  position: absolute;
  top: 53px;
  left: 973px;
  width: 336px;
  height: 149px;
  background-color: #eefaf1;
}

.homepage .rectangle-18 {
  position: absolute;
  top: 203px;
  left: 973px;
  width: 336px;
  height: 161px;
  background-color: #eefaf1;
}

.homepage .rectangle-19 {
  position: absolute;
  top: 365px;
  left: 973px;
  width: 336px;
  height: 161px;
  background-color: #eefaf1;
}

.homepage .rectangle-20 {
  position: absolute;
  top: 527px;
  left: 973px;
  width: 336px;
  height: 175px;
  background-color: #eefaf1;
}

.homepage .text-wrapper-57 {
  position: absolute;
  top: 87px;
  left: calc(50% + 351px);
  width: 245px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 23.5px;
}

.homepage .text-wrapper-58 {
  position: absolute;
  top: 240px;
  left: calc(50% + 351px);
  width: 254px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 23.5px;
}

.homepage .text-wrapper-59 {
  position: absolute;
  top: 402px;
  left: calc(50% + 351px);
  width: 238px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 23.5px;
}

.homepage .text-wrapper-60 {
  position: absolute;
  top: 562px;
  left: calc(50% + 351px);
  width: 266px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 23.5px;
}

.homepage .text-wrapper-61 {
  position: absolute;
  top: 10px;
  left: 123px;
  font-family: "Outfit", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 29.3px;
  white-space: nowrap;
}

.homepage .frame-90 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 68px;
  padding: 68px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-image: url(https://c.animaapp.com/IXtMw8o3/img/frame-286.png);
  background-size: cover;
  background-position: 50% 50%;
}

.homepage .text-wrapper-62 {
  position: relative;
  width: 1044px;
  margin-top: -1px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: 38.4px;
}

.homepage .ras {
  position: relative;
  align-self: stretch;
  width: 100%;
  aspect-ratio: 1.72;
}

.homepage .FAQ {
  display: flex;
  flex-direction: column;
  height: 535px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 64px 48px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: var(--backgroundbg-secondary);
}

.homepage .content {
  display: flex;
  width: 1180px;
  align-items: flex-start;
  gap: 20px;
  position: relative;
  flex: 0 0 auto;
}

.homepage .questions {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 0px 190px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.homepage .accordion {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.homepage .surface {
  align-items: flex-start;
  display: flex;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.homepage .list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.homepage .div-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.homepage .divider {
  display: flex;
  flex-direction: column;
  height: 3px;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0px 0px 1.5px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.homepage .divider-wrapper {
  display: flex;
  flex-direction: column;
  width: 800px;
  align-items: flex-start;
  gap: 10px;
  padding: 1.5px 0px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -1.5px;
  background-color: var(--dividerprimary);
}

.homepage .divider-2 {
  position: relative;
  width: 800px;
  height: 1px;
  margin-bottom: -1px;
}

.homepage .header {
  padding: 16px 0px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  position: relative;
}

.homepage .title {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.homepage .block-title {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
  margin-top: -1px;
  font-family: "Outfit", Helvetica;
  font-weight: 600;
  color: var(--texttxt-primary);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 21.6px;
}

.homepage .xmark {
  display: flex;
  width: 24px;
  align-items: flex-start;
  gap: 10px;
  position: relative;
}

.homepage .img-2 {
  position: relative;
  width: 24px;
  height: 24px;
}

.homepage .divider-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.homepage .divider-4 {
  display: flex;
  flex-direction: column;
  width: 800px;
  align-items: flex-start;
  gap: 10px;
  padding: 1.5px 0px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--dividerprimary);
}

.homepage .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 24px 32px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.homepage .block-text {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 400;
  color: var(--texttxt-secondary);
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22.4px;
}

.homepage .divider-5 {
  display: flex;
  flex-direction: column;
  height: 3px;
  align-items: flex-start;
  padding: 1.5px 0px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.homepage .divider-6 {
  display: flex;
  flex-direction: column;
  width: 800px;
  align-items: flex-start;
  gap: 10px;
  padding: 1.5px 0px;
  position: relative;
  flex: 0 0 auto;
  margin-bottom: -1.5px;
  background-color: var(--dividerprimary);
}

.homepage .header-wrapper {
  align-items: center;
  gap: 16px;
  padding: 16px 0px;
  display: flex;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.homepage .header-2 {
  flex: 1;
  flex-grow: 1;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  position: relative;
}

.homepage .block-title-wrapper {
  display: flex;
  align-items: flex-start;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.homepage .block-title-2 {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
  margin-top: -1px;
  font-family: var(--text-2-strong-font-family);
  font-weight: var(--text-2-strong-font-weight);
  color: var(--texttxt-primary);
  font-size: var(--text-2-strong-font-size);
  letter-spacing: var(--text-2-strong-letter-spacing);
  line-height: var(--text-2-strong-line-height);
  font-style: var(--text-2-strong-font-style);
}

.homepage .i-math-plus-wrapper {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: flex-start;
  gap: 10px;
  position: relative;
}

.homepage .frame-91 {
  display: flex;
  flex-direction: column;
  height: 700px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0px 29px 10px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #fdfdfd;
}

.homepage .footer-wrapper {
  position: relative;
  width: 1382px;
  height: 676px;
}

.homepage .footer {
  display: flex;
  flex-direction: column;
  width: 1382px;
  align-items: flex-start;
  gap: 64px;
  padding: 64px 80px;
  position: relative;
  left: calc(50% - 691px);
  background-color: var(--neutral-50);
}

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

.homepage .subscribe-newsletter {
  display: flex;
  flex-direction: column;
  width: 1280px;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
  margin-right: -58px;
}

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

.homepage .text-wrapper-63 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Outfit", Helvetica;
  font-weight: 500;
  color: var(--text-900);
  font-size: 20px;
  text-align: center;
  letter-spacing: -0.2px;
  line-height: 28px;
}

.homepage .text-wrapper-64 {
  position: relative;
  align-self: stretch;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 500;
  color: var(--text-400);
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24px;
}

.homepage .actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.homepage .text-input-field-box {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.homepage .input-field {
  display: flex;
  width: 320px;
  align-items: center;
  gap: 16px;
  padding: 12px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 8px;
  border: 1px solid;
  border-color: var(--neutral-300);
}

.homepage .lead-icon-text {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.homepage .cursor-text {
  display: flex;
  align-items: center;
  gap: 2px;
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
}

.homepage .type-something-here {
  position: relative;
  flex: 1;
  margin-top: -1px;
  font-family: var(--body-paragraph-s-regular-font-family);
  font-weight: var(--body-paragraph-s-regular-font-weight);
  color: var(--text-300);
  font-size: var(--body-paragraph-s-regular-font-size);
  letter-spacing: var(--body-paragraph-s-regular-letter-spacing);
  line-height: var(--body-paragraph-s-regular-line-height);
  font-style: var(--body-paragraph-s-regular-font-style);
  background: transparent;
  border: none;
  padding: 0;
}

.homepage .button {
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 20px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--primitives-background-brown);
  border-radius: 8px;
}

.homepage .text-here {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--body-paragraph-s-regular-font-family);
  font-weight: var(--body-paragraph-s-regular-font-weight);
  color: var(--text-50);
  font-size: var(--body-paragraph-s-regular-font-size);
  letter-spacing: var(--body-paragraph-s-regular-letter-spacing);
  line-height: var(--body-paragraph-s-regular-line-height);
  white-space: nowrap;
  font-style: var(--body-paragraph-s-regular-font-style);
}

.homepage .logo-links {
  width: 1280px;
  gap: 160px;
  flex: 0 0 auto;
  margin-right: -58px;
  display: flex;
  align-items: flex-start;
  position: relative;
}

.homepage .logo-socials {
  flex-direction: column;
  width: 144px;
  gap: 24px;
  display: flex;
  align-items: flex-start;
  position: relative;
}

.homepage .screenshot-2 {
  position: relative;
  align-self: stretch;
  width: 100%;
  aspect-ratio: 1.92;
  object-fit: cover;
}

.homepage .social-icons {
  display: inline-flex;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.homepage .sections {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
}

.homepage .section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.homepage .text-wrapper-65 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 500;
  color: var(--text-900);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
}

.homepage .footer-link {
  display: inline-flex;
  height: 24px;
  align-items: center;
  gap: 8px;
  position: relative;
  border-radius: 4px;
}

.homepage .page-here {
  position: relative;
  width: fit-content;
  font-family: "Plus Jakarta Sans", Helvetica;
  font-weight: 400;
  color: var(--text-400);
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  white-space: nowrap;
}

.homepage .footer-link-2 {
  height: 24px;
  margin-right: -39.4px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
  border-radius: 4px;
}

.homepage .copyright-bottom {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.homepage .bottom-links {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.homepage .frame-93 {
  position: relative;
  width: 4px;
  height: 4px;
  background-color: var(--text-400);
  border-radius: 16px;
}

.homepage .footer-link-3 {
  height: 16px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
  border-radius: 4px;
}

.homepage .page-here-2 {
  position: relative;
  width: fit-content;
  font-family: var(--body-caption-s-regular-font-family);
  font-weight: var(--body-caption-s-regular-font-weight);
  color: var(--text-400);
  font-size: var(--body-caption-s-regular-font-size);
  letter-spacing: var(--body-caption-s-regular-letter-spacing);
  line-height: var(--body-caption-s-regular-line-height);
  white-space: nowrap;
  font-style: var(--body-caption-s-regular-font-style);
}

.homepage .copyright-text {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 32px;
  position: relative;
  flex: 0 0 auto;
}

.homepage .text-wrapper-66 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--body-caption-s-regular-font-family);
  font-weight: var(--body-caption-s-regular-font-weight);
  color: var(--text-300);
  font-size: var(--body-caption-s-regular-font-size);
  letter-spacing: var(--body-caption-s-regular-letter-spacing);
  line-height: var(--body-caption-s-regular-line-height);
  white-space: nowrap;
  font-style: var(--body-caption-s-regular-font-style);
}