html,
body,
#root {
  max-width: 100%;
  overflow-x: hidden;
}

.lp-v2,
.lp-v2 * {
  box-sizing: border-box;
}

.lp-v2 img,
.lp-v2 video,
.lp-v2 svg {
  max-width: 100%;
}

.lp-v2 h1,
.lp-v2 h2,
.lp-v2 h3,
.lp-v2 p,
.lp-v2 a,
.lp-v2 span,
.lp-v2 div {
  overflow-wrap: anywhere;
}

.lp-v2 [class*="max-w-["] {
  max-width: min(100%, var(--keyframe-container-max, 1280px));
}

.lp-v2 .grid,
.lp-v2 [class*="grid-cols-"] {
  min-width: 0;
}

.lp-v2 .lg\:whitespace-nowrap {
  white-space: normal !important;
}

.lp-v2 h1 .lp-rotator-host {
  margin-left: 0.18em;
}

.lp-v2 footer .grid.grid-cols-2 {
  grid-template-columns: minmax(0, 1fr);
}

.lp-v2 footer .col-span-2 {
  grid-column: 1 / -1;
}

.lp-v2 footer .pt-6 .gap-4 span {
  display: none;
}

.lp-v2 footer .pt-6 .gap-4 {
  gap: 0;
}

@media (max-width: 1023px) {
  .lp-v2 .md\:hidden.space-y-3 {
    display: block !important;
  }

  .lp-v2 .hidden.md\:block {
    display: none !important;
  }

}

@media (max-width: 767px) {
  .lp-v2 section {
    overflow: hidden;
  }

  .lp-v2 .max-w-\[1280px\],
  .lp-v2 .max-w-\[1200px\],
  .lp-v2 .max-w-\[1180px\] {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .lp-v2 .px-6 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .lp-v2 .py-32 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .lp-v2 .space-y-32 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 80px !important;
  }

  .lp-v2 h1 {
    font-size: clamp(34px, 10.5vw, 56px) !important;
    line-height: 1.04 !important;
  }

  .lp-v2 h2 {
    font-size: clamp(32px, 10vw, 48px) !important;
    line-height: 1.06 !important;
  }

  .lp-v2 h3 {
    font-size: clamp(24px, 8vw, 36px) !important;
  }

  .lp-v2 .font-bold.tracking-\[-0\.045em\].leading-\[0\.92\] {
    font-size: clamp(48px, 15vw, 82px) !important;
    line-height: 0.98 !important;
  }
}

@media (max-width: 420px) {
  .lp-v2 h1 {
    font-size: clamp(30px, 9.2vw, 40px) !important;
  }

  .lp-v2 .lp-rotator-host {
    max-width: calc(100vw - 40px);
  }

  .lp-v2 .grid-cols-\[110px_1fr\] {
    grid-template-columns: minmax(84px, 0.42fr) minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  .lp-v2 .w-\[80px\] {
    width: 68px !important;
  }

  .lp-v2 .w-\[calc\(100\%-200px\)\] {
    width: calc(100% - 150px) !important;
  }
}
