.website-cursor-dark {
  background-color: #14120b;
  overflow: hidden;
  width: 100vw;
  min-width: 1440px;
  min-height: 4060px;
  position: relative;
}

.website-cursor-dark .site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transform: none;
  width: 100vw;
  height: 103px;
  z-index: 1000;
  background: rgba(20, 18, 11, 0.92);
  backdrop-filter: blur(12px);
}

.website-cursor-dark .autoclicker-with {
  position: absolute;
  top: 561px;
  left: 164px;
  z-index: 30;
  font-family: "Inter-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff99;
  font-size: 25px;
  letter-spacing: -1.3px;
  line-height: 30px;
}

.website-cursor-dark .logo-icon {
  width: 26px;
  height: 26px;
  display: block;
  flex-shrink: 0;
}

.website-cursor-dark .logo {
  position: absolute;
  top: 40px;
  left: 198px;
  width: 220px;
  font-family: "Inter-Bold", Helvetica;
  font-weight: 700;
  color: #f4f0e7;
  font-size: 26px;
  letter-spacing: -0.8px;
  line-height: 30px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 8px;
}

.website-cursor-dark .navbar {
  display: grid;
  grid-template-columns: repeat(4, fit-content(100%));
  grid-template-rows: repeat(1, fit-content(100%));
  width: 334px;
  height: 22px;
  gap: 125px 50px;
  position: absolute;
  top: 46px;
  left: calc(50.00% - 167px);
}

.website-cursor-dark .nav-product {
  grid-column: 1 / 2;
  width: 60px;
  position: relative;
  grid-row: 1 / 2;
  height: 20px;
  font-family: "Inter-Bold", Helvetica;
  font-weight: 700;
  color: #f0ecdd;
  font-size: 14px;
  letter-spacing: -0.1px;
  line-height: 20px;
  white-space: nowrap;
}

.website-cursor-dark .nav-enterprise {
  grid-column: 2 / 3;
  width: 41px;
  position: relative;
  grid-row: 1 / 2;
  height: 20px;
  font-family: "Inter-Bold", Helvetica;
  font-weight: 700;
  color: #f0ecdd;
  font-size: 14px;
  letter-spacing: -0.1px;
  line-height: 20px;
  white-space: nowrap;
}

.website-cursor-dark .nav-pricing {
  grid-column: 3 / 4;
  width: 48px;
  position: relative;
  grid-row: 1 / 2;
  height: 20px;
  font-family: "Inter-Bold", Helvetica;
  font-weight: 700;
  color: #f0ecdd;
  font-size: 14px;
  letter-spacing: -0.1px;
  line-height: 20px;
  white-space: nowrap;
}

.website-cursor-dark .nav-resources {
  grid-column: 4 / 5;
  width: 35px;
  position: relative;
  grid-row: 1 / 2;
  height: 20px;
  font-family: "Inter-Bold", Helvetica;
  font-weight: 700;
  color: #f0ecdd;
  font-size: 14px;
  letter-spacing: -0.1px;
  line-height: 20px;
  white-space: nowrap;
}

.website-cursor-dark .group {
  position: absolute;
  width: 162px;
  height: 29px;
  top: 41px;
  left: 1118px;
  display: flex;
}

.website-cursor-dark .div {
  width: 164px;
  height: 29px;
  position: relative;
}

.website-cursor-dark .download-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 162px;
  height: 29px;
  background-color: #252118;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.website-cursor-dark .text-wrapper {
  position: absolute;
  top: 5px;
  left: 41px;
  font-family: "Inter-SemiBold", Helvetica;
  font-weight: 600;
  color: #f3eee5;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.website-cursor-dark .hero-title {
  position: absolute;
  top: 421px;
  left: 160px;
  z-index: 30;
  font-family: "Inter-SemiBold", Helvetica;
  font-weight: 600;
  color: #f3eee5;
  font-size: 70px;
  letter-spacing: -1.3px;
  line-height: 70px;
}

.website-cursor-dark .header-divider {
  position: absolute;
  top: 102px;
  left: 160px;
  width: calc(100vw - 320px);
  height: 1px;
  background-color: #2a241d;
  border-radius: 1px;
}

.website-cursor-dark .macroforge-logo {
  position: absolute;
  top: 39px;
  left: 160px;
  width: 32px;
  height: 32px;
  aspect-ratio: 1;
}

.website-cursor-dark .layered-peaks-haikei {
  position: absolute;
  top: 351px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100vw + 40px);
  min-width: 1447px;
  height: 1201px;
  filter: blur(2.5px);
}

