:root { color-scheme: dark; font-family: Inter, "Helvetica Neue", Arial, sans-serif; background: #000; color: #fff; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: flex; flex-direction: column; }
a { color: inherit; text-decoration: none; }
a:focus-visible { outline: 1px solid #fff; outline-offset: 6px; }
.legal-header { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 36px 6vw; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-size: 13px; letter-spacing: .16em; }
.brand img { object-fit: contain; }
.legal-header > span, .eyebrow { color: #999; font-size: 10px; letter-spacing: .18em; }
main { width: min(100%, 904px); margin: auto; padding: 100px 48px 96px; }
.eyebrow { margin: 0 0 28px; }
h1 { margin: 0 0 52px; font-size: clamp(38px, 5vw, 68px); line-height: 1.1; font-weight: 300; letter-spacing: -.035em; }
.legal-copy { max-width: 650px; color: #aaa; font-size: 16px; line-height: 1.85; }
.legal-copy p { margin: 0 0 26px; }
.back { display: inline-flex; align-items: center; min-height: 44px; margin-top: 36px; color: #aaa; font-size: 10px; letter-spacing: .14em; }
.back:hover { color: #fff; }
footer { padding: 28px 6vw 36px; color: #777; font-size: 11px; letter-spacing: .06em; }
@media (max-width: 700px) {
  .legal-header { padding: 26px 24px; gap: 16px; }
  .brand { font-size: 11px; gap: 8px; }
  .brand img { width: 22px; height: 22px; }
  .legal-header > span { font-size: 9px; }
  main { padding: 82px 24px 70px; }
  h1 { margin-bottom: 38px; }
  .legal-copy { font-size: 14px; line-height: 1.85; }
  footer { padding: 24px 24px 32px; }
}