.homepage-saas {
  background-color: var(--white);
  overflow: hidden;
  width: 100%;
  min-width: 1440px;
  min-height: 8354px;
  position: relative;
}

.homepage-saas .rectangle {
  top: -1px;
  height: 676px;
  position: absolute;
  left: -1px;
  width: 1442px;
  background-color: var(--ros-bg);
}

.homepage-saas .element-image-square {
  position: absolute;
  top: 31px;
  left: 50px;
  width: 132px;
  height: 45px;
}

.homepage-saas .text-wrapper {
  top: 42px;
  left: 423px;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 22px;
  white-space: nowrap;
}

.homepage-saas .div {
  position: absolute;
  top: 42px;
  left: 1212px;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--pink-stroke-cta-image);
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 22px;
  white-space: nowrap;
}

.homepage-saas .text-wrapper-2 {
  position: absolute;
  top: 42px;
  left: 1330px;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--pink-stroke-cta-image);
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 22px;
  white-space: nowrap;
}

.homepage-saas .headline-with-value {
  position: absolute;
  top: 139px;
  left: 238px;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 50px;
  letter-spacing: -0.83px;
  line-height: 60px;
}

.homepage-saas .the-following-tips-o {
  position: absolute;
  top: 277px;
  left: 238px;
  width: 444px;
  height: 79px;
  display: flex;
  align-items: center;
}

.homepage-saas .p {
  height: 79px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 24px;
  letter-spacing: 0;
  line-height: 32px;
}

.homepage-saas .element-button-prime {
  position: absolute;
  top: 372px;
  left: 238px;
  width: 220px;
  height: 50px;
  display: flex;
}

.homepage-saas .button-prime {
  flex: 1;
  width: 220px;
  position: relative;
  overflow: hidden;
}

.homepage-saas .placeholder {
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  background-color: var(--pink-stroke-cta-image);
  border-radius: 5px;
}

.homepage-saas .button-clipping {
  position: absolute;
  width: 100%;
  height: 46.00%;
  top: 28.00%;
  left: 0;
  display: flex;
  align-items: center;
}