.website-cursor-dark .vector {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.website-cursor-dark .img {
  height: 56.36%;
  top: 43.64%;
  position: absolute;
  width: 99.52%;
  left: 0;
}

.website-cursor-dark .vector-2 {
  height: 51.17%;
  top: 48.83%;
  position: absolute;
  width: 99.52%;
  left: 0;
}

.website-cursor-dark .vector-3 {
  height: 42.83%;
  top: 57.17%;
  position: absolute;
  width: 99.52%;
  left: 0;
}

.website-cursor-dark .vector-4 {
  height: 35.67%;
  top: 64.33%;
  position: absolute;
  width: 99.52%;
  left: 0;
}

.website-cursor-dark .vector-5 {
  height: 24.50%;
  top: 75.50%;
  position: absolute;
  width: 99.52%;
  left: 0;
}

.website-cursor-dark .vector-6 {
  height: 18.17%;
  top: 81.83%;
  position: absolute;
  width: 99.52%;
  left: 0;
}

.website-cursor-dark .vector-7 {
  height: 13.00%;
  top: 87.00%;
  position: absolute;
  width: 99.52%;
  left: 0;
}

.website-cursor-dark .getitongoogleplay {
  position: absolute;
  top: 661px;
  left: 212px;
  width: 239px;
  height: 71px;
}

.website-cursor-dark .hero-play-badge {
  position: absolute;
  top: 661px;
  left: 212px;
  width: 239px;
  height: 71px;
  z-index: 30;
  display: block;
  text-decoration: none;
}

.website-cursor-dark .hero-play-badge::before {
  content: none;
}

.website-cursor-dark .hero-play-badge {
  animation-name: hero-play-badge-fade;
}

@keyframes hero-play-badge-fade {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.website-cursor-dark .hero-play-badge-image {
  display: block;
  width: 239px;
  height: 71px;
}

.website-cursor-dark .footer-links-section {
  position: absolute;
  top: 4300px;
  left: 0;
  width: 100%;
  min-height: 560px;
  background: linear-gradient(180deg, #0f0e0a 0%, #111722 100%);
}

.website-cursor-dark .footer-links-column {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.website-cursor-dark .footer-links-column-left {
  top: 54px;
  left: 49px;
  width: 320px;
}

.website-cursor-dark .footer-links-column-right {
  top: 54px;
  left: 561px;
  width: 320px;
}

.website-cursor-dark .footer-links-heading {
  margin: 0 0 16px 0;
  font-family: "Inter-Regular", Helvetica;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 5px;
  color: #53c7ff;
}

.website-cursor-dark .footer-links-item {
  font-family: "Inter-Regular", Helvetica;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: rgba(243, 238, 229, 0.72);
  text-decoration: none;
}

.website-cursor-dark .footer-links-item-danger {
  color: #f08c8c;
}

.website-cursor-dark .group-2 {
  position: absolute;
  top: 1679px;
  left: 200px;
  width: 402px;
  height: 743px;
  z-index: 5;
  transform: rotate(0deg);
}

.website-cursor-dark .login-with-OTP {
  position: absolute;
  top: -6px;
  left: -9px;
  width: 419px;
  height: 757px;
  background-color: #1f232e;
  border-radius: 42.9px;
  overflow: hidden;
  border: 8.58px solid;
  border-color: #5c5c5c;
}

.website-cursor-dark .login-with-OTP::after,
.website-cursor-dark .login-with-OTP-2::after,
.website-cursor-dark .login-with-OTP-3::after {
  content: "";
  position: absolute;
  top: 13px;
  left: 50%;
  transform: translateX(-50%);
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #090b11;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05);
  z-index: 80;
}

.website-cursor-dark .login-with-OTP::before {
  display: none;
}

.website-cursor-dark .rectangle {
  position: absolute;
  top: -4px;
  left: 0;
  right: 0;
  width: 100%;
  height: 47px;
  background-color: #1f232e;
  border-radius: 42.9px 42.9px 0px 0px;
}

.website-cursor-dark .rectangle-wrapper {
  position: absolute;
  top: 42px;
  left: 0;
  right: 0;
  width: 100%;
  height: 698px;
  display: flex;
  overflow: hidden;
}

.website-cursor-dark .rectangle-2 {
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  object-fit: cover;
  object-position: center top;
}

.website-cursor-dark .home-indicator {
  position: absolute;
  left: 0;
  bottom: 18px;
  right: 0;
  width: 100%;
  height: 77px;
  display: flex;
  align-items: flex-end;
  z-index: 70;
  pointer-events: none;
}

.website-cursor-dark .home-indicator-2 {
  margin-bottom: 1.5px;
  width: 147.94px;
  height: 5.36px;
  margin-left: 31.6%;
  margin-right: 31.6%;
  flex: 1;
  background-color: #ffffff !important;
  border-radius: 5.36px;
  opacity: 1;
}

.website-cursor-dark .status-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 50px;
  z-index: 40;
  border: 1.07px solid;
  border-color: transparent;
}

.website-cursor-dark .left-side {
  position: absolute;
  top: 13px;
  left: calc(50.00% - 175px);
  width: 58px;
  height: 23px;
  display: flex;
  justify-content: center;
  z-index: 45;
}

.website-cursor-dark .statusbar-time {
  position: relative;
  margin-top: 0;
  width: 57.91px;
  height: 22.52px;
  margin-left: 0;
  display: flex;
  border-radius: 25.74px;
}

.website-cursor-dark .text-wrapper-2 {
  margin-top: 0;
  width: 57.91px;
  height: 21.45px;
  margin-left: 0;
  font-family: "SF Pro Text-Semibold", Helvetica;
  font-weight: 500;
  color: var(--label-colordarkprimary);
  font-size: 19.4px;
  text-align: center;
  letter-spacing: -0.52px;
  line-height: 22.4px;
  white-space: nowrap;
}

.website-cursor-dark .status-icons {
  position: absolute;
  top: 10px;
  right: 15px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  width: auto;
  height: 17px;
  z-index: 25;
  color: #ffffff;
}

.website-cursor-dark .status-lucide {
  display: block;
  flex: none;
  stroke: currentColor;
  fill: none;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.website-cursor-dark .status-wifi {
  width: 17px;
  height: 17px;
}

.website-cursor-dark .status-battery {
  width: 23px;
  height: 16px;
  stroke-width: 2.35;
}

.website-cursor-dark .status-battery rect {
  fill: currentColor;
  stroke: currentColor;
}

.website-cursor-dark .status-battery line {
  stroke: currentColor;
  stroke-linecap: round;
}

.website-cursor-dark .rectangle-3 {
  position: absolute;
  top: 1265px;
  left: 160px;
  width: 360px;
  height: 224px;
  background-color: #1b1913;
  border-radius: 19px;
}

.website-cursor-dark .rectangle-4 {
  position: absolute;
  top: 1265px;
  left: 540px;
  width: 360px;
  height: 224px;
  background-color: #1b1913;
  border-radius: 19px;
}

.website-cursor-dark .rectangle-5 {
  position: absolute;
  top: 1265px;
  left: 920px;
  width: 360px;
  height: 224px;
  background-color: #1b1913;
  border-radius: 19px;
}

.website-cursor-dark .text-wrapper-3 {
  left: 258px;
  position: absolute;
  top: 1342px;
  font-family: "Inter-SemiBold", Helvetica;
  font-weight: 600;
  color: #edecec;
  font-size: 45px;
  letter-spacing: -1.3px;
  line-height: 70px;
  white-space: nowrap;
}

.website-cursor-dark .text-wrapper-4 {
  position: absolute;
  top: 1342px;
  left: 642px;
  font-family: "Inter-SemiBold", Helvetica;
  font-weight: 600;
  color: #edecec;
  font-size: 45px;
  letter-spacing: -1.3px;
  line-height: 70px;
  white-space: nowrap;
}

.website-cursor-dark .text-wrapper-5 {
  left: 1025px;
  position: absolute;
  top: 1342px;
  font-family: "Inter-SemiBold", Helvetica;
  font-weight: 600;
  color: #edecec;
  font-size: 45px;
  letter-spacing: -1.3px;
  line-height: 70px;
  white-space: nowrap;
}

.website-cursor-dark .login-with-OTP-2 {
  top: 293px;
  left: 863px;
  z-index: 11;
  border-color: #000000 !important;
  position: absolute;
  width: 419px;
  height: 757px;
  background-color: #1f232e !important;
  border-radius: 42.9px;
  overflow: hidden;
  box-sizing: border-box;
  border: 8.58px solid #000000 !important;
}

.website-cursor-dark .rectangle-6 {
  position: absolute;
  top: -4px;
  left: 0;
  right: 0;
  width: 100%;
  height: 47px;
  background-color: #1f232e;
  border-radius: 42.9px 42.9px 0px 0px;
}

.website-cursor-dark .group-3 {
  top: 0;
  height: 740px;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
}

.website-cursor-dark .rectangle-7 {
  position: absolute;
  top: 42px;
  left: 0;
  right: 0;
  width: 100%;
  height: 698px;
  object-fit: cover;
}

.website-cursor-dark .status-bar-2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 50px;
  z-index: 40;
}

.website-cursor-dark .div-wrapper {
  width: 57.91px;
  height: 22.52px;
  margin-left: 0;
  display: flex;
  border-radius: 25.74px;
}

.website-cursor-dark .group-4 {
  position: absolute;
  top: 261px;
  left: 671px;
  width: 402px;
  height: 743px;
  z-index: 10;
}

.website-cursor-dark .login-with-OTP-3 {
  top: -6px;
  left: -9px;
  position: absolute;
  width: 419px;
  height: 757px;
  background-color: #1f232e !important;
  border-radius: 42.9px;
  overflow: hidden;
  box-sizing: border-box;
  border: 8.58px solid #000000 !important;
  border-color: #000000 !important;
}

.website-cursor-dark .group-5 {
  top: 42px;
  height: 698px;
  background-image: url(./img/rectangle-293.png);
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
}

.website-cursor-dark .group-6 {
  position: absolute;
  top: 1847px;
  left: 843px;
  width: 597px;
  height: 1192px;
}

.website-cursor-dark .group-7 {
  position: absolute;
  top: 2645px;
  left: 0;
  width: 720px;
  height: 1315px;
}

.website-cursor-dark .p {
  position: absolute;
  top: 2440px;
  left: calc(50.00% - 422px);
  font-family: "Inter-Bold", Helvetica;
  font-weight: 700;
  color: #ffffffdb;
  font-size: 40px;
  text-align: center;
  letter-spacing: -1.3px;
  line-height: 50px;
  white-space: nowrap;
}

.website-cursor-dark .hero-title-2 {
  position: absolute;
  top: 1675px;
  left: 758px;
  width: 543px;
  font-family: "Inter-SemiBold", Helvetica;
  font-weight: 600;
  color: #f3eee5;
  font-size: 70px;
  letter-spacing: -1.3px;
  line-height: 70px;
}

.website-cursor-dark .powerful-debug-mode {
  position: absolute;
  top: 1898px;
  left: 758px;
  font-family: "Inter-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff99;
  font-size: 25px;
  letter-spacing: -1.3px;
  line-height: 30px;
}

.website-cursor-dark .footer-body {
  position: absolute;
  top: 3996px;
  left: 160px;
  width: 460px;
  font-family: "Inter-Regular", Helvetica;
  font-weight: 400;
  color: #f3eee59e;
  font-size: 18px;
  letter-spacing: -0.27px;
  line-height: 26px;
}

.website-cursor-dark .footer-play-badge {
  position: absolute;
  top: 4084px;
  left: 160px;
  width: 239px;
  height: 58px;
  display: flex;
  align-items: center;
  background-color: #f1eee7;
  border-radius: 999px;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 28px;
  text-decoration: none;
}

.website-cursor-dark .text-wrapper-6 {
  margin-top: 0;
  width: auto;
  height: auto;
  margin-left: 0;
  font-family: "Inter-SemiBold", Helvetica;
  font-weight: 600;
  color: #17140f;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.website-cursor-dark .footer-docs {
  position: absolute;
  top: 4098px;
  left: 430px;
  width: 162px;
  height: 40px;
  box-sizing: border-box;
  text-decoration: none;
}

.website-cursor-dark .footer-docs-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 162px;
  height: 40px;
  border-radius: 999px;
  border: 1px solid;
  border-color: #f3eee526;
}

.website-cursor-dark .text-wrapper-7 {
  position: absolute;
  top: 10px;
  left: 37px;
  font-family: "Inter-SemiBold", Helvetica;
  font-weight: 600;
  color: #f3eee5;
  font-size: 15px;
  letter-spacing: -0.23px;
  line-height: 20px;
  white-space: nowrap;
}

.website-cursor-dark .image {
  left: 920px;
  width: 357px;
  aspect-ratio: 0.57;
  object-fit: cover;
  position: absolute;
  top: 2656px;
  height: 623px;
}

.website-cursor-dark .image-2 {
  left: 171px;
  width: 347px;
  aspect-ratio: 0.56;
  object-fit: cover;
  position: absolute;
  top: 2656px;
  height: 623px;
}

.website-cursor-dark .image-3 {
  left: 540px;
  width: 360px;
  aspect-ratio: 0.58;
  position: absolute;
  top: 2656px;
  height: 623px;
}
/* =============================================
   ORIGINAL CSS INJECTED BELOW
   ============================================= */

.website-cursor-dark {
  background-color: #14120b;
  overflow: hidden;
  width: 100vw;
  min-width: 1440px;
  min-height: 4060px;
  position: relative;
}

.website-cursor-dark .autoclicker-with {
  position: absolute;
  top: 501px;
  left: 164px;
  font-family: "Inter-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff99;
  font-size: 25px;
  letter-spacing: -1.3px;
  line-height: 30px;
}

.website-cursor-dark .logo {
  position: absolute;
  top: 40px;
  left: 198px;
  width: 220px;
  font-family: "Inter-Bold", Helvetica;
  font-weight: 700;
  color: #f4f0e7;
  font-size: 26px;
  letter-spacing: -0.8px;
  line-height: 30px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 8px;
}

.website-cursor-dark .navbar {
  display: grid;
  grid-template-columns: repeat(4, fit-content(100%));
  grid-template-rows: repeat(1, fit-content(100%));
  width: 334px;
  height: 22px;
  gap: 125px 50px;
  position: absolute;
  top: 46px;
  left: calc(50.00% - 167px);
}

.website-cursor-dark .nav-product {
  grid-column: 1 / 2;
  width: 60px;
  position: relative;
  grid-row: 1 / 2;
  height: 20px;
  font-family: "Inter-Bold", Helvetica;
  font-weight: 700;
  color: #f0ecdd;
  font-size: 14px;
  letter-spacing: -0.1px;
  line-height: 20px;
  white-space: nowrap;
  text-decoration: none;
  display: block;
}

.website-cursor-dark .nav-enterprise {
  grid-column: 2 / 3;
  width: 41px;
  position: relative;
  grid-row: 1 / 2;
  height: 20px;
  font-family: "Inter-Bold", Helvetica;
  font-weight: 700;
  color: #f0ecdd;
  font-size: 14px;
  letter-spacing: -0.1px;
  line-height: 20px;
  white-space: nowrap;
  text-decoration: none;
  display: block;
}

.website-cursor-dark .nav-pricing {
  grid-column: 3 / 4;
  width: 48px;
  position: relative;
  grid-row: 1 / 2;
  height: 20px;
  font-family: "Inter-Bold", Helvetica;
  font-weight: 700;
  color: #f0ecdd;
  font-size: 14px;
  letter-spacing: -0.1px;
  line-height: 20px;
  white-space: nowrap;
  text-decoration: none;
  display: block;
}

.website-cursor-dark .nav-resources {
  grid-column: 4 / 5;
  width: 35px;
  position: relative;
  grid-row: 1 / 2;
  height: 20px;
  font-family: "Inter-Bold", Helvetica;
  font-weight: 700;
  color: #f0ecdd;
  font-size: 14px;
  letter-spacing: -0.1px;
  line-height: 20px;
  white-space: nowrap;
  text-decoration: none;
  display: block;
}

.website-cursor-dark .group {
  position: absolute;
  width: 162px;
  height: 29px;
  top: 41px;
  left: 1118px;
  display: flex;
}

.website-cursor-dark .div {
  width: 164px;
  height: 29px;
  position: relative;
}

.website-cursor-dark .download-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 162px;
  height: 29px;
  background-color: #252118;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.website-cursor-dark .text-wrapper {
  position: absolute;
  top: 5px;
  left: 41px;
  font-family: "Inter-SemiBold", Helvetica;
  font-weight: 600;
  color: #f3eee5;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.website-cursor-dark .hero-title {
  position: absolute;
  top: 361px;
  left: 160px;
  font-family: "Inter-SemiBold", Helvetica;
  font-weight: 600;
  color: #f3eee5;
  font-size: 70px;
  letter-spacing: -1.3px;
  line-height: 70px;
}

.website-cursor-dark .header-divider {
  position: absolute;
  top: 102px;
  left: 160px;
  width: calc(100vw - 320px);
  height: 1px;
  background-color: #2a241d;
  border-radius: 1px;
}

.website-cursor-dark .macroforge-logo {
  position: absolute;
  top: 39px;
  left: 160px;
  width: 32px;
  height: 32px;
  aspect-ratio: 1;
}

.website-cursor-dark .layered-peaks-haikei {
  position: absolute;
  top: 351px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100vw + 40px);
  min-width: 1447px;
  height: 1201px;
  filter: blur(2.5px);
}

