.desktop {
  background-color: #ffffff;
  display: grid;
  justify-items: center;
  align-items: start;
  width: 100vw;
}

.desktop .div {
  background-color: #ffffff;
  width: 1380px;
  height: 970px;
  position: relative;
}

.desktop .tagline {
  position: absolute;
  width: 426px;
  top: 333px;
  left: 145px;
  font-family: "Atkinson Hyperlegible Next", Helvetica;
  font-weight: 400;
  color: #42415d;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 30px;
}

.desktop .flexcontainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.24px;
  position: absolute;
  width: 535px;
  height: 359px;
  top: 402px;
  left: 145px;
}

.desktop .text {
  position: relative;
  align-self: stretch;
  font-family: var(--body-p3-font-family);
  font-weight: var(--body-p3-font-weight);
  color: #42415d;
  font-size: var(--body-p3-font-size);
  letter-spacing: var(--body-p3-letter-spacing);
  line-height: var(--body-p3-line-height);
  font-style: var(--body-p3-font-style);
}

.desktop .text-wrapper {
  font-family: var(--body-p3-font-family);
  font-weight: var(--body-p3-font-weight);
  color: #42415d;
  font-size: var(--body-p3-font-size);
  letter-spacing: var(--body-p3-letter-spacing);
  line-height: var(--body-p3-line-height);
  font-style: var(--body-p3-font-style);
}

.desktop .primary {
  display: flex;
  flex-direction: column;
  width: 150px;
  height: 48px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  position: absolute;
  top: 21px;
  left: 1198px;
  background-color: #4a0b6c;
  border-radius: 12px;
}

.desktop .frame {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
  margin-bottom: -2.00px;
}

.desktop .enabled {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--body-p1-font-family);
  font-weight: var(--body-p1-font-weight);
  color: #ffffff;
  font-size: var(--body-p1-font-size);
  letter-spacing: var(--body-p1-letter-spacing);
  line-height: var(--body-p1-line-height);
  white-space: nowrap;
  font-style: var(--body-p1-font-style);
}

.desktop .button {
  all: unset;
  box-sizing: border-box;
  position: absolute;
  width: 338px;
  height: 48px;
  top: 821px;
  left: 144px;
}

.desktop .frame-wrapper {
  display: flex;
  flex-direction: column;
  width: 338px;
  height: 48px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  position: relative;
  background-color: #4a0b6c;
  border-radius: 12px;
}

.desktop .enableall-logo {
  position: absolute;
  width: 197px;
  height: 32px;
  top: 30px;
  left: 32px;
}

.desktop .logo {
  position: absolute;
  width: 196px;
  height: 32px;
  top: 0;
  left: 0;
}

.desktop .p {
  position: absolute;
  width: 578px;
  top: 245px;
  left: 145px;
  font-family: "Atkinson Hyperlegible Next", Helvetica;
  font-weight: 400;
  color: #010101;
  font-size: 56px;
  letter-spacing: 0;
  line-height: 60px;
}

.desktop .span {
  font-family: "Atkinson Hyperlegible Next", Helvetica;
  font-weight: 400;
  color: #010101;
  font-size: 56px;
  letter-spacing: 0;
  line-height: 60px;
}

.desktop .text-wrapper-2 {
  font-weight: 700;
}

.desktop .overlap-group-wrapper {
  position: absolute;
  width: 46px;
  height: 34px;
  top: 144px;
  left: 1044px;
}

.desktop .overlap-group {
  position: relative;
  height: 34px;
}

.desktop .ellipse {
  position: absolute;
  width: 34px;
  height: 34px;
  top: 0;
  left: 0;
  border-radius: 17px;
  border: 1px solid;
  border-color: #ffffff40;
}

.desktop .ellipse-2 {
  position: absolute;
  width: 34px;
  height: 34px;
  top: 0;
  left: 4px;
  border-radius: 17px;
  border: 1px solid;
  border-color: #ffffff40;
}

.desktop .ellipse-3 {
  position: absolute;
  width: 34px;
  height: 34px;
  top: 0;
  left: 8px;
  border-radius: 17px;
  border: 1px solid;
  border-color: #ffffff40;
}

.desktop .ellipse-4 {
  position: absolute;
  width: 34px;
  height: 34px;
  top: 0;
  left: 12px;
  border-radius: 17px;
  border: 1px solid;
  border-color: #ffffff40;
}

.desktop .overlap {
  position: absolute;
  width: 572px;
  height: 519px;
  top: 178px;
  left: 723px;
}

.desktop .ellipse-5 {
  position: absolute;
  width: 7px;
  height: 7px;
  top: 25px;
  left: 282px;

  border-radius: 3.5px;
}

.desktop .group {
  position: absolute;
 width: 588px;
    height: 584px;
  top: 80px;
  left: 0;
}



.waiting-list-form {
  background-color: #ffffff;
  display: grid;
  justify-items: center;
  align-items: start;

}

.waiting-list-form .div {
  background-color: #ffffff;
  width: 1380px;
  height: 1690px;
  position: relative;
}

.waiting-list-form .frame {
  position: absolute;
  width: 46px;
  height: 34px;
  top: 137px;
  left: 1083px;
}

.waiting-list-form .overlap-group {
  position: relative;
  height: 34px;
}

