html[lang="en"] {
  --font-heading: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --font-body: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

html[lang="en"] .hero-copy {
  max-width: 1050px;
}

html[lang="en"] .hero-title {
  max-width: 1050px;
  font-size: clamp(42px, 4.2vw, 60px);
  line-height: 1.05;
  letter-spacing: -0.035em;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: auto;
  text-wrap: balance;
}

html[lang="en"] .hero-subtitle,
html[lang="en"] .section-head > p:last-child {
  max-width: 68ch;
  line-height: 1.72;
}

html[lang="en"] .section-head {
  max-width: 880px;
}

html[lang="en"] .section-head h2 {
  max-width: 880px;
  margin-inline: auto;
  font-size: clamp(34px, 3.6vw, 44px);
  line-height: 1.12;
  letter-spacing: -0.03em;
  overflow-wrap: break-word;
  word-break: normal;
  text-wrap: balance;
}

html[lang="en"] .system-card {
  min-height: 270px;
}

html[lang="en"] .system-card h3 {
  font-size: 20px;
  line-height: 1.22;
  letter-spacing: -0.018em;
  text-wrap: balance;
}

html[lang="en"] .system-card p {
  max-width: 34ch;
  line-height: 1.72;
}

html[lang="en"] .case-card p {
  max-width: 58ch;
  line-height: 1.78;
}

html[lang="en"] .cooperate-step p {
  max-width: 30ch;
  margin-inline: auto;
  line-height: 1.78;
}

html[lang="en"] .closeout__content {
  max-width: 880px;
}

html[lang="en"] .closeout p {
  max-width: 68ch;
  line-height: 1.78;
}

@media (max-width: 767px) {
  html[lang="en"] .hero-title {
    font-size: clamp(34px, 10vw, 42px);
    line-height: 1.08;
    letter-spacing: -0.03em;
  }

  html[lang="en"] .section-head h2 {
    font-size: clamp(30px, 9vw, 38px);
  }

  html[lang="en"] .case-card p,
  html[lang="en"] .cooperate-step p {
    max-width: 100%;
  }
}