/* Keeps long translated copy inside the landing-page composition. */
.t4f-public-v2 [data-screen-label="Hero"] > div:first-child > div {
  min-width: 0;
}

html:not([lang^="zh"]):not([lang^="ja"]):not([lang^="ko"]) .t4f-public-v2 [data-screen-label="Hero"] h1 {
  max-width: 100%;
  font-size: clamp(2rem, 3.2vw, 3.7rem) !important;
  line-height: 1.08 !important;
}

html:not([lang^="zh"]):not([lang^="ja"]):not([lang^="ko"]) .t4f-public-v2 [data-screen-label="Hero"] [data-i18n="hero_title_prefix"],
html:not([lang^="zh"]):not([lang^="ja"]):not([lang^="ko"]) .t4f-public-v2 [data-screen-label="Hero"] [data-i18n="hero_title_highlight"] {
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: normal;
  max-width: 100%;
}

html:not([lang^="zh"]):not([lang^="ja"]):not([lang^="ko"]) .t4f-public-v2 [data-screen-label="Hero"] [data-i18n="hero_title_highlight"] {
  box-sizing: border-box;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.t4f-public-v2 [data-screen-label="Hero"] > div:first-child > div[aria-hidden="true"] > div {
  min-width: 0;
  overflow: hidden;
}

.t4f-public-v2 [data-screen-label="Hero"] > div:first-child > div[aria-hidden="true"] p,
.t4f-public-v2 [data-screen-label="Hero"] > div:first-child > div[aria-hidden="true"] span {
  max-width: 100%;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

html:not([lang^="zh"]):not([lang^="ja"]):not([lang^="ko"]) .t4f-public-v2 .t4f-landing-nav {
  gap: clamp(8px, 1.1vw, 16px) !important;
}

html:not([lang^="zh"]):not([lang^="ja"]):not([lang^="ko"]) .t4f-public-v2 .t4f-landing-nav a {
  min-width: 0;
  font-size: 12px !important;
  line-height: 1.2;
  text-align: center;
}

@media (max-width: 1000px) {
  .t4f-public-v2 .t4f-landing-nav { display: none !important; }
}

@media (max-width: 700px) {
  html:not([lang^="zh"]):not([lang^="ja"]):not([lang^="ko"]) .t4f-public-v2 [data-screen-label="Hero"] h1 {
    font-size: clamp(1.85rem, 9vw, 2.7rem) !important;
  }
}