.waiting-list-form .ellipse {
  position: absolute;
  width: 34px;
  height: 34px;
  top: 0;
  left: 0;
  border-radius: 17px;
  border: 1px solid;
  border-color: #ffffff40;
}

.waiting-list-form .ellipse-2 {
  position: absolute;
  width: 34px;
  height: 34px;
  top: 0;
  left: 4px;
  border-radius: 17px;
  border: 1px solid;
  border-color: #ffffff40;
}

.waiting-list-form .ellipse-3 {
  position: absolute;
  width: 34px;
  height: 34px;
  top: 0;
  left: 8px;
  border-radius: 17px;
  border: 1px solid;
  border-color: #ffffff40;
}

.waiting-list-form .ellipse-4 {
  position: absolute;
  width: 34px;
  height: 34px;
  top: 0;
  left: 12px;
  border-radius: 17px;
  border: 1px solid;
  border-color: #ffffff40;
}

.waiting-list-form .primary {
  display: flex;
  flex-direction: column;
  width: 150px;
  height: 48px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  position: absolute;
  top: 21px;
  left: 1198px;
  background-color: var(--variable-collection-brand-primary);
  border-radius: 12px;
}

.waiting-list-form .enabled-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
  margin-bottom: -2.00px;
}

.waiting-list-form .enabled {
  position: relative;

  margin-top: -1.00px;
  font-family: var(--body-p1-font-family);
  font-weight: var(--body-p1-font-weight);
  color: var(--variable-collection-text-white);
  font-size: var(--body-p1-font-size);
  letter-spacing: var(--body-p1-letter-spacing);
  line-height: var(--body-p1-line-height);
  white-space: nowrap;
  font-style: var(--body-p1-font-style);
}

.waiting-list-form .button {
  all: unset;
  box-sizing: border-box;
  position: absolute;
  width: 423px;
  height: 48px;
  top: 1332px;
  left: 482px;
}

.waiting-list-form .frame-wrapper {
  display: flex;
  flex-direction: column;
  width: 423px;
  height: 48px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  position: relative;
  background-color: var(--variable-collection-brand-primary);
  border-radius: 12px;
}

.waiting-list-form .enableall-logo {
  position: absolute;
  width: 197px;
  height: 32px;
  top: 30px;
  left: 32px;
}

.waiting-list-form .logo {
  position: absolute;
  width: 196px;
  height: 32px;
  top: 0;
  left: 0;
}

.waiting-list-form .tagline {
  position: absolute;
  width: 578px;
  top: 0px;
  left: 401px;
  font-family: "Atkinson Hyperlegible Next", Helvetica;
  font-weight: 400;
  color: var(--variable-collection-text-primary-duplicate);
  font-size: 56px;
  text-align: center;
  letter-spacing: 0;
  line-height: 60px;
  white-space: nowrap;
}

.waiting-list-form .text-wrapper {
  font-family: "Atkinson Hyperlegible Next", Helvetica;
  font-weight: 400;
  color: #010101;
  font-size: 56px;
  letter-spacing: 0;
  line-height: 60px;
}

.waiting-list-form .span {
  font-weight: 700;
}

.waiting-list-form .ellipse-5 {
  position: absolute;
  width: 7px;
  height: 7px;
  top: 137px;
  left: 1044px;
  background-color: #000000;
  border-radius: 3.5px;
}

.waiting-list-form .frame-2 {
  display: flex;
  flex-direction: column;
  width: 423px;
  align-items: flex-start;
  gap: 24px;
  position: absolute;
  top: 104px;
  left: 482px;
}

.waiting-list-form .div-2 {
  position: relative;
  width: 423px;
  height: 88px;
}

.waiting-list-form .frame-3 {
  display: flex;
  flex-direction: column;
  width: 197px;
  align-items: flex-start;
  gap: 4px;
  position: absolute;
  top: 0;
  left: 0;
}

.waiting-list-form .text-wrapper-2 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--heading-h5-font-family);
  font-weight: var(--heading-h5-font-weight);
  color: var(--variable-collection-text-primary-duplicate);
  font-size: var(--heading-h5-font-size);
  letter-spacing: var(--heading-h5-letter-spacing);
  line-height: var(--heading-h5-line-height);
  font-style: var(--heading-h5-font-style);
}

.waiting-list-form .div-wrapper {
  display: flex;
  flex-direction: column;
  height: 56px;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  padding: 10px 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  border-radius: 12px;
  border: 1px solid;
}

.waiting-list-form .frame-4 {
  position: relative;
  flex: 0 0 auto;
  align-items: center;
  gap: 4px;
}

.waiting-list-form .hint {
  position: relative;

  margin-top: -1.00px;
  font-family: var(--body-p1-font-family);
  font-weight: var(--body-p1-font-weight);
  color: var(--variable-collection-text-hint-duplicate);
  font-size: var(--body-p1-font-size);
  letter-spacing: var(--body-p1-letter-spacing);
  line-height: var(--body-p1-line-height);
  white-space: nowrap;
  font-style: var(--body-p1-font-style);
}

.waiting-list-form .frame-5 {
  display: flex;
  flex-direction: column;
  width: 210px;
  
  gap: 4px;
  position: absolute;
  top: 0;
  left: 213px;
}

.waiting-list-form .primary-2 {
  display: flex;
  flex-direction: column;
  height: 56px;
  
  justify-content: center;
  gap: 10px;
  padding: 10px 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  border-radius: 12px;
  border: 1px solid;
}

