/* ============================================================
   Bellevo — content pages (Privacy, Terms, Team)
   ============================================================ */

.page-hero {
  padding: 140px 0 56px;
  background: linear-gradient(180deg, var(--slate-100) 0%, var(--paper) 100%);
  border-bottom: 1px solid var(--line);
}
.page-hero .wrap {
  display: flex; flex-direction: column; gap: 14px;
  max-width: 880px;
}
.page-hero h1 {
  font-size: clamp(36px, 5vw, 56px);
  font-weight: 800; letter-spacing: -.02em; line-height: 1.05;
  color: var(--charcoal-900);
}
.page-hero p.lead {
  font-size: 18px; color: var(--muted);
  max-width: 60ch; text-wrap: pretty;
}
.page-hero .meta {
  font-size: 14px; color: var(--muted);
  letter-spacing: .04em; text-transform: uppercase; font-weight: 600;
}

.legal {
  padding: 60px 0 100px;
}
.legal .wrap {
  max-width: 760px;
}
.legal h2 {
  font-size: 22px; font-weight: 700;
  color: var(--charcoal-900); letter-spacing: -.01em;
  margin-top: 48px; margin-bottom: 14px;
}
.legal h2:first-of-type { margin-top: 0; }
.legal p {
  font-size: 16px; color: var(--ink); line-height: 1.7;
  margin-bottom: 16px;
}
.legal ul { padding-left: 22px; margin: 12px 0 16px; color: var(--ink); }
.legal li { margin-bottom: 8px; line-height: 1.6; }

/* Team page */
.team {
  padding: 60px 0 120px;
}
.team .wrap { max-width: 1080px; }
.team-grid {
  display: grid; gap: 28px;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
.team-card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  padding: 32px;
  box-shadow: var(--sh-card);
  display: flex; flex-direction: column; gap: 14px;
  transition: transform .2s ease, box-shadow .2s ease;
}
.team-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--sh-elev);
}
.team-avatar {
  width: 96px; height: 96px; border-radius: 50%;
  background: linear-gradient(135deg, var(--teal) 0%, var(--charcoal) 100%);
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-size: 36px; font-weight: 800;
  letter-spacing: -.02em;
}
.team-card h3 {
  font-size: 22px; font-weight: 700; color: var(--charcoal-900);
  letter-spacing: -.01em;
}
.team-role {
  font-size: 12.5px; font-weight: 700; letter-spacing: .12em;
  color: var(--teal-deep); text-transform: uppercase;
}
.team-bio {
  font-size: 15px; color: var(--muted); line-height: 1.65;
}