/* oMATIC Minds v0.6.8.106 Registration Waitlist Mode / HubSpot Form Gate */
.pricing-waitlist-panel {
  margin: 34px 0;
}

body .om-native-lead-panel#join-waitlist {
  scroll-margin-top: 120px;
}

body .om-native-lead-panel#join-waitlist .om-native-lead-copy .eyebrow::after {
  content: " · Registration waitlist";
}


/* v0.6.8.106.1 real HubSpot waitlist form by GUID */
.om-hubspot-guid-form-panel {
  display: grid;
  grid-template-columns: minmax(260px, .85fr) minmax(320px, 1.35fr);
  gap: clamp(20px, 4vw, 42px);
  align-items: start;
  width: min(1160px, calc(100% - 32px));
  margin: clamp(34px, 7vw, 84px) auto;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 28px;
  background: rgba(10,13,22,.70);
  box-shadow: 0 28px 100px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.045);
  padding: clamp(22px, 4vw, 38px);
  scroll-margin-top: 120px;
}

.om-hubspot-guid-form-copy h2 {
  margin: 12px 0 12px;
  font-size: clamp(28px, 4vw, 44px);
  line-height: .98;
  letter-spacing: -.055em;
}

.om-hubspot-guid-form-copy p:not(.eyebrow) {
  color: rgba(255,255,255,.72);
  line-height: 1.55;
}

.om-hubspot-guid-form-box {
  min-width: 0;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 22px;
  background: rgba(15,23,42,.42);
  padding: 18px;
  overflow: hidden;
}

.om-hubspot-guid-form-loading {
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 999px;
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.68);
  padding: 10px 14px;
  font-size: .86rem;
}

.om-hubspot-guid-form-loading.is-delayed {
  border-color: rgba(251,191,36,.24);
  background: rgba(113,63,18,.13);
  color: #fde68a;
}

@media (max-width: 860px) {
  .om-hubspot-guid-form-panel {
    grid-template-columns: 1fr;
  }
}


/* v0.6.8.106.2 waitlist modal uses HubSpot consent design variables */
html.om-waitlist-modal-open {
  overflow: hidden;
}

.om-waitlist-modal[hidden] {
  display: none !important;
}

.om-waitlist-modal {
  position: fixed;
  inset: 0;
  z-index: calc(2147483000 + 20);
  display: grid;
  place-items: center;
  padding: 20px;
}

.om-waitlist-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.72);
  backdrop-filter: blur(12px);
}

.om-waitlist-modal-panel {
  position: relative;
  z-index: 1;
  width: min(920px, calc(100vw - 32px));
  max-height: min(840px, calc(100vh - 32px));
  overflow: auto;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(5,7,11,.98), rgba(13,16,24,.97)), #05070B;
  box-shadow: 0 24px 70px rgba(0,0,0,.52);
  color: #fff;
  font-family: Inter, Arial, sans-serif;
  padding: clamp(20px, 4vw, 34px);
}

.om-waitlist-modal-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.06);
  color: #fff;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.om-waitlist-modal-copy {
  margin: 0 48px 18px 0;
}

.om-waitlist-modal-copy h2 {
  margin: 10px 0;
  color: #fff;
  font-size: clamp(28px, 4vw, 44px);
  line-height: .98;
  letter-spacing: -.055em;
}

.om-waitlist-modal-copy p {
  color: rgba(255,255,255,.72);
  line-height: 1.55;
}

.om-waitlist-modal .om-hubspot-guid-form-panel {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  box-shadow: none;
  background: transparent;
  grid-template-columns: 1fr;
}

.om-waitlist-modal .om-hubspot-guid-form-copy {
  display: none;
}

.om-waitlist-modal .om-hubspot-guid-form-box,
.om-app-hubspot-waitlist-form {
  border-color: rgba(255,255,255,.12);
  border-radius: calc(24px * .72);
  background: rgba(255,255,255,.035);
}

.om-waitlist-modal .hs-form,
.om-waitlist-modal form,
.om-app-hubspot-waitlist-form .hs-form,
.om-app-hubspot-waitlist-form form {
  font-family: Inter, Arial, sans-serif !important;
  color: #fff !important;
}

.om-waitlist-modal .hs-form label,
.om-waitlist-modal form label,
.om-app-hubspot-waitlist-form .hs-form label,
.om-app-hubspot-waitlist-form form label {
  color: #fff !important;
  font-weight: 800 !important;
}

.om-waitlist-modal .hs-form input,
.om-waitlist-modal .hs-form textarea,
.om-waitlist-modal .hs-form select,
.om-app-hubspot-waitlist-form .hs-form input,
.om-app-hubspot-waitlist-form .hs-form textarea,
.om-app-hubspot-waitlist-form .hs-form select {
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 14px !important;
  background: rgba(5,7,11,.72) !important;
  color: #fff !important;
  padding: 12px 14px !important;
}