.waiting-list-form .text-wrapper-3 {
  position: relative;

  margin-top: -1.00px;
  font-family: var(--body-p1-font-family);
  font-weight: var(--body-p1-font-weight);
  color: var(--variable-collection-text-hint);
  font-size: var(--body-p1-font-size);
  letter-spacing: var(--body-p1-letter-spacing);
  line-height: var(--body-p1-line-height);
  white-space: nowrap;
  font-style: var(--body-p1-font-style);
}

.waiting-list-form .frame-6 {
  display: flex;
  flex-direction: column;
  
  gap: 4px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.waiting-list-form .label {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Atkinson Hyperlegible Next", Helvetica;
  font-weight: 400;
  color: var(--variable-collection-text-primary-duplicate);
  font-size: 20px;
  letter-spacing: 0;
  line-height: 20px;
}

.waiting-list-form .text-wrapper-4 {
  font-weight: var(--heading-h5-font-weight);
  color: #010101;
  line-height: var(--heading-h5-line-height);
  font-family: var(--heading-h5-font-family);
  font-style: var(--heading-h5-font-style);
  letter-spacing: var(--heading-h5-letter-spacing);
  font-size: var(--heading-h5-font-size);
}

.waiting-list-form .text-wrapper-5 {
  color: #42415d;
  font-size: var(--body-p3-font-size);
  line-height: var(--body-p3-line-height);
  font-family: var(--body-p3-font-family);
  font-style: var(--body-p3-font-style);
  font-weight: var(--body-p3-font-weight);
  letter-spacing: var(--body-p3-letter-spacing);
}

.waiting-list-form .frame-7 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 88px;
}

.waiting-list-form .label-2 {
  position: absolute;
  width: 423px;
  top: -1px;
  left: 0;
  font-family: var(--heading-h5-font-family);
  font-weight: var(--heading-h5-font-weight);
  color: var(--variable-collection-text-primary-duplicate);
  font-size: var(--heading-h5-font-size);
  letter-spacing: var(--heading-h5-letter-spacing);
  line-height: var(--heading-h5-line-height);
  font-style: var(--heading-h5-font-style);
}

.waiting-list-form .primary-3 {
  position: absolute;
  width: 320px;
  height: 56px;
  top: 32px;
  left: 103px;
  border-radius: 12px;
  border: 1px solid;
}

.waiting-list-form .hint-wrapper {
  position: relative;
  top: 13px;
  left: 12px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.waiting-list-form .primary-4 {
  position: absolute;
  width: 97px;
  height: 56px;
  top: 32px;
  left: 0;
  border-radius: 12px;
  border: 1px solid;
}

.waiting-list-form .frame-8 {
  position: relative;
  top: 13px;
  left: 12px;
  align-items: center;
  gap: 4px;
}

.waiting-list-form .text-wrapper-6 {
  position: relative;
width: 90%;
  margin-top: -1.00px;
  font-family: var(--body-p1-font-family);
  font-weight: var(--body-p1-font-weight);
  color: var(--variable-collection-text-primary);
  font-size: var(--body-p1-font-size);
  letter-spacing: var(--body-p1-letter-spacing);
  line-height: var(--body-p1-line-height);
  white-space: nowrap;
  font-style: var(--body-p1-font-style);
}

.waiting-list-form .arrow-down {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 16px;
  left: 65px;
  aspect-ratio: 1;
      pointer-events: none;  /* 👈 lets clicks pass through */

}

.waiting-list-form .subtract-wrapper {
  top: -973px;
  left: -5375px;
  position: absolute;
  width: 1px;
  height: 1px;
  background-image: url(./img/subtract-3.svg);
  background-size: 100% 100%;
}

.waiting-list-form .subtract {
  position: absolute;
  width: 1px;
  height: 1px;
  top: 0;
  left: 0;
}

.waiting-list-form .union {
  position: absolute;
  width: 16px;
  height: 9px;
  top: 8px;
  left: 4px;
}

.waiting-list-form .frame-9 {
  display: flex;
  flex-direction: column;
  width: 424px;
  align-items: flex-end;
  gap: 24px;
  position: absolute;
  top: 663px;
  left: 482px;
}

.waiting-list-form .overlap {
  position: relative;
  height: 88px;
}

.waiting-list-form .frame-10 {
  display: flex;
  flex-direction: column;
  width: 423px;
  
  gap: 4px;
  position: absolute;
  top: 0;
  left: 0;
}

.waiting-list-form .arrow-down-2 {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 48px;
  left: 383px;
  aspect-ratio: 1;
    pointer-events: none;  /* 👈 lets clicks pass through */

}

.waiting-list-form .img-wrapper {
  top: -1232px;
  left: -5694px;
  position: absolute;
  width: 1px;
  height: 1px;
  background-image: url(./img/image.svg);
  background-size: 100% 100%;
}

.waiting-list-form .group {
  position: absolute;
  width: 423px;
  height: 88px;
  top: 917px;
  left: 482px;
}

.waiting-list-form .overlap-wrapper {
  height: 88px;
}

.waiting-list-form .populated {
  position: relative;

  margin-top: -1.00px;
  font-family: var(--body-p1-font-family);
  font-weight: var(--body-p1-font-weight);
  color: var(--variable-collection-text-primary-duplicate);
  font-size: var(--body-p1-font-size);
  letter-spacing: var(--body-p1-letter-spacing);
  line-height: var(--body-p1-line-height);
  white-space: nowrap;
  font-style: var(--body-p1-font-style);
}

.waiting-list-form .overlap-group-2 {
  top: -1352px;
  left: -5693px;
  position: absolute;
  width: 1px;
  height: 1px;
  background-image: url(./img/subtract-2.svg);
  background-size: 100% 100%;
}

.waiting-list-form .group-2 {
  position: absolute;
  width: 423px;
  height: 223px;
  top: 1043px;
  left: 482px;
}

.waiting-list-form .frame-11 {
  display: flex;
  flex-direction: column;
  width: 423px;
  
  gap: 4px;
  position: relative;
}

.waiting-list-form .primary-5 {
  display: flex;
  flex-direction: column;
  height: 191px;
  
  gap: 10px;
  padding: 10px 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  border-radius: 12px;
  border: 1px solid;
}
/* Original CSS code should be injected here */

/* Additional styles for semantic HTML elements and accessibility */
.header {
  position: relative;
  width: 100%;
  height: 200px;
}

.hero {
  position: relative;
  width: 100%;
  text-align: center;
}

.waitlist-form {
  position: relative;
  width: 100%;
}

.phone-input-group {
  position: relative;
  width: 100%;
  height: 56px;
  margin-top: 32px;
}

.error-message {
  color: #dc3545;
  font-size: 14px;
  margin-top: 4px;
  min-height: 20px;
  display: none;
}

.error-message.show {
  display: block;
}

/* Input field styles to maintain visual consistency */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
select,
textarea {
  background: transparent;
  border: none;
  outline: none;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  padding: 0;
  margin: 0;
  resize: none;
}


/* Select dropdown arrow hiding for custom styling */
select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  cursor: pointer;
}

