/* Privacy Policy — Figma 740:13352.
   Body copy is var(--deep) (#24459D); only the title stays var(--ink).
   Deliberately plain: no new type styles. The title reuses the 56/64 pair (.shift-h, .closer),
   headings and body reuse 16/24, and the page uses the shared light-page shell (body.on-light
   supplies var(--surface) and flips the nav to dark type).
   Measure is 880px, matching Figma's 877 and reusing the width .uc-hero-inner already uses.
   That runs long for body copy (~110 characters a line); widened at Victoria's request
   2026-08-06 from an earlier 720. If it ever reads too long, 720 is the readable fallback. */
.pp{padding:168px 0 120px;   /* 168 top matches .hiw-hero-inner and .uc-hero-inner — the same air under the nav every other page has */
  background:linear-gradient(180deg, var(--panel) 0%, var(--surface) 720px)}
/* same headline style as the Use cases hero (.uc-hero-inner h1): Anaheim 500, fluid
   clamp(40,7vw,72) at 1.05. The clamp scales on its own, so this needs no per-breakpoint
   font-size — only the margin below it changes. */
.pp-title{font-family:var(--display);font-weight:500;font-size:clamp(40px, 7vw, 72px);line-height:1.05;
  color:var(--ink);text-align:center;margin:0 0 80px}
.pp-body{max-width:880px;margin:0 auto}   /* 880 is an existing width (.uc-hero-inner, the Use cases hero this title now matches) and within 3px of the Figma column */
.pp-body h2{font-family:var(--sans);font-weight:600;font-size:16px;line-height:24px;
  color:var(--deep);margin:48px 0 8px}
.pp-body h2:first-child{margin-top:0}
.pp-body p{font-family:var(--sans);font-weight:300;font-size:16px;line-height:24px;
  color:var(--deep);margin:0 0 16px}
.pp-body p:last-child{margin-bottom:0}
.pp-body ul{margin:0 0 16px;padding-left:24px}
.pp-body li{font-family:var(--sans);font-weight:300;font-size:16px;line-height:24px;
  color:var(--deep);margin:0}
.pp-body a{color:var(--action);text-decoration:underline}   /* text links are underlined site-wide */
.pp-contact{margin:0}
@media(max-width:1024px){
  .pp{padding-bottom:96px}   /* top stays 168, as on how-it-works / use-cases */
  .pp-title{margin-bottom:56px}
}
@media(max-width:640px){
  .pp{padding:112px 0 72px}   /* 112 top matches .uc-hero-inner on phones */
  .pp-title{margin-bottom:40px}
  .pp-body h2{margin-top:40px}
}