.website-cursor-dark .vector {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.website-cursor-dark .img {
  height: 56.36%;
  top: 43.64%;
  position: absolute;
  width: 99.52%;
  left: 0;
}

.website-cursor-dark .vector-2 {
  height: 51.17%;
  top: 48.83%;
  position: absolute;
  width: 99.52%;
  left: 0;
}

.website-cursor-dark .vector-3 {
  height: 42.83%;
  top: 57.17%;
  position: absolute;
  width: 99.52%;
  left: 0;
}

.website-cursor-dark .vector-4 {
  height: 35.67%;
  top: 64.33%;
  position: absolute;
  width: 99.52%;
  left: 0;
}

.website-cursor-dark .vector-5 {
  height: 24.50%;
  top: 75.50%;
  position: absolute;
  width: 99.52%;
  left: 0;
}

.website-cursor-dark .vector-6 {
  height: 18.17%;
  top: 81.83%;
  position: absolute;
  width: 99.52%;
  left: 0;
}

.website-cursor-dark .vector-7 {
  height: 13.00%;
  top: 87.00%;
  position: absolute;
  width: 99.52%;
  left: 0;
}

.website-cursor-dark .getitongoogleplay {
  position: absolute;
  top: 601px;
  left: 212px;
  width: 239px;
  height: 71px;
}

.website-cursor-dark .group-2 {
  position: absolute;
  top: 1679px;
  left: 200px;
  width: 402px;
  height: 743px;
  transform: rotate(0deg);
}

.website-cursor-dark .login-with-OTP {
  position: absolute;
  top: -6px;
  left: -9px;
  width: 419px;
  height: 757px;
  background-color: #1f232e;
  border-radius: 42.9px;
  overflow: hidden;
  border: 8.58px solid;
  border-color: #5c5c5c;
}

.website-cursor-dark .login-with-OTP::after,
.website-cursor-dark .login-with-OTP-2::after,
.website-cursor-dark .login-with-OTP-3::after {
  content: "";
  position: absolute;
  top: 13px;
  left: 50%;
  transform: translateX(-50%);
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #090b11;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05);
  z-index: 80;
}

.website-cursor-dark .login-with-OTP::before {
  display: none;
}

.website-cursor-dark .rectangle {
  position: absolute;
  top: -4px;
  left: 0;
  right: 0;
  width: 100%;
  height: 47px;
  background-color: #1f232e;
  border-radius: 42.9px 42.9px 0px 0px;
}

.website-cursor-dark .rectangle-wrapper {
  position: absolute;
  top: 42px;
  left: 0;
  right: 0;
  width: 100%;
  height: 698px;
  display: flex;
  overflow: hidden;
}

.website-cursor-dark .rectangle-2 {
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  object-fit: cover;
  object-position: center top;
}

.website-cursor-dark .home-indicator {
  position: absolute;
  left: 0;
  bottom: 18px;
  right: 0;
  width: 100%;
  height: 77px;
  display: flex;
  align-items: flex-end;
  z-index: 70;
  pointer-events: none;
}

.website-cursor-dark .home-indicator-2 {
  margin-bottom: 1.5px;
  width: 147.94px;
  height: 5.36px;
  margin-left: 31.6%;
  margin-right: 31.6%;
  flex: 1;
  background-color: #ffffff !important;
  border-radius: 5.36px;
  opacity: 1;
}

.website-cursor-dark .status-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 50px;
  border: 1.07px solid;
  border-color: transparent;
}