/* Textarea specific styles */
textarea {
  vertical-align: top;
  line-height: 1.5;
}

/* Form validation states */
.frame-3:has(input:invalid:not(:placeholder-shown)) .div-wrapper,
.frame-5:has(input:invalid:not(:placeholder-shown)) .primary-2,
.frame-6:has(input:invalid:not(:placeholder-shown)) .primary-2,
.frame-7:has(input:invalid:not(:placeholder-shown)) .primary-3,
.frame-10:has(select:invalid) .primary-2,
.frame-11:has(textarea:invalid:not(:placeholder-shown)) .primary-5 {
  border-color: #dc3545;
}

/* Accessibility improvements */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Screen reader only content */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* High contrast mode support */


/* Focus management for form elements */

/* Responsive adjustments */
@media (max-width: 768px) {
  .waiting-list-form .div {
    width: 100%;
    max-width: 100vw;
    padding: 0 20px;
  }

  .frame-2,
  .frame-9,
  .group,
  .group-2 {
    width: 100%;
    max-width: 423px;
    left: 50%;
    transform: translateX(-50%);
  }

  .button {
    width: 100%;
    max-width: 423px;
    left: 50%;
    transform: translateX(-50%);
  }

  .tagline {
    width: 100%;
    max-width: 578px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 40px;
    line-height: 48px;
  }
}
.waiting-list {
  background-color: #ffffff;
  display: grid;
  justify-items: center;
  align-items: start;

}

.waiting-list .div {
  background-color: #ffffff;
  width: 1380px;
  height: 1003px;
  position: relative;
}

.waiting-list .frame {
  position: absolute;
  width: 46px;
  height: 34px;
  top: 137px;
  left: 1083px;
}

.waiting-list .overlap-group {
  position: relative;
  height: 34px;
}

.waiting-list .ellipse {
  position: absolute;
  width: 34px;
  height: 34px;
  top: 0;
  left: 0;
  border-radius: 17px;
  border: 1px solid;
  border-color: #ffffff40;
}

.waiting-list .ellipse-2 {
  position: absolute;
  width: 34px;
  height: 34px;
  top: 0;
  left: 4px;
  border-radius: 17px;
  border: 1px solid;
  border-color: #ffffff40;
}

.waiting-list .ellipse-3 {
  position: absolute;
  width: 34px;
  height: 34px;
  top: 0;
  left: 8px;
  border-radius: 17px;
  border: 1px solid;
  border-color: #ffffff40;
}

.waiting-list .ellipse-4 {
  position: absolute;
  width: 34px;
  height: 34px;
  top: 0;
  left: 12px;
  border-radius: 17px;
  border: 1px solid;
  border-color: #ffffff40;
}

.waiting-list .primary {
  display: flex;
  flex-direction: column;
  width: 150px;
  height: 48px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  position: absolute;
  top: 21px;
  left: 1198px;
  background-color: var(--variable-collection-brand-primary);
  border-radius: 12px;
}

.waiting-list .enabled-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
  margin-bottom: -2.00px;
}

.waiting-list .enabled {
  position: relative;

  margin-top: -1.00px;
  font-family: "Atkinson Hyperlegible Next", Helvetica;
  font-weight: 400;
  color: var(--variable-collection-text-white);
  font-size: 19px;
  letter-spacing: 0;
  line-height: 30px;
  white-space: nowrap;
}

