.box {
  position: relative;
  width: 1440px;
  min-height: 3677px;
}

.box .group {
  position: relative;
  top: 0;
  left: 0;
  width: 1440px;
  height: 3677px;
}

.box .frame {
  display: flex;
  flex-direction: column;
  width: 1440px;
  height: 1802px;
  align-items: center;
  gap: 80px;
  padding: 120px 135px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #00010c;
}

.box .div {
  display: flex;
  flex-direction: column;
  width: 776px;
  align-items: center;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.box .div-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 6px 12px;
  position: relative;
  flex: 0 0 auto;
  background-color: #7546dd4c;
  border-radius: 99px;
  border: 1px solid;
  border-color: #595959;
}

.box .text-wrapper {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 19.2px;
  white-space: nowrap;
}

.box .p {
  position: relative;
  align-self: stretch;
  font-family: "DM Sans", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 48px;
  text-align: center;
  letter-spacing: 0;
  line-height: 48px;
}

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

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

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

.box .text-wrapper-2 {
  color: #ffffff;
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "DM Sans", Helvetica;
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 31.2px;
  white-space: nowrap;
}

.box .text-wrapper-3 {
  color: #ffffff80;
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "DM Sans", Helvetica;
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 31.2px;
  white-space: nowrap;
}

.box .img {
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.box .frame-5 {
  display: flex;
  height: 282px;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.box .PHONE {
  height: 681px;
  margin-bottom: -399px;
  position: relative;
  width: 339px;
  background-color: #ffffff;
  border-radius: 55.7px;
  overflow: hidden;
}

.box .element-frame {
  position: absolute;
  top: 1px;
  left: 0;
  width: 339px;
  height: 701px;
}

.box .element-border-primary {
  position: absolute;
  width: calc(100% - 3px);
  height: calc(100% - 3px);
  top: 1px;
  left: 1px;
  border-radius: 54.37px;
  border: 3.45px solid;
  border-color: #3b3f49;
}

.box .element-border-dark {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 55.7px;
  border-color: #282d35;
  position: absolute;
  border: 1.33px solid;
}

.box .element-border-highlight {
  width: calc(100% - 1px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
  border-radius: 54.63px;
  border-color: #686d75;
  filter: blur(0.4px);
  opacity: 0.9;
  position: absolute;
  border: 1.33px solid;
}

.box .element-border-bezel {
  position: absolute;
  width: calc(100% - 11px);
  height: calc(100% - 11px);
  top: 6px;
  left: 6px;
  border-radius: 49.6px;
  border: 0.53px solid;
  border-color: #5b5959;
  filter: blur(0.27px);
  opacity: 0.8;
}

.box .ui {
  top: 16px;
  left: 15px;
  width: 310px;
  height: 182px;
  gap: 18.8px;
  position: absolute;
  display: flex;
  flex-direction: column;
}

.box .ui-lock-top {
  margin-left: 40.6px;
  width: 244px;
  height: 19.89px;
  margin-top: 16.2px;
}

.box .ui-lock-block {
  margin-left: 82px;
  width: 146.4px;
  height: 127.57px;
  position: relative;
}

.box .text-wrapper-4 {
  position: absolute;
  top: 24px;
  left: 6px;
  height: 86px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "SF Pro Rounded-Light", Helvetica;
  font-weight: 300;
  color: #0c0223;
  font-size: 72.1px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.box .text-wrapper-5 {
  position: absolute;
  top: 10px;
  left: 3px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "SF Pro Rounded-Regular", Helvetica;
  font-weight: 400;
  color: #0c0223;
  font-size: 17px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.box .camera {
  top: calc(50% - 314px);
  left: calc(50% - 49px);
  width: 98px;
  height: 29px;
  border-radius: 26.26px;
  background-image: url(https://c.animaapp.com/ZEbCIGw6/img/pill.svg);
  position: absolute;
  background-size: 100% 100%;
}

.box .element-antenna {
  position: absolute;
  top: 1px;
  left: 0;
  width: 339px;
  height: 700px;
  opacity: 0.4;
}

.box .rectangle {
  top: 625px;
  left: 1px;
  width: 5px;
  height: 4px;
  position: absolute;
  background-color: #7c7c7c;
  mix-blend-mode: screen;
  opacity: 0.75;
}

.box .rectangle-2 {
  top: 695px;
  left: 70px;
  width: 4px;
  height: 5px;
  position: absolute;
  background-color: #7c7c7c;
  mix-blend-mode: screen;
  opacity: 0.75;
}

.box .rectangle-3 {
  top: 71px;
  left: 335px;
  width: 5px;
  height: 4px;
  position: absolute;
  background-color: #7c7c7c;
  mix-blend-mode: screen;
  opacity: 0.75;
}

.box .rectangle-4 {
  top: 71px;
  left: 1px;
  width: 5px;
  height: 4px;
  position: absolute;
  background-color: #7c7c7c;
  mix-blend-mode: screen;
  opacity: 0.75;
}

.box .rectangle-5 {
  top: 0;
  left: 270px;
  width: 4px;
  height: 5px;
  position: absolute;
  background-color: #7c7c7c;
  mix-blend-mode: screen;
  opacity: 0.75;
}

.box .rectangle-6 {
  position: absolute;
  top: 625px;
  left: 335px;
  width: 5px;
  height: 4px;
  background-color: #7c7c7c;
  mix-blend-mode: screen;
  opacity: 0.75;
}

.box .frame-6 {
  position: absolute;
  top: 7px;
  left: 7px;
  width: 327px;
  height: 707px;
  background-color: #7b79f3;
  border-radius: 52.64px;
  overflow: hidden;
}

.box .ellipse {
  top: 447px;
  left: 69px;
  width: 304px;
  height: 303px;
  background-color: #ffffff;
  border-radius: 152.14px/151.61px;
  position: absolute;
  filter: blur(63.17px);
}

.box .ellipse-2 {
  top: 544px;
  left: -66px;
  width: 279px;
  height: 279px;
  background-color: #ffffff;
  border-radius: 139.5px;
  position: absolute;
  filter: blur(63.17px);
}

.box .ellipse-3 {
  position: absolute;
  top: -225px;
  left: -225px;
  width: 405px;
  height: 404px;
  background-color: #ffffff;
  border-radius: 202.68px/202.15px;
  filter: blur(63.17px);
}

.box .ellipse-4 {
  top: -133px;
  left: -81px;
  width: 405px;
  height: 404px;
  background-color: #0c0223;
  border-radius: 202.68px/202.15px;
  position: absolute;
  filter: blur(63.17px);
}

.box .frame-7 {
  position: absolute;
  top: 228px;
  left: 16px;
  width: 295px;
  height: 53px;
  background-color: #ffffffcc;
  border-radius: 13.15px;
  overflow: hidden;
  backdrop-filter: blur(12.33px) brightness(100%);
  -webkit-backdrop-filter: blur(12.33px) brightness(100%);
}

.box .photo {
  top: 11px;
  border-radius: 6.97px;
  position: absolute;
  left: 8px;
  width: 31px;
  height: 31px;
  background-color: #ffffff;
}

.box .frame-8 {
  display: flex;
  flex-direction: column;
  width: 238px;
  align-items: flex-start;
  justify-content: center;
  gap: 2.11px;
  position: absolute;
  top: 11px;
  left: 45px;
}

.box .frame-9 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.box .what-s-the-occasion {
  position: relative;
  width: 125.78px;
  height: 14.8px;
}

.box .text-wrapper-6 {
  position: absolute;
  width: 147.98%;
  height: 99.92%;
  top: 2.9%;
  left: 0;
  font-family: "DM Sans", Helvetica;
  font-weight: 600;
  color: #222222;
  font-size: 12.3px;
  letter-spacing: -0.25px;
  line-height: normal;
  white-space: nowrap;
}

.box .text-wrapper-7 {
  width: 34.53px;
  height: 11.51px;
  line-height: 11.5px;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  opacity: 0.5;
  font-family: "SF Pro Text-Medium", Helvetica;
  font-weight: 500;
  color: #3e3e3e;
  font-size: 9.9px;
  text-align: right;
  letter-spacing: -0.2px;
  white-space: nowrap;
}

.box .text-wrapper-8 {
  position: relative;
  align-self: stretch;
  font-family: "DM Sans", Helvetica;
  font-weight: 400;
  color: #3e3e3e;
  font-size: 10px;
  letter-spacing: 0;
  line-height: normal;
}

.box .group-2 {
  position: absolute;
  width: 8.2%;
  height: 34.69%;
  top: 33.65%;
  left: 3.63%;
}

.box .frame-10 {
  position: absolute;
  top: 5px;
  left: -4px;
  width: 327px;
  height: 192px;
}

.box .ui-2 {
  top: 0;
  left: 0;
  width: 327px;
  height: 192px;
  gap: 19.8px;
  position: absolute;
  display: flex;
  flex-direction: column;
}

.box .ui-lock-top-2 {
  margin-left: 42.7px;
  width: 256.9px;
  height: 20.94px;
  margin-top: 17px;
  display: flex;
  gap: 160px;
}

.box .system-ui-left {
  width: 31px;
  display: flex;
}

.box .text-wrapper-9 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30.44px;
  height: 18.43px;
  margin-left: -1.1px;
  font-family: "SF Pro Display-Semibold", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 15.4px;
  letter-spacing: 0;
  line-height: normal;
}

.box .system-ui-right {
  margin-top: 3.1px;
  width: 65.9px;
  height: 17.87px;
}

.box .ui-lock-block-2 {
  margin-left: 86.3px;
  width: 154.14px;
  height: 134.31px;
  position: relative;
}

.box .text-wrapper-10 {
  position: absolute;
  top: 26px;
  left: 7px;
  height: 91px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "SF Pro Rounded-Light", Helvetica;
  font-weight: 300;
  color: #ffffff;
  font-size: 76px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.box .text-wrapper-11 {
  left: 3px;
  font-size: 17.9px;
  position: absolute;
  top: 10px;
  height: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "SF Pro Rounded-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.box .camera-2 {
  top: calc(50% - 85px);
  left: calc(50% - 52px);
  width: 103px;
  height: 30px;
  border-radius: 27.64px;
  background-image: url(https://c.animaapp.com/ZEbCIGw6/img/pill-1.svg);
  position: absolute;
  background-size: 100% 100%;
}

.box .element-frame-2 {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 339px;
  height: 701px;
}

.box .camera-3 {
  top: calc(50% - 314px);
  left: calc(50% - 49px);
  width: 98px;
  height: 29px;
  border-radius: 26.26px;
  background-image: url(https://c.animaapp.com/ZEbCIGw6/img/pill-2.svg);
  position: absolute;
  background-size: 100% 100%;
}

.box .element-antenna-2 {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 339px;
  height: 700px;
  opacity: 0.4;
}

.box .frame-11 {
  top: 7px;
  width: 329px;
  height: 712px;
  border-radius: 53.03px;
  position: absolute;
  left: 6px;
  background-color: #7b79f3;
  overflow: hidden;
}

.box .ellipse-5 {
  position: absolute;
  top: 462px;
  left: 122px;
  width: 339px;
  height: 337px;
  background-color: #ffffff;
  border-radius: 169.69px/168.63px;
  filter: blur(63.63px);
}

.box .ellipse-6 {
  position: absolute;
  top: 318px;
  left: 93px;
  width: 408px;
  height: 416px;
  background-color: #ffffff;
  border-radius: 204.16px/207.87px;
  filter: blur(63.63px);
}

.box .ellipse-7 {
  position: absolute;
  top: -250px;
  left: -136px;
  width: 408px;
  height: 407px;
  background-color: #0c0223;
  border-radius: 204.16px/203.63px;
  filter: blur(63.63px);
}

.box .ellipse-8 {
  top: -107px;
  left: 62px;
  width: 408px;
  height: 407px;
  border-radius: 204.16px/203.63px;
  filter: blur(63.63px);
  position: absolute;
  background-color: #0c0223;
}

.box .frame-12 {
  position: absolute;
  top: 230px;
  left: 16px;
  width: 297px;
  height: 53px;
  background-color: #ffffffcc;
  border-radius: 13.25px;
  overflow: hidden;
  backdrop-filter: blur(12.42px) brightness(100%);
  -webkit-backdrop-filter: blur(12.42px) brightness(100%);
}

.box .photo-2 {
  top: 11px;
  border-radius: 7.01px;
  position: absolute;
  left: 8px;
  width: 31px;
  height: 31px;
  background-color: #ffffff;
}

.box .frame-13 {
  width: 240px;
  gap: 2.12px;
  top: 11px;
  left: 46px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
}

.box .ES-delta-divergence-wrapper {
  position: relative;
  width: 126.7px;
  height: 14.91px;
}

.box .ES-delta-divergence {
  position: absolute;
  width: 147.98%;
  height: 99.92%;
  top: 2.9%;
  left: 0;
  font-family: "DM Sans", Helvetica;
  font-weight: 600;
  color: #222222;
  font-size: 12.4px;
  letter-spacing: -0.25px;
  line-height: normal;
  white-space: nowrap;
}

.box .text-wrapper-12 {
  width: 34.78px;
  height: 11.59px;
  line-height: 11.6px;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  opacity: 0.5;
  font-family: "SF Pro Text-Medium", Helvetica;
  font-weight: 500;
  color: #3e3e3e;
  font-size: 9.9px;
  text-align: right;
  letter-spacing: -0.2px;
  white-space: nowrap;
}

.box .group-3 {
  position: absolute;
  width: 8.2%;
  height: 34.7%;
  top: 33.65%;
  left: 3.63%;
}

.box .frame-14 {
  top: 4px;
  width: 329px;
  height: 194px;
  position: absolute;
  left: -4px;
}

.box .ui-3 {
  top: 0;
  left: 0;
  width: 329px;
  height: 194px;
  gap: 20px;
  position: absolute;
  display: flex;
  flex-direction: column;
}

.box .ui-lock-top-3 {
  margin-left: 43px;
  width: 258.78px;
  height: 21.1px;
  margin-top: 17.2px;
  display: flex;
  gap: 161.2px;
}

.box .system-ui-left-2 {
  width: 31.22px;
  display: flex;
}

.box .text-wrapper-13 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30.66px;
  height: 18.56px;
  margin-left: -1.1px;
  font-family: "SF Pro Display-Semibold", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 15.5px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.box .system-ui-right-2 {
  margin-top: 3.1px;
  width: 66.38px;
  height: 18px;
}

.box .ui-lock-block-3 {
  margin-left: 86.9px;
  width: 155.27px;
  height: 135.3px;
  position: relative;
}

.box .text-wrapper-14 {
  position: absolute;
  top: 26px;
  left: 6px;
  height: 91px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "SF Pro Rounded-Light", Helvetica;
  font-weight: 300;
  color: #ffffff;
  font-size: 76.5px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.box .text-wrapper-15 {
  left: 5px;
  font-size: 18px;
  position: absolute;
  top: 10px;
  height: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "SF Pro Rounded-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.box .camera-4 {
  top: calc(50% - 86px);
  left: calc(50% - 52px);
  width: 104px;
  height: 30px;
  border-radius: 27.85px;
  background-image: url(https://c.animaapp.com/ZEbCIGw6/img/pill-3.svg);
  position: absolute;
  background-size: 100% 100%;
}

.box .PHONE-2 {
  height: 690px;
  margin-bottom: -408px;
  position: relative;
  width: 339px;
  background-color: #ffffff;
  border-radius: 55.7px;
  overflow: hidden;
}

.box .ui-4 {
  top: 16px;
  left: 14px;
  width: 310px;
  height: 182px;
  gap: 18.8px;
  position: absolute;
  display: flex;
  flex-direction: column;
}

.box .camera-5 {
  top: calc(50% - 318px);
  left: calc(50% - 49px);
  width: 98px;
  height: 29px;
  border-radius: 26.26px;
  background-image: url(https://c.animaapp.com/ZEbCIGw6/img/pill-4.svg);
  position: absolute;
  background-size: 100% 100%;
}

.box .frame-15 {
  top: 6px;
  width: 326px;
  height: 706px;
  border-radius: 52.6px;
  position: absolute;
  left: 6px;
  background-color: #7b79f3;
  overflow: hidden;
}

.box .ellipse-9 {
  position: absolute;
  top: 493px;
  left: -77px;
  width: 337px;
  height: 335px;
  background-color: #ffffff;
  border-radius: 168.32px/167.27px;
  filter: blur(63.12px);
}

.box .ellipse-10 {
  position: absolute;
  top: 408px;
  left: 96px;
  width: 405px;
  height: 404px;
  background-color: #ffffff;
  border-radius: 202.52px/201.99px;
  filter: blur(63.12px);
}

.box .ellipse-11 {
  position: absolute;
  top: -225px;
  left: -225px;
  width: 405px;
  height: 404px;
  background-color: #ffffff;
  border-radius: 202.52px/201.99px;
  filter: blur(63.12px);
}

.box .ellipse-12 {
  top: -126px;
  left: -127px;
  width: 405px;
  height: 404px;
  border-radius: 202.52px/201.99px;
  filter: blur(63.12px);
  position: absolute;
  background-color: #0c0223;
}

.box .frame-16 {
  position: absolute;
  top: 228px;
  left: 16px;
  width: 295px;
  height: 53px;
  background-color: #ffffffcc;
  border-radius: 13.14px;
  overflow: hidden;
  backdrop-filter: blur(12.32px) brightness(100%);
  -webkit-backdrop-filter: blur(12.32px) brightness(100%);
}

.box .photo-3 {
  top: 10px;
  border-radius: 6.96px;
  position: absolute;
  left: 8px;
  width: 31px;
  height: 31px;
  background-color: #ffffff;
}

.box .frame-17 {
  width: 238px;
  gap: 2.1px;
  top: 9px;
  left: 45px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
}

.box .what-s-the-occasion-2 {
  position: relative;
  width: 125.68px;
  height: 14.79px;
}

.box .text-wrapper-16 {
  width: 34.5px;
  height: 11.5px;
  line-height: 11.5px;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  opacity: 0.5;
  font-family: "SF Pro Text-Medium", Helvetica;
  font-weight: 500;
  color: #3e3e3e;
  font-size: 9.9px;
  text-align: right;
  letter-spacing: -0.2px;
  white-space: nowrap;
}

.box .group-4 {
  position: absolute;
  width: 8.2%;
  height: 34.7%;
  top: 31.65%;
  left: 3.63%;
}

.box .frame-18 {
  top: 5px;
  width: 326px;
  height: 192px;
  position: absolute;
  left: -4px;
}

.box .ui-5 {
  top: 0;
  left: 0;
  width: 326px;
  height: 192px;
  gap: 19.8px;
  position: absolute;
  display: flex;
  flex-direction: column;
}

.box .ui-lock-top-4 {
  margin-left: 42.7px;
  width: 256.69px;
  height: 20.93px;
  margin-top: 17px;
  display: flex;
  gap: 159.9px;
}

.box .system-ui-left-3 {
  width: 30.97px;
  display: flex;
}

.box .text-wrapper-17 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30.41px;
  height: 18.41px;
  margin-left: -1.1px;
  font-family: "SF Pro Display-Semibold", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 15.3px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.box .system-ui-right-3 {
  margin-top: 3.1px;
  width: 65.85px;
  height: 17.86px;
}

.box .ui-lock-block-4 {
  margin-left: 86.2px;
  width: 154.02px;
  height: 134.21px;
  position: relative;
}

.box .text-wrapper-18 {
  position: absolute;
  top: 26px;
  left: 7px;
  height: 91px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "SF Pro Rounded-Light", Helvetica;
  font-weight: 300;
  color: #ffffff;
  font-size: 75.9px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.box .camera-6 {
  top: calc(50% - 85px);
  left: calc(50% - 52px);
  width: 103px;
  height: 30px;
  border-radius: 27.62px;
  background-image: url(https://c.animaapp.com/ZEbCIGw6/img/pill-5.svg);
  position: absolute;
  background-size: 100% 100%;
}

.box .card {
  width: 340px;
  align-items: flex-start;
  gap: 32px;
  padding: 32px 20px 20px;
  background-color: #00010c;
  border-radius: 0px 0px 30px 30px;
  border-right-width: 6px;
  border-right-style: solid;
  border-bottom-width: 6px;
  border-bottom-style: solid;
  border-left-width: 6px;
  border-left-style: solid;
  border-color: #cb01f71a;
  box-shadow: 10px 8px 16px #ffffff14, -3px -21px 30px #00000080;
  display: flex;
  flex-direction: column;
  position: relative;
}

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

.box .text-wrapper-19 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "DM Sans", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 31.2px;
}

.box .text {
  position: relative;
  align-self: stretch;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #ffffffb2;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18.2px;
}

.box .frame-wrapper {
  width: 340px;
  height: 371px;
  align-items: flex-start;
  gap: 32px;
  padding: 32px 20px 20px;
  background-color: #00010c;
  border-radius: 0px 0px 30px 30px;
  border-right-width: 6px;
  border-right-style: solid;
  border-bottom-width: 6px;
  border-bottom-style: solid;
  border-left-width: 6px;
  border-left-style: solid;
  border-color: #cb01f71a;
  box-shadow: 10px 8px 16px #ffffff14, -3px -21px 30px #00000080;
  display: flex;
  flex-direction: column;
  position: relative;
}

.box .content-wrapper {
  align-items: center;
  gap: 12px;
  padding: 40px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #7546dd03;
  border-radius: 20px;
  box-shadow: inset 0px 0.55px 21.86px #e2deff33;
  backdrop-filter: blur(27.32px) brightness(100%);
  -webkit-backdrop-filter: blur(27.32px) brightness(100%);
  display: flex;
  flex-direction: column;
  position: relative;
}

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

.box .content-2 {
  width: 980px;
  gap: 19.45px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
}

.box .text-wrapper-20 {
  position: relative;
  width: 654px;
  margin-top: -0.81px;
  font-family: "DM Sans", Helvetica;
  font-weight: 700;
  color: #ececec;
  font-size: 40px;
  text-align: center;
  letter-spacing: 0;
  line-height: 48px;
}

.box .we-spend-hours {
  position: relative;
  align-self: stretch;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #ececec;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24px;
}

.box .dropdown-text-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px 20px;
  position: relative;
  flex: 0 0 auto;
  background-color: #7b79f3;
  border-radius: 8px;
}

.box .dropdown-text {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Poppins", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.box .frame-20 {
  display: flex;
  flex-direction: column;
  width: 1440px;
  height: 1093px;
  align-items: center;
  gap: 80px;
  padding: 120px 135px;
  position: absolute;
  top: 1796px;
  left: 0;
  background-color: #00010c;
}

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

.box .text-wrapper-21 {
  position: relative;
  width: fit-content;
  font-family: "DM Sans", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 48px;
  letter-spacing: 0;
  line-height: 48px;
  white-space: nowrap;
}

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

.box .frame-23 {
  display: flex;
  align-items: center;
  gap: 30px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.box .card-2 {
  height: 270px;
  align-items: flex-start;
  gap: 24px;
  padding: 40px;
  flex: 1;
  flex-grow: 1;
  background-color: #7546dd03;
  border-radius: 20px;
  box-shadow: inset 0px 0.55px 21.86px #e2deff33;
  backdrop-filter: blur(27.32px) brightness(100%);
  -webkit-backdrop-filter: blur(27.32px) brightness(100%);
  display: flex;
  flex-direction: column;
  position: relative;
}

.box .group-5 {
  position: relative;
  width: 70px;
  height: 70px;
}

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

.box .text-wrapper-22 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "DM Sans", Helvetica;
  font-weight: 600;
  color: #ececec;
  font-size: 28px;
  letter-spacing: 0;
  line-height: 36.4px;
}

.box .text-2 {
  position: relative;
  align-self: stretch;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #ececec;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.box .frame-25 {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.box .card-3 {
  height: 378px;
  align-items: flex-start;
  gap: 24px;
  padding: 40px;
  flex: 1;
  flex-grow: 1;
  background-color: #7546dd03;
  border-radius: 20px;
  box-shadow: inset 0px 0.55px 21.86px #e2deff33;
  backdrop-filter: blur(27.32px) brightness(100%);
  -webkit-backdrop-filter: blur(27.32px) brightness(100%);
  display: flex;
  flex-direction: column;
  position: relative;
}

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

.box .card-4 {
  align-items: flex-start;
  gap: 24px;
  padding: 40px;
  flex: 1;
  flex-grow: 1;
  background-color: #7546dd03;
  border-radius: 20px;
  box-shadow: inset 0px 0.55px 21.86px #e2deff33;
  backdrop-filter: blur(27.32px) brightness(100%);
  -webkit-backdrop-filter: blur(27.32px) brightness(100%);
  display: flex;
  flex-direction: column;
  position: relative;
}

.box .complete-decisions {
  position: relative;
  width: 70px;
  height: 70px;
  aspect-ratio: 1;
}

.box .vector {
  position: absolute;
  top: -56px;
  left: 35px;
  width: 1346px;
  height: 1313px;
}

.box .frame-27 {
  position: absolute;
  top: 2883px;
  left: 0;
  width: 1440px;
  height: 794px;
  overflow: hidden;
  background: linear-gradient(
    68deg,
    rgba(101, 111, 239, 1) 0%,
    rgba(101, 111, 239, 1) 7%,
    rgba(101, 111, 239, 1) 13%,
    rgba(101, 111, 239, 1) 20%,
    rgba(101, 111, 239, 1) 27%,
    rgba(101, 111, 239, 1) 33%,
    rgba(101, 111, 239, 1) 40%,
    rgba(101, 111, 239, 1) 47%,
    rgba(101, 111, 239, 0.94) 53%,
    rgba(101, 111, 239, 1) 60%,
    rgba(101, 111, 239, 1) 67%,
    rgba(101, 111, 239, 1) 73%,
    rgba(101, 111, 239, 1) 80%,
    rgba(101, 111, 239, 1) 87%,
    rgba(101, 111, 239, 1) 93%,
    rgba(101, 111, 239, 1) 100%
  );
}

.box .ellipse-13 {
  position: absolute;
  top: -1340px;
  left: -360px;
  width: 2160px;
  height: 2021px;
  background-color: #00010c;
  border-radius: 1080px/1010.5px;
  filter: blur(154.8px);
}

.box .frame-28 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 34px;
  position: absolute;
  top: 119px;
  left: calc(50% - 340px);
}

.box .title {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "DM Sans", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 40px;
  text-align: center;
  letter-spacing: -2px;
  line-height: 48px;
}

.box .span {
  color: #ffffff80;
  letter-spacing: -0.8px;
}

.box .text-wrapper-23 {
  font-weight: 700;
  color: #ffffff;
  font-size: 60px;
  letter-spacing: -1.2px;
  line-height: 72px;
}

.box .frame-29 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px 20px;
  position: relative;
  flex: 0 0 auto;
  background-color: #ffffff;
  border-radius: 8px;
}

.box .dropdown-text-2 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Poppins", Helvetica;
  font-weight: 500;
  color: #7b79f3;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
}

.box .frame-30 {
  position: absolute;
  top: 379px;
  left: calc(50% - 459px);
  width: 918px;
  height: 605px;
}

.box .image {
  position: absolute;
  top: 58px;
  left: 82px;
  width: 754px;
  height: 357px;
  aspect-ratio: 1.46;
}

.box .macbook-pro {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}