@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

:root {
  color-scheme: light;
}

body {
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
}

.surface-grid {
  background-image: radial-gradient(circle at 1px 1px, rgba(148, 163, 184, 0.16) 1px, transparent 0);
  background-size: 24px 24px;
}

.phone-shadow {
  box-shadow: 0 30px 80px -32px rgba(15, 23, 42, 0.45);
}

.legal-content h1 {
  margin-bottom: 0.75rem;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.legal-content h2 {
  margin-top: 2rem;
  margin-bottom: 0.75rem;
  font-size: 1.125rem;
  font-weight: 600;
  color: rgb(17 24 39);
}

.legal-content p {
  margin-top: 0.75rem;
  color: rgb(55 65 81);
  line-height: 1.75;
}

.legal-content ul {
  margin-top: 0.75rem;
  list-style: disc;
  padding-left: 1.25rem;
  color: rgb(55 65 81);
}

.legal-content li {
  margin-top: 0.5rem;
  line-height: 1.6;
}