.waiting-list .enableall-logo {
  position: absolute;
  width: 197px;
  height: 32px;
  top: 30px;
  left: 32px;
}

.waiting-list .logo {
  position: absolute;
  width: 196px;
  height: 32px;
  top: 0;
  left: 0;
}

.waiting-list .tagline {
  position: absolute;
  width: 578px;
  top: 161px;
  left: 401px;
  font-family: "Atkinson Hyperlegible Next", Helvetica;
  font-weight: 400;
  color: var(--variable-collection-text-primary-duplicate);
  font-size: 56px;
  text-align: center;
  letter-spacing: 0;
  line-height: 60px;
}

.waiting-list .text-wrapper {
  position: absolute;
  width: 578px;
  top: 303px;
  left: 401px;
  font-family: var(--body-p1-font-family);
  font-weight: var(--body-p1-font-weight);
  color: var(--variable-collection-text-primary-duplicate);
  font-size: var(--body-p1-font-size);
  text-align: center;
  letter-spacing: var(--body-p1-letter-spacing);
  line-height: var(--body-p1-line-height);
  font-style: var(--body-p1-font-style);
}

.waiting-list .ellipse-5 {
  position: absolute;
  width: 7px;
  height: 7px;
  top: 137px;
  left: 1044px;
  background-color: #000000;
  border-radius: 3.5px;
}

.waiting-list .button {
  all: unset;
  box-sizing: border-box;
  position: absolute;
  width: 423px;
  height: 48px;
  top: 428px;
  left: 475px;
}

.waiting-list .frame-wrapper {
  display: flex;
  flex-direction: column;
  width: 423px;
  height: 48px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  position: relative;
  background-color: var(--variable-collection-brand-primary);
  border-radius: 12px;
}
/* Original CSS code should be injected here */

/* Additional semantic and accessibility improvements */
.waiting-list {
  min-height: 100vh;
}

.site-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: 21px;
  left: 32px;
  right: 32px;
  z-index: 10;
}

.primary-nav {
  margin-left: auto;
}

.user-avatars {
  position: absolute;
  top: 137px;
  left: 1044px;
  right: 251px;
}

.confirmation-content {
  position: absolute;
  top: 100px;
  left: 0px;
  right: 401px;
  text-align: center;
}

.waiting-list .primary:hover {
  background-color: var(--variable-collection-brand-primary);
  opacity: 0.9;
  cursor: pointer;
}

.waiting-list .primary:focus {
  outline: 2px solid #4a90e2;
  outline-offset: 2px;
}

.waiting-list .button:hover {
  opacity: 0.9;
  cursor: pointer;
}

.waiting-list .button:focus {
  outline: 2px solid #4a90e2;
  outline-offset: 2px;
}

.waiting-list .button:active,
.waiting-list .primary:active {
  transform: translateY(1px);
}



.landing-page-home{
  display: none;
}
.landing-page-form{
  display: none;
}



.thankyou{
  .waiting-list {
  background-color: #ffffff;
  display: grid;
  justify-items: center;
  align-items: start;
  width: 100vw;
  
}

.waiting-list .div {
  background-color: #ffffff;
  width: 1380px;
  height: 985px;
  position: relative;
}

.waiting-list .overlap {
  position: absolute;
  width: 380px;
  height: 540px;
  top: 137px;
  left: 824px;
}

.waiting-list .frame {
  position: absolute;
  width: 46px;
  height: 34px;
  top: 0;
  left: 259px;
}

.waiting-list .overlap-group {
  position: relative;
  height: 34px;
}

.waiting-list .ellipse {
  width: 34px;
  height: 34px;
  left: 0;
  border-radius: 17px;
  border: 1px solid;
  border-color: #ffffff40;
  position: absolute;
  top: 0;
}

.waiting-list .ellipse-2 {
  width: 34px;
  height: 34px;
  left: 4px;
  border-radius: 17px;
  border: 1px solid;
  border-color: #ffffff40;
  position: absolute;
  top: 0;
}

.waiting-list .ellipse-3 {
  width: 34px;
  height: 34px;
  left: 8px;
  border-radius: 17px;
  border: 1px solid;
  border-color: #ffffff40;
  position: absolute;
  top: 0;
}

.waiting-list .ellipse-4 {
  width: 34px;
  height: 34px;
  left: 12px;
  border-radius: 17px;
  border: 1px solid;
  border-color: #ffffff40;
  position: absolute;
  top: 0;
}

.waiting-list .ellipse-5 {
  width: 7px;
  height: 7px;
  left: 220px;
  background-color: #000000;
  border-radius: 3.5px;
  position: absolute;
  top: 0;
}

.waiting-list .group {
  position: absolute;
  width: 380px;
  height: 540px;
  top: 0;
  left: 0;
}

.waiting-list .primary {
  display: flex;
  flex-direction: column;
  width: 150px;
  height: 48px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  position: absolute;
  top: 21px;
  left: 1198px;
  background-color: #4a0b6c;
  border-radius: 12px;
}

.waiting-list .enabled-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
  margin-bottom: -2.00px;
}

.waiting-list .enabled {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--body-p1-font-family);
  font-weight: var(--body-p1-font-weight);
  color: #ffffff;
  font-size: var(--body-p1-font-size);
  letter-spacing: var(--body-p1-letter-spacing);
  line-height: var(--body-p1-line-height);
  white-space: nowrap;
  font-style: var(--body-p1-font-style);
}

