.landing-page-container1 {
  width: 100%;
  display: flex;
  overflow: auto;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
}
 
.landing-page-thq-landing-page-elm {
  gap: 56px;
  width: 100%;
  height: 3292px;
  display: flex;
  overflow: hidden;
  position: relative;
  background: linear-gradient(210deg, rgba(29, 29, 37, 1) 0%, rgba(59, 58, 72, 1) 100%);
  align-items: flex-start;
  flex-shrink: 0;
  justify-content: center;
}
 
.landing-page-thq-rectangle52-elm1 {
  top: 2505px;
  left: 0px;
  width: 1366px;
  height: 406px;
  position: absolute;
}
 
.landing-page-thq-rectangle52-elm2 {
  top: 1856px;
  left: -2px;
  width: 1368px;
  height: 649px;
  position: absolute;
}
 
.landing-page-thq-rectangle51-elm {
  top: 711px;
  left: -2px;
  width: 1368px;
  height: 548px;
  position: absolute;
}
 
.landing-page-thq-buttons-elm1 {
  gap: 24px;
  top: 541px;
  left: 46px;
  width: 300px;
  height: 50px;
  display: flex;
  position: absolute;
  align-items: center;
}
 
.landing-page-thq-button-cta-elm1 {
  gap: 8px;
  top: 0px;
  left: 0px;
  width: 300px;
  height: 50px;
  display: flex;
  padding: 13px 16px;
  overflow: hidden;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-radius: 40px;
  justify-content: center;
  background-color: rgba(237, 230, 11, 1);
}
 
.landing-page-thq-text-elm10 {
  top: 12px;
  left: 50.5px;
  color: rgba(20, 20, 20, 1);
  height: auto;
  position: absolute;
  font-size: 16px;
  font-style: SemiBold;
  text-align: center;
  font-family: Open Sans;
  font-weight: 600;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
}
 
