.legal {
  padding: 3rem 0 3.5rem;
}

.legal__header {
  margin-bottom: 1.6rem;
}

.legal__header h1 {
  font-size: 1.9rem;
  margin: 0 0 0.4rem;
  color: #f9fafb;
}

.legal__meta {
  font-size: 0.85rem;
  color: #9ca3af;
}

.legal__content {
  background-color: #020617;
  border-radius: 1.1rem;
  padding: 1.6rem 1.7rem;
  border: 1px solid #1f2937;
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.6);
  max-width: 860px;
}

.legal__content h2 {
  font-size: 1.15rem;
  margin-top: 1.4rem;
  margin-bottom: 0.4rem;
  color: #e5e7eb;
}

.legal__content p {
  margin: 0.25rem 0 0.35rem;
  font-size: 0.94rem;
  color: #9ca3af;
}

.legal__content ul {
  margin: 0.2rem 0 0.75rem 1.2rem;
  padding: 0;
  color: #9ca3af;
  font-size: 0.94rem;
}

.legal__content li {
  margin-bottom: 0.25rem;
}

.legal__content a {
  color: #93c5fd;
  text-decoration: none;
}

.legal__content a:hover {
  text-decoration: underline;
}
.metric-value {
  display: inline-block;
  position: relative;
  font-size: 1.35rem;
  font-weight: 700;
  color: #e5e7eb;
}

/* Extra classes for slide animation */
.metric-value.ticker {
  overflow: hidden;
}

.ticker-stack {
  display: block;
  transform: translateY(-100%); /* old number visible, new above */
  transition: transform 0.45s cubic-bezier(0.19, 0.89, 0.32, 1.28);
}

.metric-value.ticker-animating .ticker-stack {
  transform: translateY(0); /* new number slides into view, old moves down */
}

.ticker-number {
  display: block;
}
.metric-value {
  display: inline-block;
  position: relative;
  font-size: 1.35rem;
  font-weight: 700;
  color: #e5e7eb;
}

/* Slide animation setup */
.metric-value.ticker {
  overflow: hidden;
}

.ticker-stack {
  display: block;
  transform: translateY(-100%); /* old number visible, new above */
  transition: transform 0.45s cubic-bezier(0.19, 0.89, 0.32, 1.28);
}

.metric-value.ticker-animating .ticker-stack {
  transform: translateY(0); /* new number slides into view, old moves down */
}

.ticker-number {
  display: block;
}