.waiting-list .enableall-logo {
  position: absolute;
  width: 197px;
  height: 32px;
  top: 30px;
  left: 32px;
}

.waiting-list .logo {
  position: absolute;
  width: 196px;
  height: 32px;
  top: 0;
  left: 0;
}

.waiting-list .tagline {
  position: absolute;
  width: 578px;
  top: 232px;
  left: 145px;
  font-family: "Atkinson Hyperlegible Next", Helvetica;
  font-weight: 400;
  color: #010101;
  font-size: 56px;
  letter-spacing: 0;
  line-height: 60px;
            text-align: left;

}

.waiting-list .text-wrapper {
  position: absolute;
  width: 578px;
  top: 374px;
  left: 145px;
  font-family: "Atkinson Hyperlegible Next", Helvetica;
  font-weight: 400;
  color: #42415d;
  font-size: 19px;
  letter-spacing: 0;
  line-height: 30px;
              text-align: left;

}

.waiting-list .button {
  all: unset;
  box-sizing: border-box;
  position: absolute;
  width: 423px;
  height: 48px;
  top: 499px;
  left: 145px;
}

.waiting-list .frame-wrapper {
  display: flex;
  flex-direction: column;
  width: 423px;
  height: 48px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  position: relative;
  background-color: #4a0b6c;
  border-radius: 12px;
}

}
 .landing-page-thank{
  display: none;
 }
@media (max-width: 768px) {
  .thankyou{
    .waiting-list{
      display:  none;
    }

    .landing-page-thank {
  background-color: #ffffff;
  display: grid;
  justify-items: center;
  align-items: start;
  width: 100vw;
}

.landing-page-thank .div-2 {
  background-color: #ffffff;
  width: 393px;
  height: 961px;
  position: relative;
}

.landing-page-thank .enableall-logo-2 {
  position: absolute;
  width: 147px;
  height: 24px;
  top: 28px;
  left: 16px;
  background-image: url(https://c.animaapp.com/mfbabb0wl5HEXl/img/logo-1.svg);
  background-size: 100% 100%;
}

.landing-page-thank .div-wrapper {
  display: flex;
  flex-direction: column;
  width: 150px;
  height: 48px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  position: absolute;
  top: 16px;
  left: 227px;
  background-color: #4a0b6c;
  border-radius: 12px;
}

.landing-page-thank .frame-2 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
  margin-bottom: -2.00px;
              left: 50px;
}

.primary-2 .frame-2{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
  margin-bottom: -2.00px;
              left: 231px;}
.landing-page-thank .enabled-2 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--body-p1-font-family);
  font-weight: var(--body-p1-font-weight);
  color: #ffffff;
  font-size: var(--body-p1-font-size);
  letter-spacing: var(--body-p1-letter-spacing);
  line-height: var(--body-p1-line-height);
  white-space: nowrap;
  font-style: var(--body-p1-font-style);
}

.landing-page-thank .compliance-text {
  position: absolute;
  width: 345px;
  top: 669px;
  left: 24px;
  font-family: "Atkinson Hyperlegible Next", Helvetica;
  font-weight: 400;
  color: #42415d;
  font-size: 19px;
  letter-spacing: 0;
  line-height: 30px;
}

.landing-page-thank .p {
  position: absolute;
  width: 345px;
  top: 453px;
  left: 24px;
  font-family: "Atkinson Hyperlegible Next", Helvetica;
  font-weight: 400;
  color: #010101;
  font-size: 56px;
  letter-spacing: 0;
  line-height: 60px;
}

.landing-page-thank .primary-wrapper {
  all: unset;
  box-sizing: border-box;
  position: absolute;
  width: 345px;
  height: 48px;
  top: 822px;
  left: 24px;
}

.landing-page-thank .primary-2 {
  display: flex;
  flex-direction: column;
  width: 345px;
  height: 48px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  position: relative;
  background-color: #4a0b6c;
  border-radius: 12px;
}

.landing-page-thank .img {
  position: absolute;
  width: 211px;
  height: 300px;
  top: 104px;
  left: 91px;
}

  }
.landing-page-form {
  background-color: #ffffff;
  display: grid;
  justify-items: center;
  align-items: start;
  width: 100vw;
}

.landing-page-form .div {
  background-color: #ffffff;
  width: 393px;
  height: 1681px;
  position: relative;
}

.landing-page-form .enableall-logo {
  position: absolute;
  width: 147px;
  height: 24px;
  top: 28px;
  left: 16px;
  background-image: url(https://c.animaapp.com/mfb9een2iY0rCP/img/logo.svg);
  background-size: 100% 100%;
}

.landing-page-form .primary {
  display: flex;
  flex-direction: column;
  width: 150px;
  height: 48px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  position: absolute;
  top: 16px;
  left: 227px;
  background-color: #4a0b6c;
  border-radius: 12px;
}

.landing-page-form .frame {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
  margin-bottom: -2.00px;
}

.landing-page-form .enabled {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--body-p1-font-family);
  font-weight: var(--body-p1-font-weight);
  color: #ffffff;
  font-size: var(--body-p1-font-size);
  letter-spacing: var(--body-p1-letter-spacing);
  line-height: var(--body-p1-line-height);
  white-space: nowrap;
  font-style: var(--body-p1-font-style);
}