.landing-page-thq-text-elm11 {
  top: 625px;
  left: 46px;
  color: rgba(200, 200, 45, 1);
  height: auto;
  position: absolute;
  font-size: 15px;
  font-style: italic;
  text-align: center;
  font-family: Inter;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.landing-page-thq-text-elm12 {
  top: 194px;
  left: 46px;
  color: rgb(255, 255, 255);
  height: auto;
  position: absolute;
  font-size: 54px;
  font-style: Bold;
  text-align: left;
  font-family: Inter;
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.landing-page-text10 {
  color: #ffffff;
}
 
.landing-page-text11 {
  color: #ffffff;
}
 
.landing-page-text12 {
  color: #ffffff;
}
 
.landing-page-thq-button-cta-elm2 {
  gap: 8px;
  top: 137px;
  left: 46px;
  width: 241px;
  display: flex;
  padding: 8px 20px;
  overflow: hidden;
  position: absolute;
  align-items: center;
  border-radius: 40px;
  background-color: rgba(120, 120, 120, 0.20000000298023224);
}
 
.landing-page-thq-shield-elm {
  width: 20px;
  height: 20px;
}
 
.landing-page-thq-text-elm13 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  z-index: 1;
  font-size: 16px;
  font-style: SemiBold;
  text-align: center;
  font-family: Open Sans;
  font-weight: 600;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
}
 
.landing-page-thq-buttons-elm2 {
  gap: 24px;
  top: 40.223793029785156px;
  left: 1088px;
  width: 113px;
  height: 52.92604446411133px;
  display: flex;
  position: absolute;
  align-items: center;
}
 
.landing-page-thq-image-elm {
  top: 1020px;
  left: 476px;
  width: 414px;
  height: 334px;
  display: flex;
  position: absolute;
  align-items: flex-end;
  flex-shrink: 0;
  justify-content: flex-start;
}
 
.landing-page-thq-pasted-image-elm {
  left: -45px;
  width: 355px;
  bottom: 11px;
  height: 286px;
  position: absolute;
}
 
.landing-page-thq-brandlogos-elm1 {
  top: 2971px;
  left: 103px;
  width: 227px;
  height: 56px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.landing-page-thq-group94-elm {
  top: 0px;
  left: 0px;
  width: 227.00025939941406px;
  height: 56.00048828125px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.landing-page-thq-group57-elm1 {
  top: 0px;
  left: 0px;
  width: 50.39657974243164px;
  height: 51.041770935058594px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.landing-page-thq-union-elm1 {
  top: 0px;
  left: 0px;
  width: 50px;
  height: 51px;
  position: absolute;
}
 
.landing-page-thq-union-elm2 {
  top: 5.83251953125px;
  left: 62.45729064941406px;
  width: 165px;
  height: 50px;
  position: absolute;
}
 
.landing-page-thq-group93-elm {
  top: 35px;
  left: 50px;
  width: 167px;
  height: 41px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.landing-page-thq-brandlogos-elm2 {
  top: 0px;
  left: 0px;
  width: 167px;
  height: 41px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.landing-page-thq-group57-elm2 {
  top: 0px;
  left: 0px;
  width: 37.07590103149414px;
  height: 37.36986541748047px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.landing-page-thq-union-elm3 {
  top: 0px;
  left: 0px;
  width: 37px;
  height: 37px;
  position: absolute;
}
 
.landing-page-thq-union-elm4 {
  top: 4.27020788192749px;
  left: 45.94875717163086px;
  width: 121px;
  height: 37px;
  position: absolute;
}
 
.landing-page-thq-line8-elm {
  top: 97px;
  left: 0px;
  width: 1366px;
  height: 1px;
  position: absolute;
}
 
.landing-page-thq-text-elm14 {
  top: 411px;
  left: 50px;
  color: rgb(255, 255, 255);
  height: auto;
  position: absolute;
  font-size: 20px;
  font-style: Regular;
  text-align: left;
  font-family: Inter;
  font-weight: 400;
  line-height: 30px;
  font-stretch: normal;
  text-decoration: none;
}
 
.landing-page-thq-buttons-elm3 {
  gap: 24px;
  top: 2804px;
  left: 533px;
  width: 300px;
  height: 50px;
  display: flex;
  position: absolute;
  align-items: center;
}
 
.landing-page-thq-button-cta-elm3 {
  gap: 8px;
  top: -1px;
  left: -78px;
  width: 300px;
  height: 50px;
  display: flex;
  padding: 13px 16px;
  overflow: hidden;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-radius: 40px;
  justify-content: center;
  background-color: rgba(237, 230, 11, 1);
}
 
.landing-page-thq-text-elm15 {
  top: 12px;
  left: 50.5px;
  color: rgba(20, 20, 20, 1);
  height: auto;
  position: absolute;
  font-size: 16px;
  font-style: SemiBold;
  text-align: center;
  font-family: Open Sans;
  font-weight: 600;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
}
 
.landing-page-thq-text-elm16 {
  top: 3061px;
  left: 103px;
  color: rgba(255, 255, 255, 1);
  height: auto;
  position: absolute;
  font-size: 15px;
  font-style: SemiBold;
  text-align: center;
  font-family: Open Sans;
  font-weight: 600;
  line-height: 36px;
  font-stretch: normal;
  text-decoration: none;
}
 
.landing-page-thq-group90-elm {
  top: 1935px;
  left: 64.5px;
  width: 610.5px;
  height: 489px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.landing-page-thq-text-elm17 {
  top: 66px;
  left: 18.5px;
  color: rgba(255, 255, 255, 1);
  height: auto;
  position: absolute;
  font-size: 54px;
  font-style: Regular;
  text-align: left;
  font-family: Inter;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.landing-page-thq-text-elm20 {
  top: 235px;
  left: 18.5px;
  color: rgba(255, 255, 255, 1);
  width: 592px;
  height: auto;
  position: absolute;
  font-size: 27px;
  font-style: Light;
  text-align: left;
  font-family: Inter;
  font-weight: 300;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.landing-page-thq-text-elm21 {
  top: 394px;
  left: 18.5px;
  color: rgba(255, 255, 255, 1);
  height: auto;
  position: absolute;
  font-size: 56px;
  font-style: Medium;
  text-align: left;
  font-family: Inter;
  font-weight: 500;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.landing-page-thq-button-cta-elm4 {
  gap: 8px;
  top: 0px;
  left: 0px;
  display: flex;
  padding: 10px 22px;
  overflow: hidden;
  position: absolute;
  align-items: center;
  border-radius: 40px;
  background-color: rgba(120, 120, 120, 0.20000000298023224);
}
 
.landing-page-thq-text-elm22 {
  color: rgba(237, 230, 11, 1);
  height: auto;
  font-size: 20px;
  font-style: SemiBold;
  text-align: center;
  font-family: Open Sans;
  font-weight: 600;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
}
 
.landing-page-thq-text-elm23 {
  top: 460px;
  left: 18.5px;
  color: rgba(255, 255, 255, 1);
  width: 592px;
  height: auto;
  opacity: 0.80;
  position: absolute;
  font-size: 24px;
  font-style: Regular;
  text-align: left;
  font-family: Inter;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.landing-page-thq-group91-elm {
  top: 1361px;
  left: 290px;
  width: 735px;
  height: 370px;
  display: flex;
  position: absolute;
  align-items: flex-end;
  flex-shrink: 1;
  justify-content: center;
}
 
.landing-page-thq-text-elm24 {
  top: 78px;
  left: -44px;
  color: rgb(255, 255, 255);
  height: auto;
  position: absolute;
  font-size: 72px;
  font-style: italic;
  text-align: left;
  font-family: "Inter";
  font-weight: 600;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.landing-page-thq-text-elm25 {
  top: 175px;
  left: -65px;
  color: rgba(255, 255, 255, 1);
  height: auto;
  position: absolute;
  font-size: 27px;
  font-style: Light;
  text-align: left;
  font-family: Inter;
  font-weight: 300;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.landing-page-thq-group88-elm {
  top: 244px;
  left: 71px;
  width: 592px;
  border: 2px dashed rgba(120, 120, 120, 0.4);
  height: 126px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.landing-page-thq-button-cta-elm5 {
  gap: 8px;
  top: 17px;
  left: 209px;
  display: flex;
  padding: 10px 22px;
  overflow: hidden;
  position: absolute;
  align-items: center;
  border-radius: 40px;
  background-color: rgba(120, 120, 120, 0.20000000298023224);
}
 
.landing-page-thq-text-elm26 {
  color: rgb(237, 230, 11);
  height: auto;
  font-size: 20px;
  font-style: SemiBold;
  text-align: center;
  font-family: "Open Sans";
  font-weight: 600;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
}
 
.landing-page-thq-text-elm27 {
  left: 27px;
  bottom: 1px;
  height: auto;
  position: absolute;
  font-size: 27px;
  font-style: Regular;
  text-align: left;
  font-family: Inter;
  font-weight: 400;
  line-height: 42px;
  font-stretch: normal;
  text-decoration: none;
}
 
.landing-page-text21 {
  color: #ede60b;
}
 
.landing-page-text22 {
  color: #ede60b;
  font-size: 24px;
}
 
.landing-page-text23 {
  color: #ffffff;
  font-size: 27px;
}
 
.landing-page-text24 {
  color: #ffffff;
  font-size: 24px;
}
 
.landing-page-text25 {
  color: #ede60b;
}
 
.landing-page-text26 {
  color: #ffffff;
  font-size: 24px;
}
 
.landing-page-text27 {
  color: #ffffff;
  font-size: 27px;
}
 
.landing-page-text28 {
  color: #ffffff;
  font-size: 24px;
}
 
.landing-page-text29 {
  color: #ede60b;
}
 
.landing-page-text30 {
  color: #ffffff;
}
 
.landing-page-text31 {
  color: #ffffff;
  font-size: 27px;
}
 
.landing-page-thq-onboarding07-elm {
  top: 2001px;
  left: 686px;
  width: 638px;
  height: 449px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.landing-page-thq-group78-elm {
  top: 0px;
  left: 141.210693359375px;
  width: 355.57867431640625px;
  height: 449px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.landing-page-thq-undrawmydocumentsre13dc1-elm {
  top: -4px;
  left: -94px;
  width: 356px;
  height: 449px;
  position: absolute;
}
 
.landing-page-thq-nounspark75661301-elm {
  top: 2525px;
  left: 551px;
  width: 110px;
  height: 135px;
  position: absolute;
}
 
.landing-page-thq-text-elm28 {
  top: 2647px;
  left: 253px;
  color: rgba(0, 0, 0, 1);
  height: auto;
  position: absolute;
  font-size: 45px;
  font-style: Regular;
  text-align: center;
  font-family: Open Sans;
  font-weight: 400;
  line-height: 57px;
  font-stretch: normal;
  text-decoration: none;
}
 
.landing-page-thq-text-elm29 {
  font-weight: 400;
}
 
.landing-page-thq-text-elm30 {
  font-weight: 600;
}
 
.landing-page-thq-text-elm32 {
  top: 2716px;
  left: 265px;
  color: rgba(0, 0, 0, 1);
  width: 683px;
  height: auto;
  opacity: 0.80;
  position: absolute;
  font-size: 21px;
  font-style: Regular;
  text-align: center;
  font-family: Inter;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.landing-page-thq-songwall-coin-square-gold15secs2-elm {
  top: 191px;
  right: 132px;
  width: 456px;
  height: 452px;
  position: absolute;
}
 
.landing-page-thq-text-elm33 {
  top: 875px;
  left: 78px;
  color: rgb(29, 29, 37);
  width: 1035px;
  height: auto;
  position: absolute;
  font-size: 48px;
  font-style: Regular;
  text-align: center;
  font-family: Inter;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.landing-page-text32 {
  font-size: 42px;
}
 
.landing-page-text33 {
  font-size: 42px;
}
 
.landing-page-text34 {
  font-size: 42px;
}
 
.landing-page-text35 {
  font-size: 42px;
}
 
.landing-page-text36 {
  font-size: 42px;
}
 
.landing-page-thq-button-cta-elm6 {
  gap: 8px;
  top: 777px;
  left: 501px;
  width: 166px;
  display: flex;
  padding: 8px 20px;
  overflow: hidden;
  position: absolute;
  align-items: center;
  border-radius: 40px;
  background-color: rgba(29, 29, 37, 1);
}
 
.landing-page-thq-text-elm34 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 16px;
  font-style: SemiBold;
  text-align: center;
  font-family: Open Sans;
  font-weight: 600;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
}
 
.landing-page-link {
  display: contents;
}
 
.landing-page-container2 {
  right: 50px;
  border: 1px solid #ffffff5c;
  bottom: 30px;
  display: flex;
  z-index: 22;
  position: fixed;
  box-shadow: 5px 5px 10px 0px rgba(31, 31, 31, 0.4);
  min-height: auto;
  align-items: center;
  padding-top: 8px;
  padding-left: 12px;
  border-radius: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  backdrop-filter: blur(6px);
  background-color: rgba(41, 41, 41, 0.41);
}
 
.landing-page-icon1 {
  width: 24px;
  margin-right: 4px;
}
 
.landing-page-text38 {
  color: white;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

/* =========================
   Clean overrides & helpers
   ========================= */

/* Hide the TeleportHQ badge */
.landing-page-container2 {
  display: none !important;
}

/* Keep TeleportHQ button text from being absolutely positioned weirdly */
.landing-page-thq-button-cta-elm1 .landing-page-thq-text-elm10 {
  position: static !important;
}

/* Ensure coin video renders */
.landing-page-thq-songwall-coin-square-gold15secs2-elm {
  display: block !important;
  object-fit: cover !important;
}

/* ===== Interest form (2-step) ===== */

/* Keep TeleportHQ button label from absolute positioning weirdness */
.landing-page-thq-button-cta-elm1 .landing-page-thq-text-elm10 {
  position: static !important;
}

/* Form lives inside the TeleportHQ wrapper (which is already positioned) */
.interest-form {
  width: 100%;
  height: 100%;
  position: relative;
}

/* Hide bot-field */
.interest-bot-field {
  display: none;
}

/* White email UI overlays the same exact area */
.interest-fields {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 50px;
  width: 300px;
  align-items: center;
  gap: 12px;
}

/* Open state */
.interest-form.is-open .interest-fields {
  display: flex;
}

.interest-form.is-open .interest-cta {
  display: none;
}

/* Input + submit styling */
.interest-email {
  height: 50px;
  width: 260px;
  padding: 0 16px;
  border-radius: 40px;
  font-size: 16px;
  border: 1px solid rgba(0,0,0,0.2);
  outline: none;
}

.interest-submit {
  height: 50px;
  padding: 0 18px;
  border-radius: 40px;
  cursor: pointer;
  background: rgba(237, 230, 11, 1);
  border: 0;
  font-weight: 600;
}

/* Hide empty CTA wrapper (prevents ghost positioning issues) */
.landing-page-thq-buttons-elm3 {
  display: none !important;
}

/* =========================
   FINAL OVERRIDES (ONE PLACE)
   ========================= */

/* 1) Stop left/right background bleed */
html, body {
  width: 100%;
  overflow-x: hidden !important;
}

.landing-page-container1 {
  overflow-x: hidden !important;  /* keep vertical scroll */
}

/* Keep the design centered on desktop */
.landing-page-thq-landing-page-elm {
  max-width: 1366px;  /* matches your export sizes */
  margin: 0 auto;
  overflow-x: hidden;
}

/* 2) Hide TeleportHQ badge */
.landing-page-container2 {
  display: none !important;
}

/* 3) Bottom CTA: center it where it belongs */
.landing-page-thq-button-cta-elm3 {
  position: absolute !important;
  top: 2804px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

/* 4) Remove dotted grey box */
.landing-page-thq-group88-elm {
  border: none !important;
}

/* 5) Bullet alignment: remove the weird extra spacer on line 3 */
.landing-page-text30 {
  display: none !important;
}

/* 6) Make the email form not overflow its 300px area */
.interest-fields { width: 300px; }
.interest-email,
.interest-submit { box-sizing: border-box; }
.interest-submit { white-space: nowrap; }

/* =========================
   MOBILE VISIBILITY (FIXED)
   ========================= */
@media (max-width: 768px) {
  :root {
    --m-scale: calc(100vw / 1366);
  }

  .landing-page-container1 {
    align-items: flex-start;
    min-height: calc(3292px * var(--m-scale)); /* allows scrolling */
  }

  .landing-page-thq-landing-page-elm {
    width: 1366px;
    height: 3292px;
    transform: scale(var(--m-scale));
    transform-origin: top left;
  }
}
/* Hide Netlify spam honeypot field */
.interest-bot-field {
  display: none !important;
}
/* =========================
   MOBILE POLISH (SAFE)
   Put this at the VERY END of index.css
   ========================= */

/* 1) Always center the bottom CTA reliably */
.landing-page-thq-button-cta-elm3 {
  left: 50% !important;
  transform: translateX(-50%) !important;
}

/* Mobile tweaks */
@media (max-width: 768px) {

  /* 2) Hide the coin on mobile */
  .landing-page-thq-songwall-coin-square-gold15secs2-elm {
    display: none !important;
  }

  /* 3) Hero headline size + spacing */
  .landing-page-thq-text-elm12 {
    font-size: 34px !important;
    line-height: 1.1 !important;
    left: 20px !important;
    right: 20px !important;
  }

  /* The small paragraph under the hero */
  .landing-page-thq-text-elm14 {
    font-size: 16px !important;
    line-height: 1.4 !important;
    left: 20px !important;
    right: 20px !important;
  }

  /* Optional: keep the top CTA comfortably inside the screen */
  .landing-page-thq-buttons-elm1 {
    left: 20px !important;
  }

  /* Optional: center the bottom CTA on mobile too (if it’s slightly off) */
  .landing-page-thq-button-cta-elm3 {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}
/* Mobile-only coin under BEGINS */
.coin-mobile {
  display: none;
  margin-top: 10px;
  width: 120px;
  height: auto;
}

@media (max-width: 768px) {
  .coin-mobile {
    display: block;
  }

  /* If you want it aligned under the word BEGINS */
  .coin-mobile {
    margin-left: 0;
  }
}