.index-legal-section {
  position: relative;
  padding: clamp(82px, 8svh, 118px) 0 clamp(94px, 10svh, 138px);
  background: #161619;
}

.index-legal-hero .hk-service-hero__title {
  color: rgba(255, 255, 255, .349);
}

.index-legal-panel {
  width: min(1080px, calc(100vw - 32px));
  margin: 0 auto;
  padding: clamp(34px, 5vw, 64px);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 8px;
  background: #161619;
  box-shadow: 0 34px 90px rgba(0, 0, 0, .24);
}

.index-legal-panel__head {
  display: grid;
  gap: 16px;
  padding-bottom: clamp(24px, 4vw, 38px);
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.index-legal-panel__head .hk-tagline {
  display: none;
}

.index-legal-panel__head h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(30px, 4.2vw, 52px);
  line-height: 1.12;
  letter-spacing: 0;
  text-align: center;
}

.index-legal-panel__head p,
.index-legal-panel__meta,
.index-legal-block p,
.index-legal-list li {
  color: rgba(255, 255, 255, .65);
  line-height: 1.9;
}

.index-legal-panel__meta {
  font-size: 14px;
}

.index-legal-block {
  padding: clamp(22px, 3.6vw, 36px) 0;
  border-bottom: 1px solid rgba(255, 255, 255, .10);
}

.index-legal-block:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.index-legal-block h3 {
  margin: 0 0 14px;
  color: rgba(255, 255, 255, .86);
  font-size: clamp(20px, 2.1vw, 26px);
  line-height: 1.28;
  letter-spacing: 0;
}

.index-legal-block p {
  margin: 0 0 14px;
  font-size: 16px;
}

.index-legal-block p:last-child {
  margin-bottom: 0;
}

.index-legal-list {
  display: grid;
  gap: 12px;
  margin: 0;
  padding-left: 1.2em;
}

.index-legal-list li::marker {
  color: rgba(255, 255, 255, .52);
}

.index-legal-panel a {
  color: rgba(255, 255, 255, .78);
  text-decoration: underline;
  text-decoration-color: rgba(255, 255, 255, .32);
  text-underline-offset: 4px;
}

.index-legal-panel a:hover {
  color: #fff;
  text-decoration-color: rgba(255, 255, 255, .72);
}

@media (max-width: 640px) {
  .index-legal-panel {
    padding: 28px 22px;
  }
}