html[lang="en"] body.app-title-audit h1,
html[lang="en"] body.app-title-audit h2,
html[lang="en"] body.app-title-audit h3 {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

html[lang="en"] body.app-title-audit .app-detail-hero h1 {
  font-size: clamp(3rem, 5.6vw, 6.2rem);
  line-height: .96;
  letter-spacing: -.06em;
}

html[lang="en"] body.app-title-audit .app-detail-hero h1 .soft {
  display: block;
}

html[lang="en"] body.app-title-audit .screenshot-phone {
  padding: 0;
  border-radius: 0;
  background: transparent;
}

html[lang="en"] body.app-title-audit .screenshot-phone img {
  border-radius: 0;
}

html[lang="en"] .hero .hook {
  max-width: 12ch;
  font-size: clamp(3.2rem, 6vw, 6.8rem);
  line-height: .98;
  letter-spacing: -.065em;
}

html[lang="en"] .en-app-store-badge {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  min-width: 168px;
  padding: .45rem .72rem;
  border-radius: .5rem;
  background: #050505;
  color: #fff;
  font: 600 1.15rem/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-align: left;
}

html[lang="en"] .en-app-store-badge > span:first-child {
  font-size: 2rem;
  line-height: 1;
}

html[lang="en"] .en-app-store-badge > span:last-child {
  display: grid;
  gap: .12rem;
}

html[lang="en"] .en-app-store-badge small {
  font-size: .63rem;
  font-weight: 500;
  letter-spacing: .01em;
}

@media (max-width: 720px) {
  html[lang="en"] body.app-title-audit .app-detail-hero h1 {
    font-size: clamp(2.65rem, 12vw, 3.8rem);
    line-height: 1;
  }

  html[lang="en"] .hero .hook {
    max-width: 9.5ch;
    font-size: clamp(2.65rem, 12vw, 3.8rem);
  }

  html[lang="en"] body.app-title-audit p,
  html[lang="en"] body.app-title-audit li,
  html[lang="en"] body.app-title-audit .app-meta span,
  html[lang="en"] body.app-title-audit .feature-box p {
    font-size: max(1rem, 16px);
  }
}