#section-title { padding: 40px 0 72px; }
.hero-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 32px; }
#section-title__logo img { width: 210px; height: auto; filter: brightness(0) invert(1); }
#section-title__nav { transform: none; margin: 0; gap: 24px; flex-wrap: wrap; }
.hero-content { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); gap: 64px; align-items: center; margin-top: 88px; }
#section-title__title { font-size: 46px; line-height: 1.16; text-align: left; margin: 0 0 28px; transform: none; }
.hero-description p { font-size: 18px; line-height: 1.65; color: #d9dbe7; }
.hero-applications { border-left: 1px solid #707490; padding-left: 32px; }
.hero-applications h2 { font-size: 24px; line-height: 1.3; margin-bottom: 24px; }
.hero-applications ul { list-style: none; }
.hero-applications li { margin: 0; padding: 14px 0; border-bottom: 1px solid #555a79; line-height: 1.5; }
.hero-applications li:first-child { padding-top: 0; }
.hero-applications li:last-child { border-bottom: 0; padding-bottom: 0; }
.svgwave-in, .svgwave-out { display: block; height: 192px; }
.svgwave-in { margin-top: -6rem; }
.svgwave-out { margin-bottom: -6rem; }
@media (max-width: 800px) {
  .svgwave-in, .svgwave-out { height: 96px; }
  #section-title { padding: 24px 0 40px; }
  .hero-header { flex-direction: column; align-items: flex-start; gap: 28px; }
  #section-title__logo img { width: 180px; }
  #section-title__nav { justify-content: flex-start; gap: 16px; font-size: 14px; }
  .hero-content { grid-template-columns: minmax(0, 1fr); gap: 40px; margin-top: 48px; }
  #section-title__title { font-size: clamp(30px, 6vw, 42px); }
  .hero-description p { font-size: 16px; }
  .hero-applications { border-left: 0; border-top: 1px solid #707490; padding: 28px 0 0; }
}