.website-cursor-dark .left-side {
  position: absolute;
  top: 15px;
  left: calc(50.00% - 175px);
  width: 58px;
  height: 23px;
  display: flex;
  justify-content: center;
}

.website-cursor-dark .statusbar-time {
  margin-top: 0;
  width: 57.91px;
  height: 22.52px;
  margin-left: 0;
  display: flex;
  border-radius: 25.74px;
}

.website-cursor-dark .text-wrapper-2 {
  margin-top: 1.1px;
  width: 57.91px;
  height: 21.45px;
  margin-left: 0;
  font-family: "SF Pro Text-Semibold", Helvetica;
  font-weight: 400;
  color: var(--label-colordarkprimary);
  font-size: 18.2px;
  text-align: center;
  letter-spacing: -0.44px;
  line-height: 23.6px;
  white-space: nowrap;
}

.website-cursor-dark .rectangle-3 {
  position: absolute;
  top: 1265px;
  left: 160px;
  width: 360px;
  height: 224px;
  background-color: #1b1913;
  border-radius: 19px;
}

.website-cursor-dark .rectangle-4 {
  position: absolute;
  top: 1265px;
  left: 540px;
  width: 360px;
  height: 224px;
  background-color: #1b1913;
  border-radius: 19px;
}

.website-cursor-dark .rectangle-5 {
  position: absolute;
  top: 1265px;
  left: 920px;
  width: 360px;
  height: 224px;
  background-color: #1b1913;
  border-radius: 19px;
}

