@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 700 900;
  src: url('../fonts/Montserrat-Variable.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Poppins-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'SF Pro Text';
  /* 优先使用系统字体，减少大文件下载 */
  src:
    local('-apple-system'),
    local('BlinkMacSystemFont'),
    local('SF Pro Text'),
    local('Helvetica Neue'),
    url('../fonts/SF-Pro-Text-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SF Pro Text';
  src:
    local('-apple-system'),
    local('BlinkMacSystemFont'),
    local('SF Pro Text'),
    local('Helvetica Neue'),
    url('../fonts/SF-Pro-Text-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'PingFang SC';
  /* 优先使用系统自带的苹方字体 */
  src:
    local('PingFang SC'),
    local('Microsoft YaHei'),
    local('sans-serif'),
    url('../fonts/PingFangSC-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SF Pro';
  src:
    local('-apple-system'),
    local('BlinkMacSystemFont'),
    local('SF Pro'),
    url('../fonts/sf-pro.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* Generated Styles */

/* From src/common.module.scss */
.contont {
  display: flex;
  justify-content: center;
}

.btnActiveClick:active {
  transform: scale(0.9);
}

/* From src/index.module.scss */
* {
  box-sizing: border-box;
}

html {
  font-size: 1rem;
}

.frame {
  position: relative;
  width: 120rem;
  height: 316.0625rem;
  overflow: hidden;
}

.main {
  position: absolute;
  top: 0;
  left: 0;
  background: rgb(28 28 28);
  width: 120rem;
  height: 316.0625rem;
}

.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 120rem;
  height: 75rem;
  overflow: hidden;
}

.frame2118301237 {
  display: flex;
  position: absolute;
  top: 75rem;
  left: 0;
  align-items: flex-start;
  padding-top: 19.5rem;
  padding-bottom: 14.6875rem;
  width: 120rem;
  height: 68.75rem;
  overflow: hidden;
}

.ellipse3043 {
  margin-top: 4.125rem;
  margin-left: -6.6875rem;
  border-radius: 50%;
  background: rgb(53 31 60);
  width: 30.3125rem;
  height: 26.3125rem;
  filter: blur(14.4375rem);
}

.ellipse3044 {
  opacity: 0.84;
  margin-left: 21.5rem;
  border-radius: 50%;
  background: rgb(114 112 255 / 0.23);
  width: 39.75rem;
  height: 34.5625rem;
  filter: blur(14.4375rem);
}

.ellipse3045 {
  margin-left: 8.5625rem;
  border-radius: 50%;
  background: rgb(51 0 255 / 0.15);
  width: 39.75rem;
  height: 34.5625rem;
  filter: blur(14.4375rem);
}

.ellipse30452 {
  position: absolute;
  right: 0.125rem;
  bottom: 114.75rem;
  border-radius: 50%;
  background: rgb(61 116 255 / 0.23);
  width: 39.75rem;
  height: 34.5625rem;
  filter: blur(14.4375rem);
}

.ellipse3046 {
  position: absolute;
  right: 39.875rem;
  bottom: 114.5625rem;
  border-radius: 50%;
  background: rgb(89 52 255 / 0.28);
  width: 39.75rem;
  height: 34.5625rem;
  filter: blur(14.4375rem);
}

.main2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 120rem;
  height: 316.0625rem;
}

.group2118301166 {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  align-items: flex-start;
  padding: 6.25rem 20rem 7.5rem;
  width: 120rem;
  height: 30rem;
  background-image: url(../images/d190136064caf070617f7e1b4a33ee94.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.group2118301171 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.frame2118301168 {
  display: flex;
  align-items: center;
  align-self: stretch;
  justify-content: space-between;
  margin-right: 2.375rem;
  min-width: 15.125rem;
}

.carePal {
  flex-shrink: 0;
  line-height: 5rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgb(255 255 255);
  font-family: Montserrat;
  font-size: 2.5rem;
  font-weight: 700;
}

.group2118301167 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  margin-top: 1.25rem;
}

.aIDesignHome {
  line-height: 2.5rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgb(255 255 255);
  font-family: 'SF Pro Text';
  font-size: 1.5rem;
}

.aIDesignHome2 {
  margin: 1.25rem 0rem 0rem;
  line-height: 2.5rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgb(255 255 255);
  font-family: 'SF Pro Text';
  font-size: 1.5rem;
  transition: color 0.3s;
}

.aIDesignHome2.active {
  color: rgb(121 91 245) !important;
}

.group2118301169 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 17.4375rem;
}

.features {
  line-height: 5rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgb(255 255 255);
  font-family: Montserrat;
  font-size: 2.5rem;
  font-weight: 700;
}

.group2118301170 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 21.125rem;
}

.group2118301165 {
  display: flex;
  position: absolute;
  bottom: 29.9375rem;
  left: 0;
  flex-direction: column;
  align-items: flex-start;
  padding: 13.125rem 20.0625rem 13.125rem 20rem;
  width: 120rem;
  height: 68.75rem;
  overflow: hidden;
}

.privacyBuiltForPeace {
  margin: 0rem 0rem 0rem 12.0625rem;
  line-height: 5rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgb(255 255 255);
  font-family: Montserrat;
  font-size: 3.75rem;
  font-weight: 700;
}

.autoWrapper {
  display: flex;
  align-items: center;
  align-self: stretch;
  justify-content: space-between;
  margin-top: 9.375rem;
  padding-right: 0;
  padding-left: 0;
}

.a01 {
  line-height: 5rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgb(121 91 245);
  font-family: Montserrat;
  font-size: 4.375rem;
  font-weight: 700;
}

.offline {
  margin: 1.25rem 0rem 0rem;
  line-height: 5rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgb(255 255 255);
  font-family: Montserrat;
  font-size: 2.5rem;
  font-weight: 700;
}

.aIDesignHome3 {
  margin: 1.25rem 0rem 0rem;
  width: 20.9375rem;
  line-height: 3.125rem;
  letter-spacing: 0;
  color: rgb(255 255 255);
  font-family: 'SF Pro Text';
  font-size: 1.875rem;
}

.group2118301351 {
  display: flex;
  position: absolute;
  top: 79.1875rem;
  left: 20rem;
  align-items: center;
  justify-content: space-between;
  width: 80rem;
  height: 60.25rem;
}

.frame2118301238 {
  position: relative;
  width: 33.6875rem;
  height: 60.25rem;
}

.frame2 {
  position: absolute;
  top: 0;
  right: 2.125rem;
  width: 29.1875rem;
  height: 60.1875rem;
}

.frame2118301622 {
  display: flex;
  position: absolute;
  bottom: 0.5rem;
  left: 1.1875rem;
  align-items: flex-start;
  border-radius: 3.125rem;
  padding-right: 0.0625rem;
  padding-bottom: 0.5625rem;
  width: 26.8125rem;
  height: 58.5625rem;
  overflow: hidden;
}

.frame3 {
  position: relative;
  background: rgb(28 28 28);
  width: 26.8125rem;
  height: 58rem;
}

.frame4 {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  flex-direction: column;
  align-items: center;
  padding: 0.0625rem 0rem 0rem;
  width: 26.8125rem;
  height: 54rem;
}

.livePhotos {
  z-index: 10;
  position: absolute;
  bottom: 11.5rem;
  left: 50%;
  transform: translateX(-50%);
  line-height: 1.2;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgb(255 255 255);
  font-family: 'SF Pro';
  font-size: 2.125rem;
  font-weight: 800;
}

.autoWrapper2 {
  position: relative;
  width: 26.8125rem;
  height: 36.4375rem;
}

.frame2118301251 {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  align-items: flex-start;
  padding-right: 0;
  width: 26.8125rem;
  height: 36.4375rem;
  overflow: hidden;
}

.group2118301249 {
  display: flex;
  flex: 1;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: -0.0625rem;
  margin-left: 0;
  padding: 6.875rem 0.875rem 28.3125rem 2.0625rem;
  width: 26.8125rem;
  min-width: 26.8125rem;
  background-image: url(../images/55286a5868f9be34849de7a8d826837f.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.autoWrapper3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.swipeLeftTo {
  line-height: 1.5625rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgb(255 255 255);
  font-family: 'SF Pro';
  font-size: 1.3125rem;
  font-weight: 500;
}

.delete {
  margin: 0.625rem 0rem 0rem;
  line-height: 1.8125rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgb(255 102 36);
  font-family: 'SF Pro';
  font-size: 1.5rem;
  font-weight: 700;
}

.swipeRightTo {
  line-height: 1.4375rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgb(255 255 255);
  font-family: 'SF Pro';
  font-size: 1.1875rem;
  font-weight: 500;
}

.keep {
  margin: 0.75rem 0rem 0rem 3.75rem;
  line-height: 1.8125rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgb(23 220 135);
  font-family: 'SF Pro';
  font-size: 1.5rem;
  font-weight: 700;
}

.imgIntroSimilarPhoto {
  display: flex;
  position: absolute;
  bottom: -6.4375rem;
  left: 0;
  align-items: flex-start;
  padding: 16.625rem 14.3125rem 12rem 2.375rem;
  width: 26.8125rem;
  height: 35.125rem;
  background-image: url(../images/f84c0a807024be27b2b6be066ae50d56.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.rectangle34624499 {
  display: flex;
  flex: 1;
  align-items: center;
  border-radius: 1.0625rem 0rem 0rem 1.0625rem;
  padding: 2.5625rem 3.6875rem 2.5rem 2.0625rem;
  background-image: linear-gradient(270deg, rgb(255 102 36 / 0) 0%, rgb(229 81 76) 100%);
}

.delete2 {
  line-height: 1.4375rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgb(255 255 255);
  font-family: 'SF Pro';
  font-size: 1.4375rem;
  font-weight: 700;
  text-shadow: 0px 1px 1px rgb(0 0 0 / 0.25);
}

.frame5 {
  position: absolute;
  top: -0.0625rem;
  left: 0;
  width: 26.8125rem;
  height: 3.125rem;
}

.organizeAllLivePictu {
  opacity: 0.5;
  margin: 8.1875rem 0rem 0rem;
  width: 23.625rem;
  text-align: center;
  line-height: 1.5rem;
  letter-spacing: 0;
  color: rgb(255 255 255);
  font-family: 'SF Pro';
  font-size: 1.0625rem;
  font-weight: 500;
  text-transform: none;
}

.frame6 {
  display: flex;
  align-items: center;
  align-self: stretch;
  margin: 1.9375rem 2.375rem 0rem;
  padding: 1.0625rem 9.375rem 1.125rem 9.3125rem;
  background-image: url(../images/2d4723afe074107f5c7cf59fb886efb3.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.start {
  line-height: 2.125rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgb(255 255 255);
  font-family: 'SF Pro';
  font-size: 1.4375rem;
  font-weight: 700;
}

.group2118301387 {
  position: absolute;
  top: 24.4375rem;
  right: 2.375rem;
  width: 10.125rem;
  height: 6.5rem;
  rotate: -180deg;
}

.rectangle346244992 {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-radius: 1.0625rem 0rem 0rem 1.0625rem;
  width: 10.125rem;
  height: 6.5rem;
  background-image: linear-gradient(270deg, rgb(67 214 150 / 0) 0%, rgb(67 214 150 / 0.8) 100%);
}

.keep2 {
  position: absolute;
  top: 50%;
  left: 4.75rem;
  transform: translateY(-50%);
  width: 3.4375rem;
  line-height: 1.4375rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgb(255 255 255);
  font-family: 'SF Pro';
  font-size: 1.4375rem;
  font-weight: 700;
  rotate: 180deg;
  text-shadow: 0px 1px 1px rgb(0 0 0 / 0.25);
}

.heroVideoHwCwpjkj2Nm {
  position: absolute;
  top: 23.4rem;
  left: 0.2rem;
  height: 14rem;
  transform: scale(2.1);
  rotate: 90deg;
}

.frame21183012382 {
  position: absolute;
  top: 0;
  left: 0;
  width: 33.6875rem;
  height: 60.25rem;
}

.smartPhotos {
  line-height: 5rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgb(121 91 245);
  font-family: Montserrat;
  font-size: 3.75rem;
  font-weight: 700;
}

.cleanupOptimize {
  margin: 0.625rem 0rem 0rem;
  line-height: 5rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgb(255 255 255);
  font-family: Montserrat;
  font-size: 3.75rem;
  font-weight: 700;
}

.aIDesignHome4 {
  margin: 2.5rem 0rem 0rem;
  width: 41.125rem;
  line-height: 3.125rem;
  letter-spacing: 0;
  color: rgb(255 255 255);
  font-family: 'SF Pro Text';
  font-size: 1.875rem;
  text-transform: none;
}

.group2118301352 {
  display: flex;
  position: absolute;
  top: 9.1875rem;
  left: 20rem;
  align-items: center;
  justify-content: space-between;
  width: 80rem;
  height: 55.875rem;
}

.useYourPhone {
  line-height: 5rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgb(255 255 255);
  font-family: Montserrat;
  font-size: 3.75rem;
  font-weight: 700;
}

.forAnother10Years {
  margin: 0.625rem 0rem 0rem;
  line-height: 5rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgb(121 91 245);
  font-family: Montserrat;
  font-size: 3.75rem;
  font-weight: 700;
  &::first-letter {
    text-transform: lowercase;
  }
}

.aIDesignHome5 {
  margin: 2.5rem 0rem 0rem;
  width: 48.5625rem;
  line-height: 3.125rem;
  letter-spacing: 0;
  color: rgb(255 255 255);
  font-family: 'SF Pro Text';
  font-size: 1.875rem;
  text-transform: none;
}

.group2118301071 {
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: 3.125rem;
  margin-right: 26.25rem;
  padding: 1.625rem 2.75rem;
  background-image: url(../images/9315651dda88830413b6ea71f32e8453.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
}

.group2118301152 {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  width: 16.8125rem;
  min-width: 16.8125rem;
  height: 4.25rem;
}

.frame7 {
  position: relative;
  width: 3rem;
  height: 3rem;
  overflow: hidden;
}

.vector {
  position: absolute;
  top: 0;
  left: 0.25rem;
  width: 2.4375rem;
  height: 3rem;
}

.frame8 {
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  height: 3rem;
}

.dOwnloadonthe {
  line-height: 1.75rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgb(255 255 255);
  font-family: 'SF Pro Text';
  font-size: 1.25rem;
}

.appStore {
  line-height: 2.5rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgb(255 255 255);
  font-family: 'SF Pro Text';
  font-size: 1.875rem;
  font-weight: 700;
}

.frame2118301236 {
  position: relative;
  width: 27.375rem;
  height: 55.875rem;
}

.frame9 {
  display: flex;
  position: absolute;
  top: 0.875rem;
  left: 1.1875rem;
  flex-direction: column;
  align-items: center;
  background: rgb(28 28 28);
  padding-bottom: 3.3125rem;
  width: 24.9375rem;
  height: 54.4rem;
  border-radius: 0 0 3.125rem 3.125rem;
  overflow: hidden;
  background-image: url(../images/phone1.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.frame10 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  padding-top: 2.9375rem;
  padding-bottom: 12.375rem;
  background-image: url(../images/a7a66b810a7b983673d0298bce8daa29.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.frame2118300921 {
  display: flex;
  flex: 1;
  align-items: center;
  padding: 0.25rem 1.0625rem 0.25rem 0.9375rem;
}

.ellipse3059 {
  display: flex;
  align-items: center;
  border-radius: 50%;
  padding: 0.1875rem 0.125rem 0.1875rem 0.1875rem;
  background-image: linear-gradient(
    180deg,
    rgb(26 26 41) 0%,
    rgb(21 22 34) 47.6%,
    rgb(63 39 115) 100%
  );
}

.clipboard20260509174 {
  width: 2.125rem;
  height: 2rem;
}

.cleaner {
  margin: 0rem 0rem 0rem 0.75rem;
  line-height: 1.6875rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgb(255 255 255);
  font-family: 'SF Pro';
  font-size: 1.6875rem;
  font-weight: 800;
}

.navSet {
  position: relative;
  margin-left: 11.125rem;
  width: 2.375rem;
  height: 2.375rem;
}

.frame11 {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.375rem;
  height: 2.375rem;
}

.frame12 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 2rem;
  height: 2rem;
  overflow: hidden;
}

.frame13 {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.3125rem;
  margin-top: 5.25rem;
  border-radius: 1rem;
  background: rgb(121 91 245);
  width: 17.5625rem;
  height: 3.6875rem;
}

.goToSettings {
  flex-shrink: 0;
  line-height: 1.625rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgb(255 255 255);
  font-family: 'SF Pro';
  font-size: 1.3125rem;
  font-weight: 700;
}

.rectangle34624126 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  margin: 2rem 1.0625rem 0rem;
  border-radius: 1rem;
  box-shadow: 0px 2px 11px 0px rgb(0 0 0 / 0.1);
  background: rgb(51 51 51);
  padding: 0.75rem 1.125rem 0.75rem 1.0625rem;
}

.frame2118301503 {
  display: flex;
  align-items: center;
  align-self: stretch;
  column-gap: 0.8125rem;
  margin-right: 0;
  margin-left: 0;
}

.group2118301331 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding-top: 0;
  padding-left: 0;
}

.frame2118301548 {
  display: flex;
  flex: 1;
  align-items: center;
  margin-right: 0;
  border-radius: 1rem;
  background: rgb(99 64 255 / 0.4);
  padding: 0.1875rem;
}

.frame14 {
  width: 2.4375rem;
  height: 2.4375rem;
  overflow: hidden;
}

.frame2118301330 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  width: 17rem;
  min-width: 17rem;
}

.frame2118301621 {
  display: inline-flex;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  justify-content: center;
  row-gap: 0.3125rem;
}

.cleanPhotos {
  flex-shrink: 0;
  line-height: 1.0625rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgb(255 255 255);
  font-family: 'SF Pro';
  font-size: 1.0625rem;
  font-weight: 700;
}

.similarDuplicatePhot {
  flex-shrink: 0;
  opacity: 0.5;
  line-height: 1.0625rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgb(255 255 255);
  font-family: 'SF Pro';
  font-size: 0.8125rem;
}

.a268Gb {
  flex-shrink: 0;
  line-height: 1.3125rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgb(229 81 76);
  font-family: 'SF Pro';
  font-size: 1.3125rem;
  font-weight: 700;
}

.group2118301332 {
  position: relative;
  margin-top: 0.75rem;
  width: 20.625rem;
  height: 5.3125rem;
}

.group2118301260 {
  position: absolute;
  top: 0;
  left: 0;
  width: 5.3125rem;
  height: 5.3125rem;
}

.group2118301280 {
  position: absolute;
  top: 0;
  left: 3.0625rem;
  width: 5.3125rem;
  height: 5.3125rem;
}

.group2118301281 {
  position: absolute;
  top: 0;
  left: 6.125rem;
  width: 5.3125rem;
  height: 5.3125rem;
}

.group2118301282 {
  position: absolute;
  top: 0;
  right: 6.125rem;
  width: 5.3125rem;
  height: 5.3125rem;
}

.group2118301340 {
  position: absolute;
  top: 0;
  right: 3.0625rem;
  width: 5.3125rem;
  height: 5.3125rem;
}

.group2118301283 {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  align-items: center;
  padding: 2rem 1.25rem 1.9375rem 1.375rem;
  width: 5.3125rem;
  height: 5.3125rem;
  background-image: url(../images/c63e584f9251977bb28b9688bbbf83bf.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.a812 {
  line-height: 1.3125rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgb(255 255 255);
  font-family: 'SF Pro';
  font-size: 1.0625rem;
  font-weight: 700;
}

.autoWrapper4 {
  position: relative;
  margin-top: 0.9375rem;
  width: 22.8125rem;
  height: 10.3125rem;
}

.rectangle346241262 {
  display: flex;
  position: absolute;
  top: 0;
  left: 50%;
  flex-direction: column;
  align-items: center;
  transform: translateX(-50%);
  border-radius: 1rem;
  box-shadow: 0px 2px 11px 0px rgb(0 0 0 / 0.1);
  background: rgb(51 51 51);
  padding: 0.75rem 1.125rem 0.75rem 1.0625rem;
  width: 22.8125rem;
  height: 10.3125rem;
}

.group21183013312 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding-bottom: 0;
  padding-left: 0;
}

.group21183012832 {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  align-items: center;
  padding: 2rem 1.25rem 1.9375rem 1.375rem;
  width: 5.3125rem;
  height: 5.3125rem;
  background-image: url(../images/e39d20a48e752553b78e84adce936660.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.group2118301452 {
  position: absolute;
  bottom: -3.3125rem;
  left: -1.0625rem;
  box-shadow: 0px -2px 11px 0px rgb(0 0 0 / 0.25);
  width: 24.9375rem;
  height: 6.9375rem;
}

.group2118301388 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 24.9375rem;
  height: 5.5rem;
}

.frame15 {
  display: flex;
  position: absolute;
  bottom: 2.25rem;
  left: 50%;
  align-items: flex-end;
  justify-content: center;
  column-gap: 6.625rem;
  transform: translateX(-50%);
  border-radius: 1.3125rem 1.3125rem 0rem 0rem;
  background: rgb(51 51 51);
  padding-right: 1.625rem;
  padding-left: 1.625rem;
  width: 24.9375rem;
  height: 3.25rem;
}

.frame39 {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  row-gap: 0.3125rem;
}

.frame2118301230 {
  flex-shrink: 0;
  width: 1.625rem;
  height: 1.625rem;
}

.contacts {
  flex-shrink: 0;
  line-height: 0.75rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgb(131 104 255);
  font-family: 'PingFang SC';
  font-size: 0.75rem;
  font-weight: 500;
}

.group2118301299 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  align-self: stretch;
  margin-right: 3rem;
  margin-left: 3rem;
  padding: 0.125rem 0rem 0.0625rem;
}

.group2118301346 {
  width: 1.625rem;
  height: 1.4375rem;
}

.swipe {
  flex-shrink: 0;
  line-height: 0.75rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgb(143 144 143);
  font-family: 'PingFang SC';
  font-size: 0.75rem;
  font-weight: 500;
}

.frame16 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 24.9375rem;
  height: 2.25rem;
}

.group2118301459 {
  position: absolute;
  top: 0;
  left: 10.125rem;
  width: 4.625rem;
  height: 4.625rem;
}

.group2118301348 {
  position: absolute;
  top: 6rem;
  left: 4rem;
  width: 16.875rem;
  height: 16.875rem;
}

.group2118301328 {
  display: flex;
  position: absolute;
  bottom: 1.75rem;
  left: 1.8125rem;
  flex-direction: column;
  align-items: flex-start;
  padding: 4.625rem 2rem 1.625rem 1.125rem;
  width: 13.3125rem;
  height: 13.3125rem;
  background-image: url(../images/621fdfb0b1a483606a2acffb57b21bd3.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.a40 {
  margin: 0rem 0rem 0rem 3.625rem;
  line-height: 2.125rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgb(164 216 76);
  font-size: 0;
}

.a402 {
  line-height: 2.125rem;
  letter-spacing: 0;
  color: rgb(229 81 76);
  font-family: 'SF Pro';
  font-size: 2.125rem;
  font-weight: 800;
}

.a403 {
  line-height: 2.125rem;
  letter-spacing: 0;
  color: rgb(229 81 76);
  font-family: 'SF Pro';
  font-size: 1.0625rem;
  font-weight: 700;
}

.a1128Gb256Gb {
  margin: 0.875rem 0rem 0rem 1.625rem;
  line-height: 0.9375rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: #000000;
  font-size: 1rem;
}

.a1128Gb256Gb2 {
  line-height: 0.9375rem;
  letter-spacing: 0;
  color: rgb(229 81 76);
  font-family: 'SF Pro';
  font-size: 1rem;
  font-weight: 700;
}

.a1128Gb256Gb3 {
  line-height: 0.9375rem;
  letter-spacing: 0;
  color: rgb(149 125 255);
  font-family: 'SF Pro';
  font-size: 1rem;
  font-weight: 700;
}

.a1128Gb256Gb4 {
  line-height: 0.9375rem;
  letter-spacing: 0;
  color: rgb(255 255 255);
  font-family: 'SF Pro';
  font-size: 1rem;
  font-weight: 500;
}

.ellipse3034 {
  margin-top: 0.9375rem;
  border-width: 0.25rem;
  border-style: solid;
  border-radius: 50%;
  border-color: rgb(255 255 255);
  box-shadow: 0px 1px 7px 0px rgb(108 182 163);
  background: rgb(99 64 255);
  width: 2.125rem;
  height: 2.125rem;
}

.repeatGroup1 {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  width: 16.4375rem;
  height: 16.4375rem;
}

.rectangle34624478 {
  background: rgb(255 255 255);
  width: 0.125rem;
  height: 0.875rem;
}

.repeatGroup2 {
  position: absolute;
  top: 0.5625rem;
  left: 0.5625rem;
  width: 15.6875rem;
  height: 15.6875rem;
  rotate: 5deg;
}

.rectangle346244782 {
  background: rgb(255 255 255);
  width: 0.125rem;
  height: 0.5rem;
}

.gdHbimgEdge40 {
  position: absolute;
  bottom: 0.0625rem;
  left: 0;
  width: 27.375rem;
  height: 55.9375rem;
}

.frame21183012362 {
  position: absolute;
  top: 0;
  left: 0;
  width: 27.375rem;
  height: 55.875rem;
}

.frame17 {
  display: flex;
  position: fixed;
  top: 0;
  z-index: 9999;
  left: 50%;
  align-items: center;
  justify-content: space-between;
  transform: translateX(-50%);
  border-width: 0rem 0rem 0.0625rem;
  border-style: solid;
  border-color: rgb(255 255 255 / 0.2);
  padding: 1.25rem 48.625rem 1.1875rem 20rem;
  width: 120rem;
  background: rgba(28, 28, 28, 0.8);
  backdrop-filter: blur(10px);
}

.frame2118301413 {
  display: inline-flex;
  align-items: center;
  column-gap: 1.25rem;
}

.frame2118301523 {
  flex-shrink: 0;
  border-radius: 0.625rem;
  width: 2.5rem;
  height: 2.5rem;
}

.sweepClear {
  flex-shrink: 0;
  line-height: 2rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: #000000;
  font-family: Poppins;
  font-size: 1.375rem;
  font-weight: 700;
}

.sweepClear2 {
  line-height: 2rem;
  letter-spacing: 0;
  color: rgb(255 255 255);
  font-family: Poppins;
  font-size: 1.375rem;
  font-weight: 700;
}

.sweepClear3 {
  line-height: 2rem;
  letter-spacing: 0;
  color: rgb(121 91 245);
  font-family: Poppins;
  font-size: 1.375rem;
  font-weight: 700;
}

.frame2118301242 {
  display: flex;
  align-items: center;
  column-gap: 2.5rem;
}

.cleanup {
  flex-shrink: 0;
  line-height: 1.625rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgb(255 255 255);
  font-family: 'SF Pro Text';
  font-size: 1.1rem;
  font-weight: 600;
  transition: color 0.3s;
}

.cleanup.active {
  color: #7357e8 !important;
}

.aIDesignHome2.active {
  color: #7357e8 !important;
}

.group21183013512 {
  display: flex;
  position: absolute;
  bottom: 102.25rem;
  left: 20rem;
  align-items: center;
  justify-content: space-between;
  width: 80rem;
  height: 60.25rem;
  rotate: -180deg;
}

.group2118301150 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  rotate: 180deg;
}

.allInOne {
  width: 42.375rem;
  line-height: 5rem;
  letter-spacing: 0;
  white-space: nowrap;
  color: rgb(121 91 245);
  font-family: Montserrat;
  font-size: 3.75rem;
  font-weight: 700;
}

.bestDigitalManager {
  margin: 0.625rem 0rem 0rem;
  width: 41.375rem;
  line-height: 5rem;
  letter-spacing: 0;
  color: rgb(255 255 255);
  font-family: Montserrat;
  font-size: 3.75rem;
  font-weight: 700;
  white-space: nowrap;
}

.aIDesignHome6 {
  margin: 2.5rem 0rem 0rem;
  width: 41.0625rem;
  line-height: 3.125rem;
  letter-spacing: 0;
  color: rgb(255 255 255);
  font-family: 'SF Pro Text';
  font-size: 1.875rem;
  text-transform: none;
}

.frame2118301522 {
  width: 34.375rem;
  height: 60.25rem;
  rotate: 180deg;
}