:root {
      --bg: oklch(0% 0 0);
      --surface: oklch(13.92% 0.0506 343.83);
      --fg: oklch(88.60% 0.0329 52.30);
      --muted: oklch(75.21% 0.0899 342.61);
      --border: oklch(46.40% 0.1686 343.83);
      --accent: oklch(52.89% 0.2150 352.09);
      --accent-soft: oklch(75.21% 0.0899 342.61);
      --display: Mersad, "Avenir Next", "Helvetica Neue", sans-serif;
      --body: "Wix Madefor Text", "Avenir Next", "Helvetica Neue", sans-serif;
      --max: 1160px;
    }

    * { box-sizing: border-box; }
    html { background: var(--bg); color-scheme: dark; scroll-padding-top: 96px; }
    body {
      margin: 0;
      min-width: 320px;
      overflow-x: hidden;
      background: var(--bg);
      color: var(--fg);
      font-family: var(--body);
      font-size: 16px;
      line-height: 1.7;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
    }
    img { display: block; width: 100%; }
    a { color: var(--accent-soft); text-underline-offset: 3px; }
    a:hover { color: var(--fg); }
    :focus-visible { outline: 3px solid var(--accent-soft); outline-offset: 4px; }

    .site-header {
      position: fixed;
      z-index: 50;
      top: 0;
      left: 0;
      width: 100%;
      border-bottom: 1px solid color-mix(in oklch, var(--border) 70%, transparent);
      background: color-mix(in oklch, var(--bg) 84%, transparent);
      backdrop-filter: blur(18px) saturate(125%);
    }
    .nav-shell { width: min(calc(100% - 40px), 1360px); min-height: 68px; margin: 0 auto; display: flex; align-items: center; }
    .brand { display: inline-flex; min-height: 44px; align-items: center; text-decoration: none; }
    .brand-logo-image { width: auto; height: clamp(58px, 10vw, 80px); flex: 0 0 auto; object-fit: contain; }

    .legal-page { position: relative; padding: clamp(140px, 15vw, 180px) 0 clamp(72px, 8vw, 112px); }
    .legal-page::before {
      content: "";
      position: absolute;
      inset: 0 0 auto;
      height: 520px;
      background: radial-gradient(circle at 50% 0%, color-mix(in oklch, var(--accent) 18%, transparent), transparent 62%);
      pointer-events: none;
    }
    .legal-shell { position: relative; width: min(calc(100% - 40px), 780px); margin: 0 auto; }
    .eyebrow { margin: 0 0 16px; color: var(--accent-soft); font-size: 12px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }
    .legal-title { margin: 0; font-family: var(--display); font-size: clamp(2.4rem, 5vw, 3.6rem); font-weight: 700; line-height: 1.04; letter-spacing: -.045em; text-wrap: balance; }
    .legal-updated { margin: 18px 0 0; color: var(--muted); font-size: 14px; }
    .legal-intro { margin: 28px 0 0; color: color-mix(in oklch, var(--fg) 80%, var(--muted)); font-size: 18px; }

    .legal-body { margin-top: 48px; border-top: 1px solid var(--border); }
    .legal-body section { padding: 36px 0 8px; }
    .legal-body h2 { margin: 0 0 16px; font-family: var(--display); font-size: clamp(1.4rem, 2.6vw, 1.75rem); line-height: 1.2; letter-spacing: -.02em; }
    .legal-body h3 { margin: 24px 0 8px; font-size: 17px; line-height: 1.35; }
    .legal-body p, .legal-body li { color: color-mix(in oklch, var(--fg) 82%, var(--muted)); }
    .legal-body p { margin: 0 0 16px; }
    .legal-body ul { margin: 0 0 16px; padding-left: 22px; }
    .legal-body li { margin: 0 0 8px; }
    .legal-body li::marker { color: var(--accent); }
    .legal-body strong { color: var(--fg); }

    .data-card { margin: 0 0 16px; padding: 22px 24px; border: 1px solid var(--border); border-radius: 16px; background: var(--surface); }
    .data-card dl { margin: 0; display: grid; grid-template-columns: max-content 1fr; gap: 8px 20px; }
    .data-card dt { color: var(--muted); font-size: 14px; }
    .data-card dd { margin: 0; color: var(--fg); overflow-wrap: anywhere; }

    .site-footer { padding: 56px 0 36px; border-top: 1px solid var(--border); }
    .footer-shell { width: min(calc(100% - 40px), var(--max)); margin: 0 auto; display: grid; justify-items: center; gap: 24px; text-align: center; }
    .footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 28px; }
    .footer-links a { min-height: 44px; display: inline-flex; align-items: center; color: var(--muted); font-size: 13px; text-decoration: none; }
    .footer-links a:hover, .footer-links a[aria-current="page"] { color: var(--fg); }
    .legal { margin: 0; color: color-mix(in oklch, var(--muted) 72%, var(--bg)); font-size: 12px; }

    @media (max-width: 720px) {
      .nav-shell { width: min(calc(100% - 32px), 1360px); }
      .brand-logo-image { height: 56px; }
      .legal-page { padding: 120px 0 64px; }
      .legal-shell { width: min(calc(100% - 32px), 780px); }
      .legal-intro { font-size: 17px; }
      .data-card { padding: 18px; }
      .data-card dl { grid-template-columns: 1fr; gap: 2px; }
      .data-card dd + dt { margin-top: 10px; }
    }