.website-cursor-dark .text-wrapper-3 {
  left: 258px;
  position: absolute;
  top: 1342px;
  font-family: "Inter-SemiBold", Helvetica;
  font-weight: 600;
  color: #edecec;
  font-size: 45px;
  letter-spacing: -1.3px;
  line-height: 70px;
  white-space: nowrap;
}

.website-cursor-dark .text-wrapper-4 {
  position: absolute;
  top: 1342px;
  left: 642px;
  font-family: "Inter-SemiBold", Helvetica;
  font-weight: 600;
  color: #edecec;
  font-size: 45px;
  letter-spacing: -1.3px;
  line-height: 70px;
  white-space: nowrap;
}

.website-cursor-dark .text-wrapper-5 {
  left: 1025px;
  position: absolute;
  top: 1342px;
  font-family: "Inter-SemiBold", Helvetica;
  font-weight: 600;
  color: #edecec;
  font-size: 45px;
  letter-spacing: -1.3px;
  line-height: 70px;
  white-space: nowrap;
}

.website-cursor-dark .login-with-OTP-2 {
  top: 293px;
  left: 863px;
  border-color: #000000 !important;
  position: absolute;
  width: 419px;
  height: 757px;
  background-color: #1f232e !important;
  border-radius: 42.9px;
  overflow: hidden;
  box-sizing: border-box;
  border: 8.58px solid #000000 !important;
}

.website-cursor-dark .rectangle-6 {
  position: absolute;
  top: -4px;
  left: 0;
  right: 0;
  width: 100%;
  height: 47px;
  background-color: #1f232e;
  border-radius: 42.9px 42.9px 0px 0px;
}

.website-cursor-dark .group-3 {
  top: 0;
  height: 740px;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
}

.website-cursor-dark .rectangle-7 {
  position: absolute;
  top: 42px;
  left: 0;
  right: 0;
  width: 100%;
  height: 698px;
  object-fit: cover;
}

.website-cursor-dark .status-bar-2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 50px;
}

.website-cursor-dark .div-wrapper {
  width: 57.91px;
  height: 22.52px;
  margin-left: 0;
  display: flex;
  border-radius: 25.74px;
}

.website-cursor-dark .group-4 {
  position: absolute;
  top: 261px;
  left: 671px;
  width: 402px;
  height: 743px;
}

.website-cursor-dark .login-with-OTP-3 {
  top: -6px;
  left: -9px;
  border-color: #000000 !important;
  position: absolute;
  width: 419px;
  height: 757px;
  background-color: #1f232e !important;
  border-radius: 42.9px;
  overflow: hidden;
  box-sizing: border-box;
  border: 8.58px solid #000000 !important;
}

.website-cursor-dark .group-5 {
  top: 42px;
  height: 698px;
  background-image: url(./img/rectangle-293.png);
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
}

.website-cursor-dark .group-6 {
  position: absolute;
  top: 1847px;
  left: 843px;
  width: 597px;
  height: 1192px;
}

.website-cursor-dark .group-7 {
  position: absolute;
  top: 2645px;
  left: 0;
  width: 720px;
  height: 1315px;
}

.website-cursor-dark .p {
  position: absolute;
  top: 2559px;
  left: calc(50.00% - 422px);
  font-family: "Inter-Bold", Helvetica;
  font-weight: 700;
  color: #ffffffdb;
  font-size: 40px;
  text-align: center;
  letter-spacing: -1.3px;
  line-height: 50px;
  white-space: nowrap;
}

.website-cursor-dark .hero-title-2 {
  position: absolute;
  top: 1801px;
  left: 758px;
  width: 543px;
  font-family: "Inter-SemiBold", Helvetica;
  font-weight: 600;
  color: #f3eee5;
  font-size: 70px;
  letter-spacing: -1.3px;
  line-height: 70px;
}