.landing-page-form .button {
  all: unset;
  box-sizing: border-box;
  position: absolute;
  width: 345px;
  height: 48px;
  top: 1536px;
  left: 24px;
}

.landing-page-form .frame-wrapper {
  display: flex;
  flex-direction: column;
  width: 345px;
  height: 48px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  position: relative;
  background-color: #4a0b6c;
  border-radius: 12px;
}

.landing-page-form .tagline {
  position: absolute;
  width: 272px;
  height: 111px;
  top: 112px;
  left: 168px;
}

.landing-page-form .frame-2 {
  display: flex;
  flex-direction: column;
  width: 345px;
  align-items: flex-start;
  gap: 24px;
  position: absolute;
  top: 276px;
  left: 198;
}

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

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

.landing-page-form .text-wrapper {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: var(--heading-h5-font-family);
  font-weight: var(--heading-h5-font-weight);
  color: #010101;
  font-size: var(--heading-h5-font-size);
  letter-spacing: var(--heading-h5-letter-spacing);
  line-height: var(--heading-h5-line-height);
  font-style: var(--heading-h5-font-style);
}

.landing-page-form .div-wrapper {
  display: flex;
  flex-direction: column;
  height: 56px;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  padding: 10px 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  border-radius: 12px;
  border: 1px solid;
  border-color: #8c91a6;
}

.landing-page-form .frame-5 {
  position: relative;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.landing-page-form .text-wrapper-2 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--body-p1-font-family);
  font-weight: var(--body-p1-font-weight);
  color: #817e91;
  font-size: var(--body-p1-font-size);
  letter-spacing: var(--body-p1-letter-spacing);
  line-height: var(--body-p1-line-height);
  white-space: nowrap;
  font-style: var(--body-p1-font-style);
}

.landing-page-form .flexcontainer {
  display: flex;
  flex-direction: column;
  height: 84px;
  align-items: flex-start;
  gap: 3.2px;
}

.landing-page-form .text-i {
  position: relative;
  align-self: stretch;
  font-family: "Atkinson Hyperlegible Next", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 20px;
}

.landing-page-form .span {
  font-weight: 600;
  color: #010101;
  line-height: 28px;
}

.landing-page-form .text-wrapper-3 {
  color: #42415d;
  font-size: 16px;
  line-height: 26px;
}

.landing-page-form .div-2 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 88px;
}

.landing-page-form .label {
  position: absolute;
  width: 423px;
  top: -1px;
  left: 0;
  font-weight: var(--heading-h5-font-weight);
  color: #010101;
  line-height: var(--heading-h5-line-height);
  font-family: var(--heading-h5-font-family);
  font-size: var(--heading-h5-font-size);
  letter-spacing: var(--heading-h5-letter-spacing);
  font-style: var(--heading-h5-font-style);
}

.landing-page-form .primary-2 {
  position: absolute;
  width: 242px;
  height: 56px;
  top: 32px;
  left: 103px;
  border-radius: 12px;
  border: 1px solid;
  border-color: #8c91a6;
}

.landing-page-form .hint-wrapper {
  position: relative;
  top: 13px;
  left: 12px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.landing-page-form .primary-3 {
  position: absolute;
  width: 97px;
  height: 56px;
  top: 32px;
  left: 0;
  border-radius: 12px;
  border: 1px solid;
  border-color: #8c91a6;
}

.landing-page-form .frame-6 {
  position: absolute;
  top: 13px;
  left: 12px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.landing-page-form .text-wrapper-4 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--body-p1-font-family);
  font-weight: var(--body-p1-font-weight);
  color: #010101;
  font-size: var(--body-p1-font-size);
  letter-spacing: var(--body-p1-letter-spacing);
  line-height: var(--body-p1-line-height);
  white-space: nowrap;
  font-style: var(--body-p1-font-style);
}

.landing-page-form .arrow-down {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 16px;
  left: 65px;
}

.landing-page-form .overlap-group {
  position: absolute;
  width: 1px;
  height: 1px;
  top: -2260px;
  left: -3844px;
  background-size: 100% 100%;
}

.landing-page-form .subtract {
  position: absolute;
  width: 1px;
  height: 1px;
  top: 0;
  left: 0;
}

.landing-page-form .union {
  position: absolute;
  width: 16px;
  height: 9px;
  top: 8px;
  left: 4px;
}

.landing-page-form .frame-7 {
  display: flex;
  flex-direction: column;
  width: 345px;
  align-items: flex-end;
  gap: 24px;
  position: absolute;
  top: 892px;
  left: 24px;
}

.landing-page-form .p {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-weight: 400;
  color: transparent;
  line-height: 20px;
  font-family: "Atkinson Hyperlegible Next", Helvetica;
  font-size: 20px;
  letter-spacing: 0;
}

.landing-page-form .overlap {
  position: relative;
  width: 345px;
  height: 88px;
}

.landing-page-form .frame-8 {
  display: flex;
  flex-direction: column;
  width: 345px;
  align-items: flex-start;
  gap: 4px;
  position: absolute;
  top: 0;
  left: 0;
}

.landing-page-form .arrow-down-2 {
  position: absolute;
  width: 22px;
  height: 22px;
  top: 49px;
  left: 311px;
}