.om-waitlist-modal .hs-button,
.om-waitlist-modal input[type="submit"],
.om-app-hubspot-waitlist-form .hs-button,
.om-app-hubspot-waitlist-form input[type="submit"] {
  border-radius: 999px !important;
  border: 1px solid #FF1D25 !important;
  background: linear-gradient(135deg, #FF1D25, #C80F1A) !important;
  color: #fff !important;
  min-height: 42px !important;
  padding: 10px 24px !important;
  font-weight: 900 !important;
}

.om-pricing-waitlist-callout {
  width: min(760px, calc(100% - 32px));
  margin: 0 auto;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 24px;
  background: rgba(10,13,22,.70);
  padding: clamp(22px, 4vw, 34px);
  text-align: center;
}

.om-pricing-waitlist-callout h2 {
  margin: 10px 0;
  font-size: clamp(28px, 4vw, 42px);
}

.om-pricing-waitlist-callout p:not(.eyebrow) {
  color: rgba(255,255,255,.72);
}

@media (max-width: 720px) {
  .om-waitlist-modal {
    padding: 12px;
  }

  .om-waitlist-modal-panel {
    width: calc(100vw - 24px);
    max-height: calc(100vh - 24px);
    padding: 18px;
  }

  .om-waitlist-modal-copy {
    margin-right: 42px;
  }
}


/* v0.6.8.106.3 compact styled native waitlist modal */
.om-waitlist-modal {
  padding: 14px !important;
}

.om-waitlist-modal-panel {
  width: min(560px, calc(100vw - 28px)) !important;
  max-height: min(620px, calc(100vh - 28px)) !important;
  padding: 22px !important;
  border-radius: 24px !important;
}

.om-waitlist-modal-close {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  max-width: 42px !important;
  max-height: 42px !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, #FF1D25, #C80F1A) !important;
  box-shadow: 0 12px 30px rgba(255,29,37,.28) !important;
}

.om-waitlist-modal-close::before {
  content: "×" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

.om-waitlist-modal-close:hover,
.om-waitlist-modal-close:focus-visible {
  filter: brightness(1.08) !important;
  outline: none !important;
}

.om-waitlist-modal-copy {
  margin: 0 48px 14px 0 !important;
}

.om-waitlist-modal-copy h2 {
  font-size: clamp(25px, 3.2vw, 34px) !important;
}

.om-waitlist-modal-copy p {
  font-size: .92rem !important;
}

.om-waitlist-modal .om-waitlist-native-panel {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  display: block !important;
}

.om-waitlist-modal .om-waitlist-native-copy {
  display: none !important;
}

.om-waitlist-native-form {
  display: grid !important;
  gap: 12px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.035) !important;
  padding: 16px !important;
  color: #fff !important;
  font-family: Inter, Arial, sans-serif !important;
}

.om-waitlist-native-form label {
  display: grid !important;
  gap: 7px !important;
  color: #fff !important;
  font-weight: 850 !important;
  font-size: .85rem !important;
}

.om-waitlist-native-form input,
.om-waitlist-native-form textarea,
.om-waitlist-native-form select {
  width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 13px !important;
  background: rgba(5,7,11,.72) !important;
  color: #fff !important;
  padding: 11px 13px !important;
  min-height: 40px !important;
}

.om-waitlist-native-name-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.om-waitlist-native-form .om-native-lead-consent {
  display: grid !important;
  gap: 9px !important;
  margin: 0 !important;
  color: rgba(255,255,255,.70) !important;
  font-size: .78rem !important;
}

.om-waitlist-native-form .om-native-lead-checkbox {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: start !important;
  font-weight: 650 !important;
}

.om-waitlist-native-form .om-native-lead-checkbox input {
  width: 16px !important;
  height: 16px !important;
  min-height: 16px !important;
  padding: 0 !important;
  margin-top: 2px !important;
}

.om-waitlist-native-form .om-native-lead-privacy-link {
  margin: 0 !important;
  color: rgba(255,255,255,.62) !important;
}

.om-waitlist-native-form .om-native-lead-hp {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.om-waitlist-native-form .button,
.om-waitlist-native-form button[type="submit"] {
  justify-content: center !important;
  border-radius: 999px !important;
  border: 1px solid #FF1D25 !important;
  background: linear-gradient(135deg, #FF1D25, #C80F1A) !important;
  color: #fff !important;
  min-height: 42px !important;
  font-weight: 900 !important;
}

@media (max-width: 620px) {
  .om-waitlist-modal-panel {
    width: calc(100vw - 20px) !important;
    max-height: calc(100vh - 20px) !important;
    padding: 18px !important;
  }

  .om-waitlist-native-name-row {
    grid-template-columns: 1fr !important;
  }
}


/* v0.6.8.106.5 waitlist-only dark form design, no HubSpot consent design override dependency */
.om-waitlist-modal {
  z-index: 2147483020 !important;
  padding: 14px !important;
}

.om-waitlist-modal-backdrop {
  background: rgba(0,0,0,.72) !important;
  backdrop-filter: blur(12px) !important;
}

.om-waitlist-modal-panel {
  width: min(560px, calc(100vw - 28px)) !important;
  max-height: min(620px, calc(100vh - 28px)) !important;
  overflow: auto !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 24px !important;
  background: linear-gradient(135deg, rgba(5,7,11,.98), rgba(13,16,24,.97)) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.52) !important;
  color: #fff !important;
  font-family: Inter, Arial, sans-serif !important;
  padding: 22px !important;
}

.om-waitlist-modal-close {
  top: 14px !important;
  right: 14px !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  max-width: 42px !important;
  max-height: 42px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  background: linear-gradient(135deg, #FF1D25, #C80F1A) !important;
  color: #fff !important;
  box-shadow: 0 12px 30px rgba(255,29,37,.28) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 1 !important;
  overflow: hidden !important;
}

.om-waitlist-modal-close::before {
  content: "×" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

.om-waitlist-modal-copy {
  margin: 0 48px 14px 0 !important;
}

.om-waitlist-modal-copy h2 {
  color: #fff !important;
  font-size: clamp(25px, 3.2vw, 34px) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
}

.om-waitlist-modal-copy p {
  color: rgba(255,255,255,.72) !important;
  line-height: 1.55 !important;
  font-size: .92rem !important;
}

.om-waitlist-modal .om-waitlist-native-panel {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  display: block !important;
}

.om-waitlist-modal .om-waitlist-native-copy {
  display: none !important;
}

.om-waitlist-native-form {
  display: grid !important;
  gap: 12px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.035) !important;
  padding: 16px !important;
  color: #fff !important;
  font-family: Inter, Arial, sans-serif !important;
}

.om-waitlist-native-form label {
  display: grid !important;
  gap: 7px !important;
  color: #fff !important;
  font-weight: 850 !important;
  font-size: .85rem !important;
}

.om-waitlist-native-form input,
.om-waitlist-native-form textarea,
.om-waitlist-native-form select {
  width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 13px !important;
  background: rgba(5,7,11,.72) !important;
  color: #fff !important;
  padding: 11px 13px !important;
  min-height: 40px !important;
}

.om-waitlist-native-form input::placeholder,
.om-waitlist-native-form textarea::placeholder {
  color: rgba(255,255,255,.38) !important;
}

.om-waitlist-native-name-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.om-waitlist-native-form .om-native-lead-consent {
  display: grid !important;
  gap: 9px !important;
  margin: 0 !important;
  color: rgba(255,255,255,.70) !important;
  font-size: .78rem !important;
}

.om-waitlist-native-form .om-native-lead-checkbox {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: start !important;
  font-weight: 650 !important;
}

.om-waitlist-native-form .om-native-lead-checkbox input {
  width: 16px !important;
  height: 16px !important;
  min-height: 16px !important;
  padding: 0 !important;
  margin-top: 2px !important;
}

.om-waitlist-native-form .om-native-lead-privacy-link {
  margin: 0 !important;
  color: rgba(255,255,255,.62) !important;
}

.om-waitlist-native-form .om-native-lead-hp {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.om-waitlist-native-form .button,
.om-waitlist-native-form button[type="submit"] {
  justify-content: center !important;
  border-radius: 999px !important;
  border: 1px solid #FF1D25 !important;
  background: linear-gradient(135deg, #FF1D25, #C80F1A) !important;
  color: #fff !important;
  min-height: 42px !important;
  font-weight: 900 !important;
}

@media (max-width: 620px) {
  .om-waitlist-modal-panel {
    width: calc(100vw - 20px) !important;
    max-height: calc(100vh - 20px) !important;
    padding: 18px !important;
  }

  .om-waitlist-native-name-row {
    grid-template-columns: 1fr !important;
  }
}


/* v0.6.8.106.6 public waitlist success/error notice near top */
.om-native-lead-notice {
  position: fixed !important;
  top: 92px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 2147483015 !important;
  width: min(680px, calc(100% - 28px)) !important;
  margin: 0 !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.38) !important;
}

.om-native-lead-notice.is-fading,
.om-native-lead-notice.is-hidden {
  transform: translate(-50%, -8px) !important;
}

@media (max-width: 720px) {
  .om-native-lead-notice {
    top: 78px !important;
    width: calc(100% - 20px) !important;
  }
}


/* v0.6.8.107.1 public waitlist popup scope fix */
html.om-waitlist-modal-open {
  scroll-behavior: auto;
}