:root {
      --bg: #f7f8fa;
      --surface: #ffffff;
      --text: #111a22;
      --muted: #5a6774;
      --line: #d9e0e7;
      --primary: #007aff;
      --primary-soft: #f2f7ff;
      --max: 860px;
    }

    * {
      box-sizing: border-box;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      margin: 0;
      font-family: "DM Sans", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
      color: var(--text);
      background: var(--bg);
    }

    a {
      color: inherit;
    }

    .container {
      width: 100%;
      margin: 0 auto;
    }

    .document-shell {
      width: min(var(--max), 100%);
      margin: 0 auto;
      background: var(--surface);
    }

    .hero {
      padding: 28px 0 20px;
    }

    h2,
    h3 {
      margin: 0;
      font-family: "Space Grotesk", "DM Sans", sans-serif;
      letter-spacing: -0.05em;
    }

    .hero-card p,
    .policy-card p,
    .policy-card li {
      color: var(--muted);
      line-height: 1.8;
    }

    .hero-card p {
      margin: 18px 0 0;
      padding: 0 20px;
      font-size: 1rem;
    }

    .meta {
      padding-left: 20px;
    }

    .meta span {
      display: inline-flex;
      color: var(--muted);
      font-size: 0.9rem;
      font-weight: 500;
    }

    .policy {
      padding: 0 0 44px;
    }

    .policy-section {
      padding: 18px 20px;
      background: transparent;
    }

    .policy-section + .policy-section {
      margin-top: 8px;
    }

    .policy-section h2 {
      font-size: 1.45rem;
    }

    .policy-section p {
      margin: 12px 0 0;
    }

    .policy-section ul {
      margin: 12px 0 0;
      padding-left: 18px;
    }

    .callout {
      margin-top: 14px;
      padding: 16px;
      border-radius: 14px;
      background: var(--primary-soft);
      color: inherit;
      font-weight: 500;
    }

    .footer {
      padding: 0 20px 32px;
      color: var(--muted);
      font-size: 0.92rem;
    }

    .footer a {
      color: var(--primary);
    }

    @media (prefers-reduced-motion: reduce) {
      html {
        scroll-behavior: auto;
      }
    }
  
:root { --primary: #2A91FC; } h2 {letter-spacing: -.02em;} .meta {padding:0;} .meta-row {display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:nowrap;padding:0 20px;} .meta span {white-space:nowrap;} .policy-card a,.hero-card a {color:var(--primary);} .policy-card p {overflow-wrap:anywhere;} @media(max-width:380px){.meta span {font-size:.78rem;} .meta-row{gap:8px;}}

.footer-content {display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;} .footer-links {display:flex;gap:18px;flex-wrap:wrap;} .footer-copy {margin:0;}