.homepage-saas .button {
  height: 23px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 500;
  color: var(--white);
  font-size: 14px;
  text-align: center;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.homepage-saas .become-a-power-user {
  position: absolute;
  top: 1212px;
  left: 238px;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 40px;
  letter-spacing: 0;
  line-height: 50px;
}

.homepage-saas .the-following-tips-o-2 {
  top: 1176px;
  left: 239px;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.homepage-saas .group {
  position: absolute;
  top: 905px;
  left: 238px;
  width: 965px;
  height: 46px;
}

.homepage-saas .text-wrapper-3 {
  top: 42px;
  left: 547px;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 22px;
  white-space: nowrap;
}

.homepage-saas .text-wrapper-4 {
  top: 42px;
  left: 671px;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 22px;
  white-space: nowrap;
}

.homepage-saas .text-wrapper-5 {
  top: 43px;
  left: 795px;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 22px;
  white-space: nowrap;
}

.homepage-saas .text-wrapper-6 {
  top: 42px;
  left: 919px;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 22px;
  white-space: nowrap;
}

.homepage-saas .if-you-spend-a-good {
  position: absolute;
  top: 454px;
  left: 238px;
  font-weight: 400;
  line-height: 28px;
  white-space: nowrap;
  font-family: "Lato", Helvetica;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
}

.homepage-saas .group-2 {
  position: absolute;
  top: 496px;
  left: 238px;
  width: 24px;
  height: 24px;
  overflow: hidden;
}

.homepage-saas .ellipse {
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  background-color: var(--pink-stroke-cta-image);
  border-radius: 13px;
}

.homepage-saas .icon-awesome-check {
  position: absolute;
  width: calc(100% - 9px);
  top: calc(50.00% - 5px);
  left: 5px;
  height: 11px;
  object-fit: cover;
}

.homepage-saas .if-you-spend-a-good-2 {
  position: absolute;
  top: 493px;
  left: 272px;
  font-weight: 400;
  line-height: 28px;
  white-space: nowrap;
  font-family: "Lato", Helvetica;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
}

.homepage-saas .group-3 {
  position: absolute;
  top: 530px;
  left: 238px;
  width: 24px;
  height: 24px;
  overflow: hidden;
}

.homepage-saas .if-you-spend-a-good-3 {
  position: absolute;
  top: 527px;
  left: 272px;
  font-weight: 400;
  line-height: 28px;
  white-space: nowrap;
  font-family: "Lato", Helvetica;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
}

.homepage-saas .group-4 {
  position: absolute;
  top: 564px;
  left: 238px;
  width: 24px;
  height: 24px;
  overflow: hidden;
}

.homepage-saas .if-you-spend-a-good-4 {
  position: absolute;
  top: 561px;
  left: 272px;
  font-weight: 400;
  line-height: 28px;
  white-space: nowrap;
  font-family: "Lato", Helvetica;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
}

.homepage-saas .group-5 {
  position: absolute;
  top: 598px;
  left: 238px;
  width: 24px;
  height: 24px;
  overflow: hidden;
}

.homepage-saas .if-you-spend-a-good-5 {
  position: absolute;
  top: 595px;
  left: 272px;
  font-weight: 400;
  line-height: 28px;
  white-space: nowrap;
  font-family: "Lato", Helvetica;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
}

.homepage-saas .group-6 {
  position: absolute;
  top: 139px;
  left: 1205px;
  width: 185px;
  height: 165px;
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: #2124244c;
}

.homepage-saas .element-image-rounded {
  position: absolute;
  width: 41.62%;
  height: 46.67%;
  top: 12.12%;
  left: 29.19%;
}

.homepage-saas .this-products-simple {
  position: absolute;
  width: 63.78%;
  top: calc(50.00% + 42px);
  left: 17.84%;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 18px;
  white-space: nowrap;
}

.homepage-saas .text-wrapper-7 {
  position: absolute;
  width: 47.03%;
  top: calc(50.00% + 12px);
  left: 27.03%;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 32px;
  white-space: nowrap;
}

.homepage-saas .group-7 {
  position: absolute;
  top: 324px;
  left: 1205px;
  width: 185px;
  height: 165px;
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: #2124244c;
}

.homepage-saas .group-8 {
  position: absolute;
  top: 509px;
  left: 1205px;
  width: 185px;
  height: 165px;
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: #2124244c;
}

.homepage-saas .group-9 {
  position: absolute;
  top: 177px;
  left: 995px;
  width: 185px;
  height: 165px;
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: #2124244c;
}

.homepage-saas .group-10 {
  position: absolute;
  top: 362px;
  left: 995px;
  width: 185px;
  height: 165px;
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: #2124244c;
}

.homepage-saas .group-11 {
  position: absolute;
  top: 547px;
  left: 995px;
  width: 185px;
  height: 165px;
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: #2124244c;
}

.homepage-saas .group-12 {
  position: absolute;
  top: 214px;
  left: 785px;
  width: 185px;
  height: 165px;
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: #2124244c;
}

.homepage-saas .group-13 {
  position: absolute;
  top: 399px;
  left: 785px;
  width: 185px;
  height: 165px;
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: #2124244c;
}

.homepage-saas .group-14 {
  position: absolute;
  top: 584px;
  left: 785px;
  width: 185px;
  height: 165px;
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: #2124244c;
}

.homepage-saas .become-a-power-user-2 {
  top: 802px;
  left: 536px;
  font-size: 30px;
  line-height: 40px;
  white-space: nowrap;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  letter-spacing: 0;
}

.homepage-saas .if-you-spend-a-good-6 {
  position: absolute;
  top: 849px;
  left: 359px;
  font-weight: 400;
  text-align: center;
  line-height: 28px;
  white-space: nowrap;
  font-family: "Lato", Helvetica;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
}

.homepage-saas .img {
  position: absolute;
  top: 1055px;
  left: 238px;
  width: 965px;
  height: 46px;
}

.homepage-saas .group-15 {
  position: absolute;
  top: 985px;
  left: 575px;
  width: 133px;
  height: 38px;
}

.homepage-saas .group-16 {
  position: absolute;
  top: 982px;
  left: 753px;
  width: 141px;
  height: 46px;
}

.homepage-saas .group-17 {
  position: absolute;
  top: 985px;
  left: 939px;
  width: 144px;
  height: 39px;
}

.homepage-saas .group-18 {
  position: absolute;
  top: 984px;
  left: 357px;
  width: 176px;
  height: 38px;
}

.homepage-saas .group-19 {
  position: absolute;
  top: 1351px;
  left: 457px;
  width: 746px;
  height: 283px;
}

.homepage-saas .group-20 {
  position: absolute;
  top: 0;
  left: 0;
  width: 317px;
  height: 126px;
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: #2124244c;
}

.homepage-saas .group-21 {
  position: absolute;
  width: 11.99%;
  height: 30.16%;
  top: 18.25%;
  left: 7.26%;
  overflow: hidden;
}

.homepage-saas .ellipse-2 {
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  background-color: var(--pink-stroke-cta-image);
  border-radius: 20px;
}

.homepage-saas .icon-awesome-times {
  position: absolute;
  width: 44.64%;
  height: 44.64%;
  top: 27.68%;
  left: 27.68%;
}

.homepage-saas .if-you-spend-a-good-wrapper {
  position: absolute;
  width: 70.35%;
  height: 69.05%;
  top: 15.08%;
  left: 25.55%;
  display: flex;
  align-items: center;
}

.homepage-saas .text-wrapper-8 {
  height: 87px;
  flex: 1;
  font-weight: 400;
  line-height: 28px;
  font-family: "Lato", Helvetica;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
}

.homepage-saas .group-22 {
  position: absolute;
  top: 0;
  left: 347px;
  width: 317px;
  height: 126px;
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: #2124244c;
}

.homepage-saas .group-23 {
  position: absolute;
  top: 157px;
  left: 82px;
  width: 317px;
  height: 126px;
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: #2124244c;
}

.homepage-saas .group-24 {
  position: absolute;
  top: 157px;
  left: 429px;
  width: 317px;
  height: 126px;
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: #2124244c;
}

.homepage-saas .become-a-power-user-3 {
  top: 1759px;
  left: 457px;
  font-size: 40px;
  line-height: 50px;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  letter-spacing: 0;
}

.homepage-saas .the-following-tips-o-3 {
  top: 1723px;
  left: 458px;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.homepage-saas .group-25 {
  position: absolute;
  top: 1898px;
  left: 238px;
  width: 747px;
  height: 283px;
}

.homepage-saas .group-26 {
  position: absolute;
  top: 0;
  left: 83px;
  width: 317px;
  height: 126px;
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: #2124244c;
}

.homepage-saas .icon-awesome-check-2 {
  position: absolute;
  width: calc(100% - 13px);
  top: calc(50.00% - 8px);
  left: 7px;
  height: 18px;
  object-fit: cover;
}

.homepage-saas .group-27 {
  position: absolute;
  top: 0;
  left: 430px;
  width: 317px;
  height: 126px;
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: #2124244c;
}

.homepage-saas .group-28 {
  position: absolute;
  top: 157px;
  left: 0;
  width: 317px;
  height: 126px;
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: #2124244c;
}

.homepage-saas .group-29 {
  position: absolute;
  top: 157px;
  left: 347px;
  width: 317px;
  height: 126px;
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: #2124244c;
}

.homepage-saas .become-a-power-user-4 {
  top: 2306px;
  left: 238px;
  font-size: 40px;
  line-height: 50px;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  letter-spacing: 0;
}

.homepage-saas .the-following-tips-o-4 {
  top: 2270px;
  left: 239px;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.homepage-saas .div-wrapper {
  top: 2422px;
  left: 238px;
  width: 688px;
  position: absolute;
  height: 65px;
  display: flex;
  align-items: center;
}

.homepage-saas .if-you-spend-a-good-7 {
  height: 65px;
  flex: 1;
  font-weight: 400;
  line-height: 28px;
  font-family: "Lato", Helvetica;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
}

.homepage-saas .element-button {
  position: absolute;
  top: 2543px;
  left: 455px;
  width: 219px;
  height: 50px;
  display: flex;
}

.homepage-saas .button-secondary {
  flex: 1;
  width: 219px;
  overflow: hidden;
  border: 2px solid;
  border-color: var(--black-text-icon);
}

.homepage-saas .button-wrapper {
  position: relative;
  width: 100%;
  height: 46.00%;
  top: 28.00%;
  display: flex;
  align-items: center;
}

.homepage-saas .button-2 {
  height: 23px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 500;
  color: var(--black-text-icon);
  font-size: 14px;
  text-align: center;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.homepage-saas .button-secondary-wrapper {
  top: 2543px;
  left: 672px;
  position: absolute;
  width: 219px;
  height: 50px;
  display: flex;
}

.homepage-saas .element-button-2 {
  top: 2543px;
  left: 238px;
  position: absolute;
  width: 219px;
  height: 50px;
  display: flex;
}

.homepage-saas .button-clipping-wrapper {
  background-color: var(--ros-bg);
  overflow: hidden;
  border: 2px solid;
  border-color: var(--pink-stroke-cta-image);
  flex: 1;
  width: 219px;
}

.homepage-saas .button-3 {
  height: 23px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 500;
  color: var(--pink-stroke-cta-image);
  font-size: 14px;
  text-align: center;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.homepage-saas .repeat-grid {
  position: absolute;
  top: 2613px;
  left: 237px;
  width: 966px;
  height: 163px;
}

.homepage-saas .button-prime-wrapper {
  top: 2796px;
  left: 238px;
  width: 220px;
  position: absolute;
  height: 50px;
  display: flex;
}

.homepage-saas .element-arrow-bubble {
  position: absolute;
  top: 2543px;
  left: 1083px;
  width: 50px;
  height: 50px;
}

.homepage-saas .element-arrow-bubble-2 {
  top: 2543px;
  left: 1153px;
  position: absolute;
  width: 50px;
  height: 50px;
}

.homepage-saas .group-30 {
  position: absolute;
  top: 2919px;
  left: 238px;
  width: 482px;
  height: 256px;
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: #2124244c;
}

.homepage-saas .image {
  width: calc(100% - 419px);
  height: calc(100% - 193px);
  top: 167px;
  left: 22px;
  background-color: var(--ros-bg);
  border-radius: 31.5px;
  overflow: hidden;
  border-color: var(--pink-stroke-cta-image);
  position: absolute;
  border: 2px solid;
}

.homepage-saas .mountains {
  position: absolute;
  width: 42.85%;
  height: 31.64%;
  top: 34.15%;
  left: 28.99%;
}

.homepage-saas .upwork-wrapper {
  width: 27.59%;
  height: 13.41%;
  top: 78.87%;
  left: 20.75%;
  position: absolute;
  display: flex;
  align-items: center;
}

.homepage-saas .upwork {
  margin-top: -10.3px;
  height: 24px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 500;
  color: var(--black-text-icon);
  font-size: 14px;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.homepage-saas .group-31 {
  position: absolute;
  top: calc(50.00% - 100px);
  left: calc(50.00% - 219px);
  width: 85px;
  height: 15px;
}

.homepage-saas .any-amount-of-money {
  width: 85.89%;
  height: 33.98%;
  top: 23.44%;
  left: 4.56%;
  position: absolute;
  display: flex;
  align-items: center;
}

.homepage-saas .text-wrapper-9 {
  width: 35.68%;
  top: calc(50.00% + 45px);
  left: 20.54%;
  font-size: 22px;
  line-height: 32px;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  text-align: center;
  letter-spacing: 0;
  white-space: nowrap;
}

.homepage-saas .group-32 {
  position: absolute;
  height: calc(100% - 218px);
  top: 183px;
  left: 320px;
  width: 133px;
}

.homepage-saas .arrow-blue {
  position: absolute;
  top: calc(50.00% - 98px);
  left: calc(50.00% + 169px);
  width: 23px;
  height: 11px;
  display: flex;
  transform: rotate(90deg);
}

.homepage-saas .arrow-small {
  flex: 1;
  width: 22.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.homepage-saas .arrow {
  margin-top: 0;
  height: 22.5px;
  margin-left: 0;
  width: 11.25px;
  transform: rotate(-90deg);
}

.homepage-saas .arrow-small-wrapper {
  position: absolute;
  top: calc(50.00% - 98px);
  left: calc(50.00% + 201px);
  width: 23px;
  height: 11px;
  display: flex;
  transform: rotate(90deg);
}

.homepage-saas .arrow-2 {
  margin-top: 0;
  height: 22.5px;
  width: 11.25px;
  transform: rotate(-90deg);
}

.homepage-saas .become-a-power-user-5 {
  top: 3266px;
  left: 389px;
  font-size: 40px;
  text-align: center;
  line-height: 50px;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  letter-spacing: 0;
}

.homepage-saas .if-you-spend-a-good-8 {
  top: 3382px;
  left: 361px;
  width: 688px;
  position: absolute;
  height: 65px;
  display: flex;
  align-items: center;
}

.homepage-saas .if-you-spend-a-good-9 {
  height: 65px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28px;
}

.homepage-saas .if-you-spend-a-good-10 {
  position: absolute;
  top: 3498px;
  left: 265px;
  font-weight: 800;
  line-height: 22px;
  white-space: nowrap;
  font-family: "Lato", Helvetica;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
}

.homepage-saas .if-you-spend-a-good-11 {
  top: 3530px;
  left: 265px;
  width: 286px;
  position: absolute;
  height: 65px;
  display: flex;
  align-items: center;
}

.homepage-saas .if-you-spend-a-good-12 {
  height: 65px;
  flex: 1;
  font-weight: 400;
  line-height: 22px;
  font-family: "Lato", Helvetica;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
}

.homepage-saas .placeholder-2 {
  position: absolute;
  top: 3593px;
  left: 237px;
  width: 416px;
  height: 110px;
  background-color: var(--ros-bg);
  border-radius: 5px;
}

.homepage-saas .element-image-square-2 {
  position: absolute;
  top: 3498px;
  left: 806px;
  width: 397px;
  height: 302px;
}

.homepage-saas .element-image-square-3 {
  position: absolute;
  top: 3697px;
  left: 720px;
  width: 359px;
  height: 189px;
}

.homepage-saas .if-you-spend-a-good-13 {
  position: absolute;
  top: 3605px;
  left: 265px;
  font-weight: 800;
  line-height: 22px;
  white-space: nowrap;
  font-family: "Lato", Helvetica;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
}

.homepage-saas .if-you-spend-a-good-14 {
  top: 3637px;
  left: 265px;
  width: 286px;
  position: absolute;
  height: 65px;
  display: flex;
  align-items: center;
}

.homepage-saas .if-you-spend-a-good-15 {
  position: absolute;
  top: 3719px;
  left: 265px;
  font-weight: 800;
  line-height: 22px;
  white-space: nowrap;
  font-family: "Lato", Helvetica;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
}

.homepage-saas .if-you-spend-a-good-16 {
  top: 3751px;
  left: 265px;
  width: 286px;
  position: absolute;
  height: 65px;
  display: flex;
  align-items: center;
}

.homepage-saas .if-you-spend-a-good-17 {
  position: absolute;
  top: 3821px;
  left: 265px;
  font-weight: 800;
  line-height: 22px;
  white-space: nowrap;
  font-family: "Lato", Helvetica;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
}

.homepage-saas .if-you-spend-a-good-18 {
  top: 3853px;
  left: 265px;
  width: 286px;
  position: absolute;
  height: 65px;
  display: flex;
  align-items: center;
}

.homepage-saas .rectangle-2 {
  top: 3990px;
  height: 1162px;
  position: absolute;
  left: -1px;
  width: 1442px;
  background-color: var(--ros-bg);
}

.homepage-saas .become-a-power-user-6 {
  top: 4090px;
  left: 335px;
  font-size: 40px;
  text-align: center;
  line-height: 50px;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  letter-spacing: 0;
}

.homepage-saas .if-you-spend-a-good-19 {
  top: 4206px;
  left: 361px;
  width: 688px;
  position: absolute;
  height: 65px;
  display: flex;
  align-items: center;
}

.homepage-saas .the-following-tips-o-5 {
  top: 4046px;
  left: 633px;
  text-align: center;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.homepage-saas .element-button-3 {
  top: 4294px;
  left: 502px;
  position: absolute;
  width: 219px;
  height: 50px;
  display: flex;
}

.homepage-saas .button-secondary-2 {
  background-color: var(--pink-stroke-cta-image);
  flex: 1;
  width: 219px;
  border-color: var(--pink-stroke-cta-image);
}

.homepage-saas .element-button-4 {
  top: 4294px;
  left: 719px;
  position: absolute;
  width: 219px;
  height: 50px;
  display: flex;
}

.homepage-saas .button-secondary-3 {
  overflow: hidden;
  border: 2px solid;
  border-color: var(--pink-stroke-cta-image);
  flex: 1;
  width: 219px;
}

.homepage-saas .group-33 {
  position: absolute;
  top: 4409px;
  left: 238px;
  width: 457px;
  height: 401px;
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: #2124244c;
}

.homepage-saas .mountains-wrapper {
  position: absolute;
  left: 22px;
  bottom: 26px;
  width: 63px;
  height: 63px;
  background-color: var(--ros-bg);
  border-radius: 31.5px;
  overflow: hidden;
  border: 2px solid;
  border-color: var(--pink-stroke-cta-image);
}

.homepage-saas .group-34 {
  position: absolute;
  left: calc(50.00% - 133px);
  bottom: 20px;
  width: 133px;
  height: 34px;
  display: flex;
  align-items: center;
}

.homepage-saas .any-amount-of-money-wrapper {
  position: absolute;
  width: 85.12%;
  height: 21.70%;
  top: 51.12%;
  left: 4.81%;
  display: flex;
  align-items: center;
}

.homepage-saas .text-wrapper-10 {
  width: 34.14%;
  top: calc(50.00% + 118px);
  left: 20.57%;
  font-size: 20px;
  line-height: 29px;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  text-align: center;
  letter-spacing: 0;
  white-space: nowrap;
}

.homepage-saas .any-amount-of-money-2 {
  width: 85.12%;
  height: 28.68%;
  top: 21.45%;
  left: 4.81%;
  position: absolute;
  display: flex;
  align-items: center;
}

.homepage-saas .any-amount-of-money-3 {
  height: 115px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
}

.homepage-saas .group-35 {
  position: absolute;
  width: 39.82%;
  height: 11.72%;
  top: 5.74%;
  left: 4.81%;
  overflow: hidden;
}

.homepage-saas .placeholder-3 {
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  background-color: var(--ros-bg);
  border-radius: 5px;
}

.homepage-saas .upwork-2 {
  position: absolute;
  width: 55.49%;
  top: calc(50.00% - 12px);
  left: 21.98%;
  color: var(--pink-stroke-cta-image);
  font-size: 14px;
  letter-spacing: 4.00px;
  line-height: 24px;
  font-family: "Lato", Helvetica;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
}

.homepage-saas .icon-awesome-arrow {
  position: absolute;
  width: 6.89%;
  height: 7.66%;
  top: 83.86%;
  left: 87.93%;
}

.homepage-saas .group-36 {
  position: absolute;
  top: 4409px;
  left: 746px;
  width: 457px;
  height: 401px;
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: #2124244c;
}

.homepage-saas .group-37 {
  left: calc(50.00% - 133px);
  bottom: 20px;
  width: 40px;
  height: 34px;
  position: absolute;
  display: flex;
  align-items: center;
}

.homepage-saas .david-hernandez {
  width: 23.85%;
  top: calc(50.00% + 118px);
  left: 20.79%;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 20px;
  letter-spacing: 0;
  line-height: 29px;
  white-space: nowrap;
}

.homepage-saas .group-38 {
  position: absolute;
  top: 4864px;
  left: 238px;
  width: 457px;
  height: 401px;
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: #2124244c;
}

.homepage-saas .david-hernandez-2 {
  width: 30.85%;
  top: calc(50.00% + 118px);
  left: 21.01%;
  text-align: center;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 20px;
  letter-spacing: 0;
  line-height: 29px;
  white-space: nowrap;
}

.homepage-saas .group-39 {
  position: absolute;
  top: 4864px;
  left: 746px;
  width: 457px;
  height: 401px;
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: #2124244c;
}

.homepage-saas .david-hernandez-3 {
  width: 29.10%;
  top: calc(50.00% + 118px);
  left: 20.79%;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 20px;
  letter-spacing: 0;
  line-height: 29px;
  white-space: nowrap;
}

.homepage-saas .become-a-power-user-7 {
  top: 5379px;
  left: 402px;
  font-size: 40px;
  text-align: center;
  line-height: 50px;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  letter-spacing: 0;
}

.homepage-saas .if-you-spend-a-good-20 {
  top: 5495px;
  left: 361px;
  width: 688px;
  position: absolute;
  height: 65px;
  display: flex;
  align-items: center;
}

.homepage-saas .the-following-tips-o-6 {
  top: 5335px;
  left: 645px;
  text-align: center;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.homepage-saas .group-40 {
  position: absolute;
  top: 5583px;
  left: 492px;
  width: 456px;
  height: 318px;
  overflow: hidden;
}

.homepage-saas .placeholder-4 {
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% - 228px);
  top: 103px;
  left: -1px;
  background-color: #ff1c801a;
  border-radius: 5px;
}

.homepage-saas .any-amount-of-money-4 {
  position: absolute;
  width: 22.59%;
  top: calc(50.00% - 39px);
  left: 14.91%;
  font-weight: 800;
  white-space: nowrap;
  font-family: "Lato", Helvetica;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
}

.homepage-saas .any-amount-of-money-5 {
  position: absolute;
  width: 31.14%;
  top: calc(50.00% - 11px);
  left: 14.91%;
  font-weight: 400;
  white-space: nowrap;
  font-family: "Lato", Helvetica;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
}

.homepage-saas .image-2 {
  left: 21px;
  bottom: 154px;
  width: 31px;
  height: 31px;
  background-color: var(--white);
  border-radius: 15.5px;
  border-color: var(--black-text-icon);
  position: absolute;
  border: 2px solid;
}

.homepage-saas .placeholder-5 {
  position: absolute;
  width: 100%;
  height: calc(100% - 230px);
  top: 0;
  left: 0;
  border-radius: 5px;
  border: 2px solid;
  border-color: var(--black-text-icon);
}

.homepage-saas .any-amount-of-money-6 {
  position: absolute;
  width: 22.59%;
  top: calc(50.00% - 143px);
  left: 14.91%;
  font-weight: 800;
  white-space: nowrap;
  font-family: "Lato", Helvetica;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
}

.homepage-saas .any-amount-of-money-7 {
  position: absolute;
  width: 34.43%;
  top: calc(50.00% - 115px);
  left: 14.91%;
  font-weight: 400;
  white-space: nowrap;
  font-family: "Lato", Helvetica;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
}

.homepage-saas .image-3 {
  left: 21px;
  bottom: 258px;
  width: 31px;
  height: 31px;
  background-color: var(--white);
  border-radius: 15.5px;
  border-color: var(--black-text-icon);
  position: absolute;
  border: 2px solid;
}

.homepage-saas .group-41 {
  position: absolute;
  width: 28.01%;
  height: 11.12%;
  top: 41.54%;
  left: 68.42%;
}

.homepage-saas .placeholder-6 {
  position: absolute;
  width: 100%;
  height: calc(100% - 2px);
  top: 0;
  left: 0;
  object-fit: cover;
}

.homepage-saas .upwork-3 {
  position: absolute;
  width: 62.64%;
  top: calc(50.00% - 9px);
  left: 18.79%;
  color: var(--white);
  font-size: 12px;
  letter-spacing: 3.43px;
  line-height: 15px;
  font-family: "Lato", Helvetica;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
}

.homepage-saas .element-button-prime-2 {
  top: calc(50.00% + 49px);
  left: calc(50.00% - 228px);
  width: 456px;
  position: absolute;
  height: 50px;
  display: flex;
}

.homepage-saas .button-prime-2 {
  flex: 1;
  width: 456px;
  position: relative;
  overflow: hidden;
}

.homepage-saas .if-you-spend-a-good-21 {
  position: absolute;
  width: 80.48%;
  top: calc(50.00% + 116px);
  left: 10.09%;
  font-weight: 400;
  text-align: center;
  line-height: 28px;
  text-decoration: underline;
  white-space: nowrap;
  font-family: "Lato", Helvetica;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
}

.homepage-saas .group-42 {
  position: absolute;
  top: 6023px;
  left: 98px;
  width: 190px;
  height: 237px;
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: #2124244c;
}

.homepage-saas .img-wrapper {
  width: 33.16%;
  height: 26.58%;
  top: 10.55%;
  left: 31.58%;
  background-color: var(--ros-bg);
  border-radius: 31.5px;
  border-color: var(--pink-stroke-cta-image);
  position: absolute;
  border: 2px solid;
}

.homepage-saas .group-43 {
  position: absolute;
  width: 21.05%;
  height: 14.48%;
  top: 56.54%;
  left: 37.87%;
  display: flex;
  align-items: center;
}

.homepage-saas .upwork-4 {
  margin-top: -10.3px;
  height: 24px;
  margin-left: 5%;
  width: 37px;
  margin-right: 2.5%;
  flex: 1;
  color: var(--black-text-icon);
  font-size: 14px;
  letter-spacing: 4.00px;
  line-height: 24px;
  font-family: "Lato", Helvetica;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
}

.homepage-saas .david-hernandez-4 {
  position: absolute;
  width: 74.21%;
  top: calc(50.00% - 14px);
  left: 13.16%;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 29px;
  white-space: nowrap;
}

.homepage-saas .group-44 {
  position: absolute;
  width: 116px;
  height: 33px;
  top: 172px;
  left: 32px;
}

.homepage-saas .group-45 {
  left: 308px;
  position: absolute;
  top: 6023px;
  width: 190px;
  height: 237px;
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: #2124244c;
}

.homepage-saas .group-46 {
  position: absolute;
  width: 70.00%;
  height: 14.48%;
  top: 56.54%;
  left: 13.66%;
  display: flex;
  align-items: center;
}

.homepage-saas .upwork-5 {
  margin-top: -10.3px;
  height: 24px;
  margin-left: 0.75%;
  width: 130px;
  margin-right: 1.5%;
  flex: 1;
  color: var(--black-text-icon);
  font-size: 14px;
  letter-spacing: 4.00px;
  line-height: 24px;
  font-family: "Lato", Helvetica;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
}

.homepage-saas .david-hernandez-5 {
  width: 70.00%;
  top: calc(50.00% - 14px);
  left: 15.26%;
  text-align: center;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 20px;
  letter-spacing: 0;
  line-height: 29px;
  white-space: nowrap;
}

.homepage-saas .group-47 {
  position: absolute;
  width: 64.04%;
  height: 16.82%;
  top: 72.15%;
  left: 17.37%;
}

.homepage-saas .group-48 {
  left: 518px;
  position: absolute;
  top: 6023px;
  width: 190px;
  height: 237px;
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: #2124244c;
}

.homepage-saas .david-hernandez-6 {
  width: 57.37%;
  top: calc(50.00% - 14px);
  left: 21.58%;
  text-align: center;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 20px;
  letter-spacing: 0;
  line-height: 29px;
  white-space: nowrap;
}

.homepage-saas .group-49 {
  position: absolute;
  width: 65.05%;
  height: 14.05%;
  top: 73.42%;
  left: 17.26%;
}

.homepage-saas .group-50 {
  left: 728px;
  position: absolute;
  top: 6023px;
  width: 190px;
  height: 237px;
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: #2124244c;
}

.homepage-saas .text-wrapper-11 {
  width: 82.11%;
  top: calc(50.00% - 14px);
  left: 8.95%;
  font-size: 20px;
  line-height: 29px;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  text-align: center;
  letter-spacing: 0;
  white-space: nowrap;
}

.homepage-saas .group-51 {
  position: absolute;
  width: 74.21%;
  height: 12.20%;
  top: 74.68%;
  left: 12.63%;
}

.homepage-saas .group-52 {
  left: 938px;
  position: absolute;
  top: 6023px;
  width: 190px;
  height: 237px;
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: #2124244c;
}

.homepage-saas .group-53 {
  position: absolute;
  width: 80.42%;
  height: 14.05%;
  top: 73.42%;
  left: 9.72%;
}

.homepage-saas .group-54 {
  left: 1148px;
  position: absolute;
  top: 6023px;
  width: 190px;
  height: 237px;
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: #2124244c;
}

.homepage-saas .element-arrow-bubble-3 {
  top: 6117px;
  left: 25px;
  position: absolute;
  width: 50px;
  height: 50px;
}

.homepage-saas .element-arrow-bubble-4 {
  top: 6117px;
  left: 1365px;
  position: absolute;
  width: 50px;
  height: 50px;
}

.homepage-saas .the-following-tips-o-7 {
  top: 5971px;
  left: 482px;
  text-align: center;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.homepage-saas .low-cost-advertising {
  position: absolute;
  top: 6350px;
  left: 264px;
  width: 912px;
  height: 56px;
  display: flex;
  align-items: center;
}

.homepage-saas .low-cost-advertising-2 {
  height: 56px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 40px;
  text-align: center;
  letter-spacing: -0.67px;
  line-height: 50px;
  white-space: nowrap;
}

.homepage-saas .group-55 {
  position: absolute;
  top: 6446px;
  left: 357px;
  width: 727px;
  height: 133px;
}

.homepage-saas .hey-how-are-you-doi {
  position: absolute;
  width: 19.95%;
  top: calc(50.00% - 66px);
  left: 4.95%;
  white-space: nowrap;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 22px;
  letter-spacing: 0;
  line-height: 28px;
}

.homepage-saas .icon-awesome {
  height: 17.95%;
  top: 2.78%;
  position: absolute;
  width: 3.28%;
  left: 0;
}

.homepage-saas .the-purpose-of-all-l {
  width: 100%;
  height: 65.41%;
  top: 34.59%;
  left: 0;
  position: absolute;
  display: flex;
  align-items: center;
}

.homepage-saas .group-56 {
  position: absolute;
  top: 6608px;
  left: 357px;
  width: 727px;
  height: 161px;
}

.homepage-saas .hey-how-are-you-doi-2 {
  position: absolute;
  width: 20.77%;
  top: calc(50.00% - 80px);
  left: 4.95%;
  white-space: nowrap;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 22px;
  letter-spacing: 0;
  line-height: 28px;
}

.homepage-saas .icon-awesome-2 {
  height: 14.82%;
  top: 2.29%;
  position: absolute;
  width: 3.28%;
  left: 0;
}

.homepage-saas .the-purpose-of-all-l-wrapper {
  width: 100%;
  height: 71.43%;
  top: 28.57%;
  left: 0;
  position: absolute;
  display: flex;
  align-items: center;
}

.homepage-saas .the-purpose-of-all-l-2 {
  height: 115px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
}

.homepage-saas .group-57 {
  position: absolute;
  top: 6802px;
  left: 357px;
  width: 727px;
  height: 105px;
}

.homepage-saas .hey-how-are-you-doi-3 {
  position: absolute;
  width: 22.98%;
  top: calc(50.00% - 52px);
  left: 4.95%;
  white-space: nowrap;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 22px;
  letter-spacing: 0;
  line-height: 28px;
}

.homepage-saas .icon-awesome-3 {
  position: absolute;
  width: 3.28%;
  height: 22.73%;
  top: 3.52%;
  left: 0;
}

.homepage-saas .the-purpose-of-all-l-3 {
  position: absolute;
  width: 100%;
  height: 56.19%;
  top: 43.81%;
  left: 0;
  display: flex;
  align-items: center;
}

.homepage-saas .text-wrapper-12 {
  height: 59px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
}

.homepage-saas .group-58 {
  position: absolute;
  top: 6938px;
  left: 357px;
  width: 727px;
  height: 105px;
}

.homepage-saas .hey-how-are-you-doi-4 {
  position: absolute;
  width: 21.87%;
  top: calc(50.00% - 52px);
  left: 4.95%;
  white-space: nowrap;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 22px;
  letter-spacing: 0;
  line-height: 28px;
}

.homepage-saas .rectangle-3 {
  top: 7127px;
  height: 595px;
  position: absolute;
  left: -1px;
  width: 1442px;
  background-color: var(--ros-bg);
}

.homepage-saas .the-following-tips-o-8 {
  top: 7176px;
  left: 637px;
  text-align: center;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.homepage-saas .group-59 {
  position: absolute;
  top: 7239px;
  left: 238px;
  width: 128px;
  height: 30px;
}

.homepage-saas .upwork-6 {
  position: absolute;
  width: 56.06%;
  top: calc(50.00% - 7px);
  left: 21.80%;
  color: var(--white);
  font-size: 10px;
  letter-spacing: 2.86px;
  line-height: 13px;
  font-family: "Lato", Helvetica;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
}

.homepage-saas .hey-how-are-you-doi-wrapper {
  position: absolute;
  top: 7291px;
  left: 238px;
  width: 423px;
  height: 42px;
  display: flex;
  align-items: center;
}

.homepage-saas .hey-how-are-you-doi-5 {
  height: 42.01px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 22px;
  letter-spacing: 0;
  line-height: 28px;
}

.homepage-saas .the-purpose-of-all-l-4 {
  top: 7336px;
  left: 238px;
  width: 423px;
  height: 87px;
  position: absolute;
  display: flex;
  align-items: center;
}

.homepage-saas .group-60 {
  position: absolute;
  top: 7239px;
  left: 720px;
  width: 128px;
  height: 30px;
}

.homepage-saas .hey-how-are-you-doi-6 {
  left: 720px;
  position: absolute;
  top: 7291px;
  width: 183px;
  height: 57px;
  display: flex;
  align-items: center;
}

.homepage-saas .hey-how-are-you-doi-7 {
  height: 57.01px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 22px;
  letter-spacing: 0;
  line-height: 28px;
}

.homepage-saas .the-purpose-of-all-l-5 {
  top: 7357px;
  left: 812px;
  width: 126px;
  height: 143px;
  position: absolute;
  display: flex;
  align-items: center;
}

.homepage-saas .the-purpose-of-all-l-6 {
  height: 143px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
}

.homepage-saas .element-image-square-4 {
  position: absolute;
  top: 7360px;
  left: 720px;
  width: 73px;
  height: 71px;
}

.homepage-saas .group-61 {
  position: absolute;
  top: 7239px;
  left: 985px;
  width: 128px;
  height: 30px;
}

.homepage-saas .hey-how-are-you-doi-8 {
  left: 985px;
  position: absolute;
  top: 7291px;
  width: 183px;
  height: 57px;
  display: flex;
  align-items: center;
}

.homepage-saas .the-purpose-of-all-l-7 {
  top: 7357px;
  left: 1077px;
  width: 126px;
  height: 143px;
  position: absolute;
  display: flex;
  align-items: center;
}

.homepage-saas .element-image-square-5 {
  position: absolute;
  top: 7360px;
  left: 985px;
  width: 73px;
  height: 71px;
}

.homepage-saas .placeholder-7 {
  position: absolute;
  top: 7555px;
  left: 238px;
  width: 965px;
  height: 416px;
  background-color: var(--white);
  border-radius: 5px;
  border: 2px solid;
  border-color: #2124244c;
}

.homepage-saas .become-a-power-user-8 {
  top: 7649px;
  left: 406px;
  font-size: 40px;
  text-align: center;
  line-height: 50px;
  white-space: nowrap;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  letter-spacing: 0;
}

.homepage-saas .if-you-spend-a-good-22 {
  top: 7719px;
  left: 361px;
  width: 688px;
  position: absolute;
  height: 65px;
  display: flex;
  align-items: center;
}

.homepage-saas .the-following-tips-o-9 {
  top: 7605px;
  left: 620px;
  text-align: center;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.homepage-saas .element-button-prime-3 {
  top: 7811px;
  left: 492px;
  width: 456px;
  position: absolute;
  height: 50px;
  display: flex;
}

.homepage-saas .if-you-spend-a-good-23 {
  position: absolute;
  top: 7882px;
  left: 537px;
  font-weight: 400;
  text-align: center;
  line-height: 28px;
  text-decoration: underline;
  white-space: nowrap;
  font-family: "Lato", Helvetica;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
}

.homepage-saas .group-62 {
  position: absolute;
  top: 8038px;
  left: 865px;
  width: 139px;
  height: 217px;
}

.homepage-saas .technology-auto-insu {
  position: absolute;
  width: 96.40%;
  height: 82.03%;
  top: 17.97%;
  left: 0;
  display: flex;
  align-items: flex-start;
}

.homepage-saas .flexcontainer {
  width: 134px;
  height: 178px;
  display: flex;
  position: relative;
  margin-top: -1px;
  flex-direction: column;
  align-items: flex-start;
  gap: 9.5px;
}

.homepage-saas .text {
  position: relative;
  align-self: stretch;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
}

.homepage-saas .span {
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: #212424;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
}

.homepage-saas .text-wrapper-13 {
  position: absolute;
  width: 99.28%;
  top: calc(50.00% - 108px);
  left: 0;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 14px;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.homepage-saas .group-63 {
  position: absolute;
  top: 8038px;
  left: 688px;
  width: 139px;
  height: 214px;
}

.homepage-saas .home-f-a-q-blog-sup {
  position: absolute;
  width: 98.56%;
  height: 81.78%;
  top: 18.22%;
  left: 0;
  display: flex;
  align-items: flex-start;
}

.homepage-saas .flexcontainer-2 {
  width: 137px;
  height: 175px;
  display: flex;
  position: relative;
  margin-top: -1px;
  flex-direction: column;
  align-items: flex-start;
  gap: 9.5px;
}

.homepage-saas .company {
  position: absolute;
  width: 99.28%;
  top: calc(50.00% - 107px);
  left: 0;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 14px;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.homepage-saas .social {
  position: absolute;
  top: 8202px;
  left: 243px;
  width: 168px;
  height: 16px;
}

.homepage-saas .great-web-UI-kit-for {
  position: absolute;
  top: 8124px;
  left: 238px;
  width: 256px;
  height: 59px;
  display: flex;
  align-items: center;
}

.homepage-saas .image-4 {
  top: 8043px;
  left: 239px;
  width: 130px;
  height: 54px;
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border-color: var(--pink-stroke-cta-image);
  position: absolute;
  border: 2px solid;
}

.homepage-saas .mountains-2 {
  position: absolute;
  width: 20.20%;
  height: 36.15%;
  top: 31.74%;
  left: 39.83%;
}

.homepage-saas .group-64 {
  position: absolute;
  top: 8038px;
  left: 511px;
  width: 139px;
  height: 217px;
}

.homepage-saas .flexcontainer-wrapper {
  position: absolute;
  width: 98.56%;
  height: 82.03%;
  top: 17.97%;
  left: 0;
  display: flex;
  align-items: flex-start;
}

.homepage-saas .flexcontainer-3 {
  width: 137px;
  height: 178px;
  display: flex;
  position: relative;
  margin-top: -1px;
  flex-direction: column;
  align-items: flex-start;
  gap: 9.5px;
}

.homepage-saas .group-65 {
  position: absolute;
  top: 8038px;
  left: 1042px;
  width: 139px;
  height: 217px;
}

.homepage-saas .element-getcraftwork {
  position: absolute;
  top: 8300px;
  left: 238px;
  width: 683px;
  height: 20px;
  display: flex;
  align-items: center;
}

.homepage-saas .element-getcraftwork-2 {
  height: 20.5px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 500;
  color: var(--black-text-icon);
  font-size: 14px;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}
/* Original CSS code should be injected here */

/* Semantic HTML enhancements - Additional styles for improved structure */

.homepage-saas header {
  position: relative;
  z-index: 100;
}

.homepage-saas header nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 24px;
}

.homepage-saas header nav li {
  display: inline;
}

.homepage-saas header nav a {
  text-decoration: none;
  color: inherit;
}

.homepage-saas header nav a:hover,
.homepage-saas header nav a:focus {
  text-decoration: underline;
}

.homepage-saas .header-actions {
  display: flex;
  gap: 18px;
}

.homepage-saas .header-actions a {
  text-decoration: none;
  color: inherit;
}

.homepage-saas .hero-section,
.homepage-saas .benefits-section,
.homepage-saas .testimonials-grid,
.homepage-saas .outcome-section,
.homepage-saas .company-logos,
.homepage-saas .problem-section,
.homepage-saas .solution-section,
.homepage-saas .easy-section,
.homepage-saas .testimonial-featured,
.homepage-saas .value-proposition-section,
.homepage-saas .steps-section,
.homepage-saas .customer-stories-section,
.homepage-saas .pricing-section,
.homepage-saas .experts-section,
.homepage-saas .faq-section,
.homepage-saas .blog-section,
.homepage-saas .final-cta-section {
  position: relative;
}

.homepage-saas .benefits-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.homepage-saas .benefit-item {
  display: flex;
  align-items: center;
  gap: 10px;
}

.homepage-saas .category-buttons,
.homepage-saas .persona-buttons {
  display: flex;
  gap: 0;
}

.homepage-saas button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-family: inherit;
}

.homepage-saas button:hover {
  opacity: 0.8;
}

.homepage-saas button:focus {
  outline: 2px solid var(--pink-stroke-cta-image);
  outline-offset: 2px;
}

.homepage-saas a {
  color: inherit;
  text-decoration: none;
}

.homepage-saas a:hover {
  opacity: 0.9;
}

.homepage-saas a:focus {
  outline: 2px solid var(--pink-stroke-cta-image);
  outline-offset: 2px;
}

.homepage-saas .customer-stories-grid,
.homepage-saas .experts-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}

.homepage-saas footer {
  position: relative;
}

.homepage-saas footer nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.homepage-saas footer nav li {
  display: block;
}

.homepage-saas footer nav a {
  text-decoration: none;
  color: inherit;
}

.homepage-saas footer nav a:hover,
.homepage-saas footer nav a:focus {
  text-decoration: underline;
}

.homepage-saas blockquote {
  margin: 0;
  padding: 0;
}

.homepage-saas article {
  position: relative;
}

.homepage-saas h1,
.homepage-saas h2,
.homepage-saas h3 {
  margin: 0;
  padding: 0;
}

/* Accessibility improvements */
.homepage-saas [role="presentation"] {
  pointer-events: none;
}

.homepage-saas img[alt=""] {
  user-select: none;
}

/* Focus visible improvements */
.homepage-saas *:focus-visible {
  outline: 2px solid var(--pink-stroke-cta-image);
  outline-offset: 2px;
}

/* Button reset for semantic buttons */
.homepage-saas .button-secondary,
.homepage-saas .button-secondary-2,
.homepage-saas .button-secondary-3,
.homepage-saas .button-clipping-wrapper {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.homepage-saas .button-prime,
.homepage-saas .button-prime-2 {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

/* Ensure proper stacking context */
.homepage-saas section {
  position: relative;
  z-index: 1;
}

.homepage-saas header {
  z-index: 100;
}

.homepage-saas footer {
  z-index: 10;
}