.website-cursor-dark .powerful-debug-mode {
  position: absolute;
  top: 2022px;
  left: 758px;
  font-family: "Inter-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff99;
  font-size: 25px;
  letter-spacing: -1.3px;
  line-height: 30px;
}

.website-cursor-dark .footer-body {
  position: absolute;
  top: 3996px;
  left: 160px;
  width: 460px;
  font-family: "Inter-Regular", Helvetica;
  font-weight: 400;
  color: #f3eee59e;
  font-size: 18px;
  letter-spacing: -0.27px;
  line-height: 26px;
}

.website-cursor-dark .footer-play-badge {
  position: absolute;
  top: 4084px;
  left: 160px;
  width: 239px;
  height: 71px;
  display: flex;
  background-color: #f1eee7;
  border-radius: 35.44px;
  overflow: hidden;
  cursor: pointer;
}

.website-cursor-dark .text-wrapper-6 {
  margin-top: 25.4px;
  width: 185px;
  height: 20px;
  margin-left: 27px;
  font-family: "Inter-SemiBold", Helvetica;
  font-weight: 600;
  color: #17140f;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.website-cursor-dark .footer-docs {
  position: absolute;
  top: 4104px;
  left: 430px;
  width: 164px;
  height: 29px;
  cursor: pointer;
}

.website-cursor-dark .footer-docs-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 162px;
  height: 29px;
  border-radius: 14.5px;
  border: 1px solid;
  border-color: #f3eee526;
}

.website-cursor-dark .text-wrapper-7 {
  position: absolute;
  top: 5px;
  left: 42px;
  font-family: "Inter-SemiBold", Helvetica;
  font-weight: 600;
  color: #f3eee5;
  font-size: 15px;
  letter-spacing: -0.23px;
  line-height: 20px;
  white-space: nowrap;
}

.website-cursor-dark .image {
  left: 920px;
  width: 357px;
  aspect-ratio: 0.57;
  object-fit: cover;
  position: absolute;
  top: 2656px;
  height: 623px;
}

.website-cursor-dark .image-2 {
  left: 171px;
  width: 347px;
  aspect-ratio: 0.56;
  object-fit: cover;
  position: absolute;
  top: 2656px;
  height: 623px;
}

.website-cursor-dark .image-3 {
  left: 540px;
  width: 360px;
  aspect-ratio: 0.58;
  position: absolute;
  top: 2656px;
  height: 623px;
}

/* =============================================
   SEMANTIC SECTION WRAPPERS
   These are zero-dimension wrappers used purely
   for semantic grouping; they do not affect layout.
   ============================================= */

.website-cursor-dark .site-header {
  position: static;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  display: contents;
}

.website-cursor-dark .hero-section {
  position: static;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  display: contents;
}

.website-cursor-dark .feature-cards-section {
  position: static;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  display: contents;
}

.website-cursor-dark .debug-section {
  position: static;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  display: contents;
}

.website-cursor-dark .automate-section {
  position: static;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  display: contents;
}

.website-cursor-dark .site-footer-section {
  position: static;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  display: contents;
}

/* =============================================
   FINAL LIVE OVERRIDES
   ============================================= */

.website-cursor-dark {
  min-height: 4060px !important;
}

.website-cursor-dark .site-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  transform: none !important;
  width: 100vw !important;
  height: 103px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  z-index: 1000 !important;
  background: rgba(20, 18, 11, 0.92) !important;
  backdrop-filter: blur(12px) !important;
}

.website-cursor-dark .hero-title {
  top: 421px !important;
  z-index: 30 !important;
}

.website-cursor-dark .autoclicker-with {
  top: 561px !important;
  z-index: 30 !important;
}

.website-cursor-dark .getitongoogleplay {
  top: 661px !important;
}

.website-cursor-dark .hero-play-badge {
  top: 661px !important;
  z-index: 30 !important;
}

.website-cursor-dark .logo,
.website-cursor-dark .navbar,
.website-cursor-dark .text-wrapper,
.website-cursor-dark .hero-title,
.website-cursor-dark .autoclicker-with,
.website-cursor-dark .text-wrapper-3,
.website-cursor-dark .text-wrapper-4,
.website-cursor-dark .text-wrapper-5,
.website-cursor-dark .hero-title-2,
.website-cursor-dark .powerful-debug-mode,
.website-cursor-dark .p,
.website-cursor-dark .footer-body,
.website-cursor-dark .footer-links-section,
.website-cursor-dark .footer-links-column,
.website-cursor-dark .footer-links-heading,
.website-cursor-dark .footer-links-item,
.website-cursor-dark .text-wrapper-6,
.website-cursor-dark .text-wrapper-7 {
  z-index: 90 !important;
}

.website-cursor-dark .group-6,
.website-cursor-dark .group-7,
.website-cursor-dark .image,
.website-cursor-dark .image-2,
.website-cursor-dark .image-3 {
  z-index: 20 !important;
}

.website-cursor-dark .group-6,
.website-cursor-dark .group-7 {
  pointer-events: none !important;
}

.website-cursor-dark .image,
.website-cursor-dark .image-2,
.website-cursor-dark .image-3 {
  cursor: pointer;
}

.website-cursor-dark .footer-links-section {
  position: absolute !important;
  top: 3460px !important;
  left: 160px !important;
  width: 1120px !important;
  min-height: 360px !important;
  display: block !important;
  padding-top: 28px !important;
  background: transparent !important;
  border-top: 1px solid rgba(243, 238, 229, 0.08) !important;
  z-index: 120 !important;
  pointer-events: auto !important;
}

