.legal-page {
  background: #f4f4f4;
  color: #111;
  min-height: 100vh;
}

.legal-page .hero-top-bar {
  position: relative;
  background: #050505;
}

.legal-wrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 70px 5% 90px;
}

.legal-title {
  font-family: "Anton", sans-serif;
  font-size: clamp(40px, 6vw, 72px);
  line-height: 0.95;
  margin-bottom: 18px;
}

.legal-subtitle {
  font-family: "Anton", sans-serif;
  font-size: clamp(30px, 4vw, 50px);
  margin: 36px 0 12px;
  line-height: 0.95;
}

.legal-text {
  font-size: 17px;
  line-height: 1.75;
  color: #333;
}

.legal-text p {
  margin-bottom: 18px;
}

.legal-text ul {
  margin: 10px 0 18px 22px;
}

.legal-text li {
  margin-bottom: 10px;
}

.legal-text a {
  color: #09531b;
  text-decoration: underline;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.legal-text strong {
  color: #111;
}

@media (max-width: 1100px) {
  .legal-wrap {
    padding: 56px 5% 72px;
  }

  .legal-text {
    font-size: 16px;
    line-height: 1.68;
  }
}

@media (max-width: 768px) {
  .legal-wrap {
    padding: 42px 5% 60px;
  }

  .legal-title {
    line-height: 1;
    margin-bottom: 14px;
  }

  .legal-subtitle {
    margin: 28px 0 10px;
    line-height: 1;
  }

  .legal-text {
    font-size: 15px;
    line-height: 1.62;
  }

  .legal-text p {
    margin-bottom: 14px;
  }

  .legal-text ul {
    margin: 8px 0 14px 18px;
  }

  .legal-text li {
    margin-bottom: 8px;
  }
}

@media (max-width: 480px) {
  .legal-wrap {
    padding: 34px 5% 50px;
  }

  .legal-title {
    font-size: clamp(34px, 10vw, 44px);
  }

  .legal-subtitle {
    font-size: clamp(24px, 8.5vw, 34px);
  }

  .legal-text {
    font-size: 14px;
    line-height: 1.58;
  }
}