:root {
  --color-bg: #f7f7f8;
  --color-text: #111827;
  --color-secondary: #667085;
  --color-accent: #7c5cfc;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: var(--color-bg);
  color: var(--color-text);
}

*, *::before, *::after { box-sizing: border-box; }
html, body { min-width: 320px; min-height: 100%; margin: 0; }
body { background: var(--color-bg); line-height: 1.5; }

.privacy-page {
  min-height: 100vh;
  background: radial-gradient(circle at 85% 8%, rgba(124, 92, 252, 0.1), transparent 24rem), var(--color-bg);
}

.privacy-header, .privacy-main, .privacy-footer { width: min(100% - 3rem, 58rem); margin-inline: auto; }
.privacy-header { padding-top: clamp(1.5rem, 4vw, 2.75rem); }
.privacy-back-link { display: inline-flex; gap: .5rem; align-items: center; min-height: 2.75rem; padding: .55rem .95rem; border: 1px solid rgba(124, 92, 252, .28); border-radius: 999px; background: rgba(255,255,255,.75); color: var(--color-text); font-size: .88rem; font-weight: 700; text-decoration: none; }
.privacy-main { padding-block: clamp(3.5rem, 8vw, 7rem); }
.privacy-document { max-width: 50rem; }
.privacy-intro { max-width: 44rem; margin-bottom: clamp(3rem, 7vw, 5rem); }
.privacy-eyebrow { display: block; margin-bottom: .65rem; color: var(--color-accent); font-size: .78rem; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.privacy-intro h1 { margin: 0; font-size: clamp(2.6rem, 7vw, 5rem); line-height: 1; letter-spacing: -.055em; }
.privacy-intro p { max-width: 39rem; margin: 1.25rem 0 0; color: var(--color-secondary); font-size: clamp(1rem, 2vw, 1.15rem); }
.privacy-document section { padding-block: clamp(1.75rem, 4vw, 2.5rem); border-top: 1px solid rgba(17,24,39,.13); }
.privacy-document section:last-child { border-bottom: 1px solid rgba(17,24,39,.13); }
.privacy-document h2 { display: flex; gap: .8rem; align-items: baseline; margin: 0 0 1rem; font-size: clamp(1.25rem, 3vw, 1.65rem); line-height: 1.25; }
.privacy-document h2 span { color: var(--color-accent); font-size: .72rem; font-variant-numeric: tabular-nums; letter-spacing: .08em; }
.privacy-document p { max-width: 47rem; margin: 0; color: var(--color-secondary); line-height: 1.75; }
.privacy-document p + p { margin-top: .9rem; }
.privacy-document address { display: grid; gap: .35rem; color: var(--color-secondary); font-style: normal; }
.privacy-document address strong { color: var(--color-text); }
.privacy-document a, .privacy-footer a { color: var(--color-accent); font-weight: 700; text-underline-offset: .2em; }
.privacy-back-link:focus-visible, .privacy-document a:focus-visible, .privacy-footer a:focus-visible { outline: 3px solid rgba(124,92,252,.4); outline-offset: 3px; }
.privacy-footer { display: flex; justify-content: space-between; gap: 1rem; padding-block: 1.5rem 2rem; border-top: 1px solid rgba(17,24,39,.13); color: var(--color-secondary); font-size: .82rem; }
.privacy-footer p { margin: 0; }

@media (max-width: 640px) {
  .privacy-header, .privacy-main, .privacy-footer { width: min(100% - 2.5rem, 58rem); }
  .privacy-main { padding-top: 3rem; }
  .privacy-document h2 { align-items: flex-start; }
}