.website-cursor-dark .footer-links-column {
  position: absolute !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

.website-cursor-dark .footer-links-column-left {
  top: 0 !important;
  left: 0 !important;
  width: 280px !important;
}

.website-cursor-dark .footer-links-column-right {
  top: 0 !important;
  left: 520px !important;
  width: 280px !important;
}

.website-cursor-dark .footer-links-heading {
  margin: 0 0 12px 0 !important;
  font-family: "Inter-SemiBold", Helvetica !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  letter-spacing: 3.6px !important;
  color: rgba(243, 238, 229, 0.42) !important;
}

.website-cursor-dark .footer-links-item {
  font-family: "Inter-Regular", Helvetica !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 21px !important;
  color: rgba(243, 238, 229, 0.68) !important;
  text-decoration: none !important;
  transition: color 0.18s ease !important;
  pointer-events: auto !important;
}

.website-cursor-dark .footer-links-item-danger {
  color: #d98686 !important;
}

@keyframes homepage-fade-up {
  from {
    opacity: 0;
    transform: translateY(18px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes homepage-float {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-8px);
  }
}

@keyframes homepage-wave-drift {
  0%,
  100% {
    transform: translateX(-50%) translateY(0);
  }

  50% {
    transform: translateX(-50%) translateY(-10px);
  }
}

.website-cursor-dark .logo,
.website-cursor-dark .navbar,
.website-cursor-dark .group,
.website-cursor-dark .hero-title,
.website-cursor-dark .autoclicker-with,
.website-cursor-dark .hero-play-badge,
.website-cursor-dark .group-2,
.website-cursor-dark .rectangle-3,
.website-cursor-dark .rectangle-4,
.website-cursor-dark .rectangle-5,
.website-cursor-dark .text-wrapper-3,
.website-cursor-dark .text-wrapper-4,
.website-cursor-dark .text-wrapper-5,
.website-cursor-dark .group-4,
.website-cursor-dark .login-with-OTP-2,
.website-cursor-dark .hero-title-2,
.website-cursor-dark .powerful-debug-mode,
.website-cursor-dark .p,
.website-cursor-dark .footer-links-section {
  animation: homepage-fade-up 0.7s ease-out both;
}

.website-cursor-dark .logo,
.website-cursor-dark .navbar,
.website-cursor-dark .group {
  animation-delay: 0.05s;
}

.website-cursor-dark .hero-title,
.website-cursor-dark .autoclicker-with,
.website-cursor-dark .hero-play-badge {
  animation-delay: 0.14s;
}

.website-cursor-dark .group-2,
.website-cursor-dark .login-with-OTP-2,
.website-cursor-dark .group-4,
.website-cursor-dark .hero-title-2,
.website-cursor-dark .powerful-debug-mode {
  animation-delay: 0.22s;
}

.website-cursor-dark .rectangle-3,
.website-cursor-dark .rectangle-4,
.website-cursor-dark .rectangle-5,
.website-cursor-dark .text-wrapper-3,
.website-cursor-dark .text-wrapper-4,
.website-cursor-dark .text-wrapper-5,
.website-cursor-dark .p {
  animation-delay: 0.28s;
}

.website-cursor-dark .footer-links-section {
  animation-delay: 0.34s;
}

.website-cursor-dark .group-6,
.website-cursor-dark .group-7,
.website-cursor-dark .image,
.website-cursor-dark .image-2,
.website-cursor-dark .image-3 {
  animation: homepage-float 7s ease-in-out infinite;
}

.website-cursor-dark .group-7,
.website-cursor-dark .image-2 {
  animation-delay: -2s;
}

.website-cursor-dark .image,
.website-cursor-dark .image-3 {
  animation-delay: -4s;
}

.website-cursor-dark .layered-peaks-haikei {
  animation: homepage-wave-drift 12s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .website-cursor-dark .logo,
  .website-cursor-dark .navbar,
  .website-cursor-dark .group,
  .website-cursor-dark .hero-title,
  .website-cursor-dark .autoclicker-with,
  .website-cursor-dark .hero-play-badge,
  .website-cursor-dark .group-2,
  .website-cursor-dark .rectangle-3,
  .website-cursor-dark .rectangle-4,
  .website-cursor-dark .rectangle-5,
  .website-cursor-dark .text-wrapper-3,
  .website-cursor-dark .text-wrapper-4,
  .website-cursor-dark .text-wrapper-5,
  .website-cursor-dark .group-4,
  .website-cursor-dark .login-with-OTP-2,
  .website-cursor-dark .hero-title-2,
  .website-cursor-dark .powerful-debug-mode,
  .website-cursor-dark .p,
  .website-cursor-dark .footer-links-section,
  .website-cursor-dark .group-6,
  .website-cursor-dark .group-7,
  .website-cursor-dark .image,
  .website-cursor-dark .image-2,
  .website-cursor-dark .image-3,
  .website-cursor-dark .layered-peaks-haikei {
    animation: none !important;
  }
}

.website-cursor-dark .footer-social-section {
  position: absolute;
  top: 3488px;
  left: 50%;
  transform: translateX(-50%);
  width: 1120px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 18px;
  padding: 0;
  z-index: 90;
}

.website-cursor-dark .footer-social-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
}

.website-cursor-dark .footer-social-link {
  width: 66px;
  height: 66px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(243, 238, 229, 0.06);
  border: 1px solid rgba(243, 238, 229, 0.06);
  color: #f3eee5;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
  transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.website-cursor-dark .footer-social-link:hover {
  transform: translateY(-2px);
  background: rgba(243, 238, 229, 0.12);
  border-color: rgba(243, 238, 229, 0.14);
}

.website-cursor-dark .footer-social-icon {
  width: 28px;
  height: 28px;
  display: block;
  object-fit: contain;
}

.website-cursor-dark .footer-social-icon-youtube {
  width: 30px;
  height: 30px;
}

.website-cursor-dark .footer-social-icon-discord {
  filter: brightness(0) invert(1);
  opacity: 0.94;
}

.website-cursor-dark .footer-signoff {
  margin: 0;
  font-family: "Inter-Regular", Helvetica;
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  letter-spacing: -0.4px;
  color: rgba(231, 210, 176, 0.86);
  text-align: right;
}

.website-cursor-dark .group-6,
.website-cursor-dark .group-7,
.website-cursor-dark .image,
.website-cursor-dark .image-2,
.website-cursor-dark .image-3,
.website-cursor-dark .layered-peaks-haikei {
  animation: none !important;
}

.website-cursor-dark .layered-peaks-haikei {
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: calc(100vw + 400px) !important;
  min-width: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

.website-cursor-dark .group-6 {
  width: calc(100vw - 843px + 200px) !important;
}

.website-cursor-dark .nav-product,
.website-cursor-dark .nav-enterprise,
.website-cursor-dark .nav-pricing,
.website-cursor-dark .nav-resources,
.website-cursor-dark .group,
.website-cursor-dark .div,
.website-cursor-dark .download-button,
.website-cursor-dark .text-wrapper,
.website-cursor-dark .hero-play-badge,
.website-cursor-dark .rectangle-3,
.website-cursor-dark .rectangle-4,
.website-cursor-dark .rectangle-5,
.website-cursor-dark .text-wrapper-3,
.website-cursor-dark .text-wrapper-4,
.website-cursor-dark .text-wrapper-5,
.website-cursor-dark .group-2,
.website-cursor-dark .group-4,
.website-cursor-dark .group-6,
.website-cursor-dark .group-7,
.website-cursor-dark .image,
.website-cursor-dark .image-2,
.website-cursor-dark .image-3,
.website-cursor-dark .footer-links-heading,
.website-cursor-dark .footer-links-item,
.website-cursor-dark .footer-social-link,
.website-cursor-dark .footer-play-badge,
.website-cursor-dark .footer-docs {
  transition:
    transform 0.18s ease,
    color 0.18s ease,
    background-color 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    opacity 0.18s ease,
    filter 0.18s ease;
}

.website-cursor-dark .footer-links-heading,
.website-cursor-dark .footer-links-item {
  display: inline-block;
}

.website-cursor-dark .text-wrapper-3,
.website-cursor-dark .text-wrapper-4,
.website-cursor-dark .text-wrapper-5 {
  pointer-events: none;
}

.website-cursor-dark .nav-product:hover,
.website-cursor-dark .nav-enterprise:hover,
.website-cursor-dark .nav-pricing:hover,
.website-cursor-dark .nav-resources:hover,
.website-cursor-dark .footer-links-heading:hover,
.website-cursor-dark .footer-links-item:hover {
  color: rgba(243, 238, 229, 0.82) !important;
}

.website-cursor-dark .download-button:hover,
.website-cursor-dark .footer-play-badge:hover,
.website-cursor-dark .footer-docs:hover,
.website-cursor-dark .footer-social-link:hover {
  transform: translateY(-2px);
}

.website-cursor-dark .hero-play-badge:hover {
  transform: translateY(-2px);
}

.website-cursor-dark .group:hover .div,
.website-cursor-dark .group:hover .download-button,
.website-cursor-dark .group:hover .text-wrapper {
  transform: translateY(-2px);
}

.website-cursor-dark .rectangle-3:hover,
.website-cursor-dark .rectangle-4:hover,
.website-cursor-dark .rectangle-5:hover {
  transform: translateY(-3px);
  background-color: #222019;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}

.website-cursor-dark:has(.rectangle-3:hover) .text-wrapper-3,
.website-cursor-dark:has(.rectangle-4:hover) .text-wrapper-4,
.website-cursor-dark:has(.rectangle-5:hover) .text-wrapper-5 {
  transform: translateY(-3px);
  color: #f3eee5;
}

.website-cursor-dark .group-2:hover {
  transform: translateY(-4px) rotate(0deg);
}

.website-cursor-dark .group-4:hover,
.website-cursor-dark .group-6:hover,
.website-cursor-dark .group-7:hover,
.website-cursor-dark .image:hover,
.website-cursor-dark .image-2:hover,
.website-cursor-dark .image-3:hover {
  transform: translateY(-4px);
  filter: brightness(1.03);
}

@media (prefers-reduced-motion: reduce) {
  .website-cursor-dark .nav-product,
  .website-cursor-dark .nav-enterprise,
  .website-cursor-dark .nav-pricing,
  .website-cursor-dark .nav-resources,
  .website-cursor-dark .group,
  .website-cursor-dark .div,
  .website-cursor-dark .download-button,
  .website-cursor-dark .text-wrapper,
  .website-cursor-dark .hero-play-badge,
  .website-cursor-dark .rectangle-3,
  .website-cursor-dark .rectangle-4,
  .website-cursor-dark .rectangle-5,
  .website-cursor-dark .text-wrapper-3,
  .website-cursor-dark .text-wrapper-4,
  .website-cursor-dark .text-wrapper-5,
  .website-cursor-dark .group-2,
  .website-cursor-dark .group-4,
  .website-cursor-dark .group-6,
  .website-cursor-dark .group-7,
  .website-cursor-dark .image,
  .website-cursor-dark .image-2,
  .website-cursor-dark .image-3,
  .website-cursor-dark .footer-links-item,
  .website-cursor-dark .footer-social-link,
  .website-cursor-dark .footer-play-badge,
  .website-cursor-dark .footer-docs {
    transition: none !important;
  }
}

html.page-booting .website-cursor-dark {
  opacity: 0;
}

html.page-ready .website-cursor-dark {
  opacity: 1;
  transition: opacity 0.18s ease;
}

html.page-booting .website-cursor-dark,
html.page-booting .website-cursor-dark *,
html.page-booting .website-cursor-dark *::before,
html.page-booting .website-cursor-dark *::after {
  animation: none !important;
  transition: none !important;
}

.website-cursor-dark .status-icons {
  top: 10px !important;
  right: 15px !important;
  gap: 5px !important;
  width: auto !important;
  height: 17px !important;
  z-index: 50 !important;
}

.website-cursor-dark .status-bar,
.website-cursor-dark .status-bar-2 {
  z-index: 45 !important;
}

.website-cursor-dark .left-side,
.website-cursor-dark .div-wrapper,
.website-cursor-dark .statusbar-time,
.website-cursor-dark .text-wrapper-2 {
  position: relative !important;
  z-index: 50 !important;
}

.website-cursor-dark .status-lucide {
  display: block !important;
  flex: none !important;
  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 2.1 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.website-cursor-dark .status-wifi {
  width: 17px !important;
  height: 17px !important;
}

.website-cursor-dark .status-battery {
  width: 23px !important;
  height: 16px !important;
  stroke-width: 2.35 !important;
}

.website-cursor-dark .status-battery rect {
  fill: currentColor !important;
  stroke: currentColor !important;
}

.website-cursor-dark .status-battery line {
  stroke: currentColor !important;
  stroke-linecap: round !important;
}