/* ============================================================
   LEGAL / CONTENT PAGE TEMPLATE
   Shares the site nav, footer, and .scroll-gradient-wrap background
   system from landing2.css — this file only adds the centered white
   content card and its typography.
   ============================================================ */

.legal-page{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:center;
  padding: 160px 24px 120px;
}

.legal-card{
  width:100%;
  max-width:760px;
  background:#ffffff;
  border-radius:28px;
  padding: 64px 64px 72px;
  box-shadow: 0 30px 80px rgba(20,20,50,0.10), 0 4px 14px rgba(20,20,50,0.05);
}

.legal-card h1{
  font-size: clamp(30px, 4vw, 40px);
  font-weight:800;
  letter-spacing:-0.01em;
  color: var(--ink);
}

.legal-updated{
  margin-top:10px;
  font-size:14px;
  color: var(--ink-soft);
  opacity:0.65;
}

.legal-card h2{
  margin-top:44px;
  margin-bottom:14px;
  font-size:20px;
  font-weight:700;
  color: var(--ink);
}

.legal-card h3{
  margin-top:26px;
  margin-bottom:10px;
  font-size:16px;
  font-weight:700;
  color: var(--ink);
}

.legal-card ul ul{
  margin-top:8px;
}

.legal-card p{
  font-size:15px;
  line-height:1.7;
  color: var(--ink-soft);
  margin-bottom:14px;
}

.legal-card ul{
  margin: 0 0 14px 20px;
  padding:0;
}

.legal-card li{
  font-size:15px;
  line-height:1.7;
  color: var(--ink-soft);
  margin-bottom:8px;
}

.legal-card a{
  color: var(--brand);
  text-decoration: underline;
  text-underline-offset: 2px;
}

@media (max-width: 640px){
  .legal-page{ padding: 130px 16px 90px; }
  .legal-card{ padding: 40px 26px 48px; border-radius:22px; }
}