.landing-page-form .subtract-wrapper {
  top: -2538px;
  position: absolute;
  width: 1px;
  height: 1px;
  left: -4090px;
  background-size: 100% 100%;
}

.landing-page-form .img {
  position: absolute;
  width: 14px;
  height: 8px;
  top: 7px;
  left: 4px;
}

.landing-page-form .group {
  position: absolute;
  width: 345px;
  height: 88px;
  top: 1169px;
  left: 198px;
}

.landing-page-form .overlap-wrapper {
  height: 88px;
}

.landing-page-form .img-wrapper {
  top: -2650px;
  position: absolute;
  width: 1px;
  height: 1px;
  left: -4090px;
  background-size: 100% 100%;
}

.landing-page-form .group-2 {
  position: absolute;
  width: 345px;
  height: 223px;
  top: 1281px;
  left: 198px;
}

.landing-page-form .frame-9 {
  display: flex;
  flex-direction: column;
  width: 345px;
  align-items: flex-start;
  gap: 4px;
  position: relative;
}

.landing-page-form .primary-4 {
  display: flex;
  flex-direction: column;
  height: 191px;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  border-radius: 12px;
  border: 1px solid;
  border-color: #8c91a6;
}

  .waiting-list-form{
    display: none;
  }
.landing-page-home {
  background-color: #ffffff;
  display: grid;
  justify-items: center;
  align-items: start;
  width: 100vw;
}

.desktop{
  display: none;
}

.landing-page-home .div {
  background-color: #ffffff;
  width: 393px;
  height: 1411px;
  position: relative;
}

.landing-page-home .enableall-logo {
  position: absolute;
  width: 147px;
  height: 24px;
  top: 28px;
  left: 16px;
  background-image: url(https://c.animaapp.com/mfb8u231szFDDo/img/logo.svg);
  background-size: 100% 100%;
}

.landing-page-home .primary {
  display: flex;
  flex-direction: column;
  width: 150px;
  height: 48px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  position: absolute;
  top: 16px;
  left: 227px;
  background-color: #4a0b6c;
  border-radius: 12px;
}

.landing-page-home .frame {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
  margin-bottom: -2.00px;
}

.landing-page-home .enabled {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: var(--body-p1-font-family);
  font-weight: var(--body-p1-font-weight);
  color: #ffffff;
  font-size: var(--body-p1-font-size);
  letter-spacing: var(--body-p1-letter-spacing);
  line-height: var(--body-p1-line-height);
  white-space: nowrap;
  font-style: var(--body-p1-font-style);
}

.landing-page-home .group {
  position: absolute;
width: 270px;
        height: 291px;
        top: 135px;
left: 196px;
}

.landing-page-home .tagline {
  position: absolute;
  width: 342px;
  top: 657px;
        left: 195px;
  font-family: "Atkinson Hyperlegible Next", Helvetica;
  font-weight: 400;
  color: #42415d;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 30px;
}

.landing-page-home .flexcontainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.24px;
  position: absolute;
  width: 345px;
  height: 489px;
  top: 726px;
  left: 24px;
}

.landing-page-home .text {
  position: relative;
  align-self: stretch;
  font-family: var(--body-p3-font-family);
  font-weight: var(--body-p3-font-weight);
  color: #42415d;
  font-size: var(--body-p3-font-size);
  letter-spacing: var(--body-p3-letter-spacing);
  line-height: var(--body-p3-line-height);
  font-style: var(--body-p3-font-style);
}

.landing-page-home .text-wrapper {
  font-family: var(--body-p3-font-family);
  font-weight: var(--body-p3-font-weight);
  color: #42415d;
  font-size: var(--body-p3-font-size);
  letter-spacing: var(--body-p3-letter-spacing);
  line-height: var(--body-p3-line-height);
  font-style: var(--body-p3-font-style);
}

.landing-page-home .p {
  position: absolute;
  width: 345px;
  top: 509px;
  left: 24px;
  font-family: "Atkinson Hyperlegible Next", Helvetica;
  font-weight: 400;
  color: #010101;
  font-size: 56px;
  letter-spacing: 0;
  line-height: 60px;
}

.landing-page-home .span {
  font-family: "Atkinson Hyperlegible Next", Helvetica;
  font-weight: 400;
  color: #010101;
  font-size: 56px;
  letter-spacing: 0;
  line-height: 60px;
}

.landing-page-home .text-wrapper-2 {
  font-weight: 700;
}

.landing-page-home .button {
  all: unset;
  box-sizing: border-box;
  position: absolute;
  width: 345px;
  height: 48px;
  top: 1282px;
  left: 24px;
}

.landing-page-home .frame-wrapper {
  display: flex;
  flex-direction: column;
  width: 345px;
  height: 48px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  position: relative;
  background-color: #4a0b6c;
  border-radius: 12px;
}

.hero {
  position: relative;
  width: 100%;
  text-align: center;
  h1 {

.text-wrapper{
  color: var(--Text-Primary, #010101);
text-align: center;
font-family: "Atkinson Hyperlegible Next";
font-size: 56px;
font-style: normal;
font-weight: 400;
line-height: 60px; /* 107.143% */

}
.span{
    color: var(--Text-Primary, #010101);
font-family: "Atkinson Hyperlegible Next";
font-size: 56px;
font-style: normal;
font-weight: 700;
line-height: 60px;
}
  }
}


 













}