.page-privacy {
  --privacy-gutter: clamp(20px, 4vw, 48px);
  background: var(--ink);
  color: var(--text);
}

/* ---------- Hero ---------- */
.page-privacy .privacy-hero {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--line-faint);
  background:
    radial-gradient(120% 140% at 82% -10%, rgba(43, 240, 194, 0.16), transparent 58%),
    radial-gradient(90% 120% at 6% 110%, rgba(255, 138, 61, 0.12), transparent 60%),
    var(--ink);
}

.page-privacy .privacy-hero-media {
  position: absolute;
  inset: 0;
  opacity: 0.32;
  pointer-events: none;
}

.page-privacy .privacy-hero-media img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  object-position: center 30%;
}

.page-privacy .privacy-hero-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(10, 14, 39, 0.35) 0%, rgba(10, 14, 39, 0.92) 78%, var(--ink) 100%);
}

.page-privacy .privacy-hero-inner {
  position: relative;
  padding: clamp(34px, 7vw, 72px) 0 clamp(30px, 5vw, 56px);
}

.page-privacy .privacy-hero-inner .breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  letter-spacing: 0.06em;
  color: var(--muted);
  margin-bottom: 26px;
}

.page-privacy .privacy-hero-inner .breadcrumb a {
  color: var(--muted);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 0.2s var(--ease), border-color 0.2s var(--ease);
}

.page-privacy .privacy-hero-inner .breadcrumb a:hover,
.page-privacy .privacy-hero-inner .breadcrumb a:focus-visible {
  color: var(--mint);
  border-bottom-color: var(--mint);
}

.page-privacy .privacy-hero-inner .eyebrow {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--mint);
  border: 1px solid rgba(43, 240, 194, 0.4);
  border-radius: var(--r-pill);
  padding: 6px 14px;
  margin: 0 0 20px;
}

.page-privacy h1 {
  font-family: var(--font-head);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.16;
  font-size: clamp(1.9rem, 5.4vw, 3.4rem);
  margin: 0 0 22px;
  max-width: 20ch;
}

.page-privacy .privacy-lead {
  max-width: 62ch;
  font-size: clamp(15px, 3.6vw, 17px);
  line-height: 1.8;
  color: #c9d3ea;
  margin: 0 0 34px;
}

.page-privacy .privacy-hero-facts {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1px;
  background: var(--line-faint);
  border: 1px solid var(--line-faint);
  border-radius: var(--r-lg);
  overflow: hidden;
}

.page-privacy .privacy-hero-facts li {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 16px 20px;
  background: var(--panel);
}

.page-privacy .privacy-hero-facts li > span:last-child {
  font-size: 14px;
  color: var(--muted);
  line-height: 1.5;
}

.page-privacy .privacy-hero-facts .num {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--mint);
  white-space: nowrap;
}

/* ---------- Shell ---------- */
.page-privacy .privacy-shell {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(28px, 5vw, 56px);
  padding: clamp(40px, 7vw, 80px) 0 clamp(56px, 8vw, 96px);
}

/* ---------- Aside / TOC ---------- */
.page-privacy .privacy-aside {
  border: 1px solid var(--line-faint);
  border-radius: var(--r-lg);
  background: var(--panel);
  padding: 22px 20px;
}

.page-privacy .privacy-aside-title {
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
  margin: 0 0 16px;
}

.page-privacy .privacy-toc {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 2px;
  counter-reset: none;
}

.page-privacy .privacy-toc .toc-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: var(--r-pill);
  color: var(--muted);
  font-size: 14.5px;
  line-height: 1.4;
  text-decoration: none;
  border-left: 2px solid transparent;
  transition: color 0.2s var(--ease), background 0.2s var(--ease), border-color 0.2s var(--ease);
}

.page-privacy .privacy-toc .toc-mark {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-size: 12px;
  color: var(--line);
  flex: none;
  transition: color 0.2s var(--ease);
}

.page-privacy .privacy-toc .toc-link:hover,
.page-privacy .privacy-toc .toc-link:focus-visible {
  color: var(--text);
  background: rgba(43, 240, 194, 0.07);
}

.page-privacy .privacy-toc .toc-link.is-active {
  color: var(--mint);
  border-left-color: var(--mint);
  background: rgba(43, 240, 194, 0.09);
}

.page-privacy .privacy-toc .toc-link.is-active .toc-mark {
  color: var(--mint);
}

.page-privacy .privacy-aside-note {
  margin: 18px 0 0;
  padding-top: 16px;
  border-top: 1px solid var(--line-faint);
  font-size: 13px;
  line-height: 1.7;
  color: var(--muted);
}

/* ---------- Body ---------- */
.page-privacy .privacy-body {
  min-width: 0;
}

.page-privacy .privacy-section {
  padding: 0 0 clamp(30px, 5vw, 52px);
  margin: 0 0 clamp(30px, 5vw, 52px);
  border-bottom: 1px solid var(--line-faint);
  scroll-margin-top: 120px;
}

.page-privacy .privacy-section--last {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.page-privacy .privacy-section .section-head {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin-bottom: 20px;
}

.page-privacy .privacy-section .section-num {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-size: 13px;
  font-weight: 700;
  color: var(--amber);
  letter-spacing: 0.08em;
  flex: none;
  padding-top: 4px;
}

.page-privacy .privacy-section .section-title {
  font-family: var(--font-head);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.3;
  font-size: clamp(1.3rem, 3.6vw, 1.8rem);
  margin: 0;
}

.page-privacy .privacy-section p {
  font-size: 16px;
  line-height: 1.85;
  color: #cfd8ec;
  max-width: 68ch;
  margin: 0 0 16px;
}

.page-privacy .privacy-section p:last-child {
  margin-bottom: 0;
}

.page-privacy .privacy-section a {
  color: var(--mint);
  text-decoration: none;
  border-bottom: 1px solid rgba(43, 240, 194, 0.35);
  transition: border-color 0.2s var(--ease);
}

.page-privacy .privacy-section a:hover,
.page-privacy .privacy-section a:focus-visible {
  border-bottom-color: var(--mint);
}

/* ---------- Table ---------- */
.page-privacy .privacy-table-wrap {
  margin: 24px 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--line-soft);
  border-radius: var(--r-lg);
  background: var(--panel);
  outline: none;
}

.page-privacy .privacy-table-wrap:focus-visible {
  border-color: var(--mint);
}

.page-privacy .privacy-table {
  width: 100%;
  min-width: 560px;
  border-collapse: collapse;
  font-size: 14.5px;
  line-height: 1.6;
}

.page-privacy .privacy-table th,
.page-privacy .privacy-table td {
  text-align: left;
  vertical-align: top;
  padding: 15px 18px;
  border-bottom: 1px solid var(--line-faint);
}

.page-privacy .privacy-table thead th {
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--muted);
  background: rgba(36, 27, 69, 0.55);
  font-weight: 600;
  white-space: nowrap;
}

.page-privacy .privacy-table tbody th {
  font-weight: 700;
  color: var(--mint);
  white-space: nowrap;
}

.page-privacy .privacy-table tbody td {
  color: #c4cee4;
}

.page-privacy .privacy-table tbody tr:last-child th,
.page-privacy .privacy-table tbody tr:last-child td {
  border-bottom: none;
}

.page-privacy .privacy-scroll-hint {
  display: block;
  margin: 10px 0 0;
  font-size: 12.5px;
  color: var(--muted);
  letter-spacing: 0.04em;
}

/* ---------- Highlight ---------- */
.page-privacy .privacy-highlight {
  margin: 26px 0 0;
  padding: 20px 22px 20px 24px;
  border-left: 3px solid var(--mint);
  border-radius: 0 var(--r-md) var(--r-md) 0;
  background: linear-gradient(90deg, rgba(43, 240, 194, 0.11), rgba(43, 240, 194, 0.02));
}

.page-privacy .privacy-highlight p {
  margin: 0;
  font-size: 16px;
  line-height: 1.8;
  color: var(--text);
  max-width: 64ch;
}

.page-privacy .privacy-highlight strong {
  font-weight: 700;
  color: #ffffff;
}

/* ---------- Two column panels ---------- */
.page-privacy .privacy-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-top: 26px;
}

.page-privacy .privacy-panel {
  padding: 22px 22px 24px;
  border-radius: var(--r-lg);
  border: 1px solid var(--line-soft);
  background: var(--panel);
}

.page-privacy .privacy-panel--violet {
  background: linear-gradient(160deg, rgba(36, 27, 69, 0.95), rgba(18, 21, 31, 0.95));
  border-color: rgba(43, 240, 194, 0.22);
}

.page-privacy .privacy-panel .panel-title {
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--mint);
  margin: 0 0 14px;
  font-weight: 700;
}

.page-privacy .privacy-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

.page-privacy .privacy-list li {
  position: relative;
  padding-left: 20px;
  font-size: 15px;
  line-height: 1.7;
  color: #c9d3ea;
}

.page-privacy .privacy-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--mint);
}

.page-privacy .privacy-panel--violet .privacy-list li::before {
  background: var(--amber);
}

/* ---------- Strip ---------- */
.page-privacy .privacy-strip {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1px;
  margin-top: 26px;
  background: var(--line-faint);
  border: 1px solid var(--line-faint);
  border-radius: var(--r-lg);
  overflow: hidden;
}

.page-privacy .privacy-strip-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 18px 20px;
  background: var(--panel);
}

.page-privacy .privacy-strip-key {
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--muted);
}

.page-privacy .privacy-strip-value {
  font-size: 15px;
  line-height: 1.6;
  color: var(--text);
}

/* ---------- Tablet ---------- */
@media (min-width: 700px) {
  .page-privacy .privacy-hero-facts {
    grid-template-columns: repeat(3, 1fr);
  }

  .page-privacy .privacy-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .page-privacy .privacy-strip {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* ---------- Desktop ---------- */
@media (min-width: 1000px) {
  .page-privacy .privacy-shell {
    grid-template-columns: 268px minmax(0, 1fr);
    align-items: start;
  }

  .page-privacy .privacy-aside {
    position: sticky;
    top: 128px;
    padding: 26px 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-privacy .privacy-hero-inner .breadcrumb a,
  .page-privacy .privacy-toc .toc-link,
  .page-privacy .privacy-toc .toc-mark,
  .page-privacy .privacy-section a {
    transition: none;
  }
}
<<<END>>>

等等，我漏掉了 `` 标签。让我重新检查一下。

标记顺序应该是：
1. ``
2. 主 HTML 内容
3. ``
4. CSS 内容
5. `<<<END>>>`

让我重新整理。
<main id="main-content" class="page-privacy">

  <section class="privacy-hero">
    <div class="privacy-hero-media">
      <img src="{zhanqunpic:h:600w:1600}" width="1600" height="600" alt="深靛底色上细密网格与青绿光点流动的抽象纹理，表现信息在站点中安全流转">
    </div>
    <div class="container privacy-hero-inner">
      <nav class="breadcrumb" aria-label="页面位置">
        <a href="/">首页</a>
        <span class="breadcrumb-sep">/</span>
        <span aria-current="page">数据与隐私</span>
      </nav>
      <p class="eyebrow">条款 05 · 数据与隐私</p>
      <h1>你在安博看台留下的信息，怎么收集、怎么用、怎么删</h1>
      <p class="lead privacy-lead">查赛程、看进失球分布、翻近期战绩，这些操作几乎不需要你交出个人信息。下面把少数会产生的记录讲清楚，包括它们从哪来、用到哪里、保留多久，以及你想查、想改、想删时走哪一步。</p>
      <ul class="privacy-hero-facts">
        <li><span class="num">6</span><span>类信息处理事项逐项说明</span></li>
        <li><span class="num">3</span><span>种可行使的个人信息处理权利</span></li>
        <li><span class="num">9:00–21:00</span><span>工作日人工响应时段</span></li>
      </ul>
    </div>
  </section>

  <div class="container privacy-shell">
    <aside class="privacy-aside" aria-label="条款索引">
      <p class="privacy-aside-title">条款索引</p>
      <ol class="privacy-toc">
        <li><a class="toc-link" href="#collect" data-section-link="collect"><span class="toc-mark">01</span>我们收集哪些信息</a></li>
        <li><a class="toc-link" href="#purpose" data-section-link="purpose"><span class="toc-mark">02</span>这些信息用来做什么</a></li>
        <li><a class="toc-link" href="#cookie" data-section-link="cookie"><span class="toc-mark">03</span>Cookie 与本地存储</a></li>
        <li><a class="toc-link" href="#share" data-section-link="share"><span class="toc-mark">04</span>与谁共享，如何保护</a></li>
        <li><a class="toc-link" href="#rights" data-section-link="rights"><span class="toc-mark">05</span>你可以怎么做</a></li>
        <li><a class="toc-link" href="#update" data-section-link="update"><span class="toc-mark">06</span>政策更新说明</a></li>
      </ol>
      <p class="privacy-aside-note">想直接问人？页脚列出的客服邮箱与客服电话在工作日 9:00 至 21:00 有人值守。</p>
    </aside>

    <article class="privacy-body">

      <section class="privacy-section" id="collect" data-reveal>
        <header class="section-head">
          <span class="section-num">01</span>
          <h2 class="section-title">我们收集哪些信息</h2>
        </header>
        <p>你打开安博看台查赛程、看进失球分布，绝大多数动作不会要求你填写任何个人资料。真正会留下的记录只有三类，来源和用途都写在下表里，你可以一眼判断哪些和自己有关。</p>

        <div class="privacy-table-wrap" tabindex="0" role="region" aria-label="信息类型对照表，窄屏可横向滚动">
          <table class="privacy-table">
            <caption class="sr-only">按信息类型、产生时机与典型内容划分的对照表</caption>
            <thead>
              <tr>
                <th scope="col">信息类型</th>
                <th scope="col">产生时机</th>
                <th scope="col">典型内容</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th scope="row">访问记录</th>
                <td>任意页面打开时</td>
                <td>访问时间、页面地址、来源链接、设备与浏览器类型</td>
              </tr>
              <tr>
                <th scope="row">订阅设置</th>
                <td>你主动开启赛程订阅提醒时</td>
                <td>你选定的联赛、球队与提醒时间点</td>
              </tr>
              <tr>
                <th scope="row">反馈内容</th>
                <td>你提交数据纠错或体验反馈时</td>
                <td>你填写的描述文字与可选留下的联系方式</td>
              </tr>
            </tbody>
          </table>
          <p class="privacy-scroll-hint">表格可左右滑动查看完整字段</p>
        </div>

        <p>比分、进失球与近期战绩属于公开赛场数据，不涉及任何个人信息，也不随你的账号产生区别。查询赛程和翻看走势曲线时，你不需要注册，不需要绑定手机号，站点也不会读取你的通讯录、相册或位置。</p>
      </section>

      <section class="privacy-section" id="purpose" data-reveal>
        <header class="section-head">
          <span class="section-num">02</span>
          <h2 class="section-title">这些信息用来做什么</h2>
        </header>
        <p>访问记录主要用来保持页面稳定：判断哪类设备打开慢、哪一层筛选容易卡住，然后改掉。移动端首屏主要内容平均 1.2 秒内可见，靠的就是这类表现数据持续反馈。</p>
        <p>订阅设置只服务于一件事——在开赛前 30 分钟把提醒送到你手里。你选了哪些联赛、哪些球队，系统就按这些条件触发，不会拿去做别的用途，也不会因为你订阅了足球就给你推篮球。</p>
        <p>反馈内容用于定位问题本身。数据纠错类反馈当天完成复核，赛果与进失球若确认有误，会走一遍完整的改正流程再发布。你留下的联系方式只用于把处理结果回给你。</p>

        <div class="privacy-highlight">
          <p><strong>我们不会把这些记录用于向你推送广告，也不会把访问记录与你的反馈内容拼成一份可识别个人身份的画像。</strong>站点不设会员体系，因此不存在用积分、等级或成长值反推你偏好的做法。</p>
        </div>
      </section>

      <section class="privacy-section" id="cookie" data-reveal>
        <header class="section-head">
          <span class="section-num">03</span>
          <h2 class="section-title">Cookie 与本地存储</h2>
        </header>
        <p>站内使用的浏览器本地存储只有两类。一类记住你上次停留的联赛与赛季筛选，让你下次进来少点几下；另一类记录页面的基础偏好，比如你选中的数据面板标签是进球、失球还是合计。</p>
        <p>这些内容保存在你自己的设备上，清空浏览器缓存就会消失。你不想留着它们，随时可以在浏览器设置里删掉本站的站点数据；关闭后页面照常打开，赛程、进失球分布与近期战绩都能看，只是每次访问都要重新选一遍筛选条件。</p>

        <div class="privacy-grid">
          <div class="panel privacy-panel">
            <p class="panel-title">保留在你设备上</p>
            <ul class="privacy-list">
              <li>上次查看的联赛与赛季筛选</li>
              <li>数据面板的当前标签选择</li>
              <li>页面字号等显示偏好</li>
            </ul>
          </div>
          <div class="panel privacy-panel privacy-panel--violet">
            <p class="panel-title">不写入你设备</p>
            <ul class="privacy-list">
              <li>你的身份信息与支付信息</li>
              <li>通讯录、相册、位置权限</li>
              <li>跨站点的浏览轨迹</li>
            </ul>
          </div>
        </div>
      </section>

      <section class="privacy-section" id="share" data-reveal>
        <header class="section-head">
          <span class="section-num">04</span>
          <h2 class="section-title">与谁共享，如何保护</h2>
        </header>
        <p>赛场数据来自 12 家数据供应方与体育媒体的长期协作，共享的是公开赛果与统计字段，不包含任何访客的个人信息。除此之外，只有在页面访问统计与基础运维这两类必要环节，才会接触到聚合后的访问记录。</p>
        <p>访问记录只保留汇总所需的期限，到期即清理；反馈内容在问题处理完成后保留一段时间，便于同类问题重复出现时比对，之后删除。传输过程使用加密通道，内部访问按角色划分权限，数据运营与用户支持小组各自只能看到完成本职所需的部分。</p>

        <div class="privacy-strip">
          <div class="privacy-strip-item">
            <span class="privacy-strip-key">数据来源</span>
            <span class="privacy-strip-value">12 家数据供应方与体育媒体协作</span>
          </div>
          <div class="privacy-strip-item">
            <span class="privacy-strip-key">对外提供</span>
            <span class="privacy-strip-value">仅公开赛果与统计字段</span>
          </div>
          <div class="privacy-strip-item">
            <span class="privacy-strip-key">权限管理</span>
            <span class="privacy-strip-value">按岗位角色划分访问范围</span>
          </div>
        </div>
      </section>

      <section class="privacy-section" id="rights" data-reveal>
        <header class="section-head">
          <span class="section-num">05</span>
          <h2 class="section-title">你可以怎么做</h2>
        </header>
        <p>想看自己留下了什么、想改掉订阅条件、或者希望我们删掉某条反馈记录，写一封邮件到页脚的客服邮箱就行。说明你大概的访问时间和涉及的内容，我们核对后回复处理结果。</p>
        <p>电话同样可以打，工作日 9:00 至 21:00 有人接。涉及数据纠错的，通过站内反馈通道提交会更快，平均 30 分钟内收到首次回复，当天完成复核。你也可以先到<a href="/help-center/">帮助中心</a>看常见问题，很多操作类疑问在那里能直接找到答案。</p>
        <p>关于内容可以怎么引用、发现错误怎么反馈，<a href="/usage/">使用说明</a>里有完整交代；如果你是想把数据卡片嵌进自己的报道页面，走<a href="/contact/">联系我们</a>的合作洽谈通道。</p>
      </section>

      <section class="privacy-section privacy-section--last" id="update" data-reveal>
        <header class="section-head">
          <span class="section-num">06</span>
          <h2 class="section-title">政策更新说明</h2>
        </header>
        <p>信息处理方式发生变化时，比如新增一类订阅提醒或调整记录保留期限，我们会直接改在本页，并在<a href="/press/">看台动态</a>里同步一条说明，讲清楚改了哪一处、对你有什么影响。</p>
        <p>本页每次修订都会更新顶部的条款编号与章节内容，旧版本不再保留。你继续使用站点，视为了解更新后的说明；如果你不接受其中某一处，可以按上一节的方式联系我们，或者清掉本地存储后停止使用相关功能。</p>
      </section>

    </article>
  </div>

</main>

.page-privacy {
  --privacy-gutter: clamp(20px, 4vw, 48px);
  background: var(--ink);
  color: var(--text);
}

.page-privacy .privacy-hero {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--line-faint);
  background:
    radial-gradient(120% 140% at 82% -10%, rgba(43, 240, 194, 0.16), transparent 58%),
    radial-gradient(90% 120% at 6% 110%, rgba(255, 138, 61, 0.12), transparent 60%),
    var(--ink);
}

.page-privacy .privacy-hero-media {
  position: absolute;
  inset: 0;
  opacity: 0.32;
  pointer-events: none;
}

.page-privacy .privacy-hero-media img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  object-position: center 30%;
}

.page-privacy .privacy-hero-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(10, 14, 39, 0.35) 0%, rgba(10, 14, 39, 0.92) 78%, var(--ink) 100%);
}

.page-privacy .privacy-hero-inner {
  position: relative;
  padding: clamp(34px, 7vw, 72px) 0 clamp(30px, 5vw, 56px);
}

.page-privacy .privacy-hero-inner .breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  letter-spacing: 0.06em;
  color: var(--muted);
  margin-bottom: 26px;
}

.page-privacy .privacy-hero-inner .breadcrumb a {
  color: var(--muted);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 0.2s var(--ease), border-color 0.2s var(--ease);
}

.page-privacy .privacy-hero-inner .breadcrumb a:hover,
.page-privacy .privacy-hero-inner .breadcrumb a:focus-visible {
  color: var(--mint);
  border-bottom-color: var(--mint);
}

.page-privacy .privacy-hero-inner .eyebrow {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--mint);
  border: 1px solid rgba(43, 240, 194, 0.4);
  border-radius: var(--r-pill);
  padding: 6px 14px;
  margin: 0 0 20px;
}

.page-privacy h1 {
  font-family: var(--font-head);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.16;
  font-size: clamp(1.9rem, 5.4vw, 3.4rem);
  margin: 0 0 22px;
  max-width: 20ch;
}

.page-privacy .privacy-lead {
  max-width: 62ch;
  font-size: clamp(15px, 3.6vw, 17px);
  line-height: 1.8;
  color: #c9d3ea;
  margin: 0 0 34px;
}

.page-privacy .privacy-hero-facts {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1px;
  background: var(--line-faint);
  border: 1px solid var(--line-faint);
  border-radius: var(--r-lg);
  overflow: hidden;
}

.page-privacy .privacy-hero-facts li {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 16px 20px;
  background: var(--panel);
}

.page-privacy .privacy-hero-facts li > span:last-child {
  font-size: 14px;
  color: var(--muted);
  line-height: 1.5;
}

.page-privacy .privacy-hero-facts .num {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--mint);
  white-space: nowrap;
}

.page-privacy .privacy-shell {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(28px, 5vw, 56px);
  padding: clamp(40px, 7vw, 80px) 0 clamp(56px, 8vw, 96px);
}

.page-privacy .privacy-aside {
  border: 1px solid var(--line-faint);
  border-radius: var(--r-lg);
  background: var(--panel);
  padding: 22px 20px;
}

.page-privacy .privacy-aside-title {
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
  margin: 0 0 16px;
}

.page-privacy .privacy-toc {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 2px;
}

.page-privacy .privacy-toc .toc-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: var(--r-pill);
  color: var(--muted);
  font-size: 14.5px;
  line-height: 1.4;
  text-decoration: none;
  border-left: 2px solid transparent;
  transition: color 0.2s var(--ease), background 0.2s var(--ease), border-color 0.2s var(--ease);
}

.page-privacy .privacy-toc .toc-mark {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-size: 12px;
  color: var(--line);
  flex: none;
  transition: color 0.2s var(--ease);
}

.page-privacy .privacy-toc .toc-link:hover,
.page-privacy .privacy-toc .toc-link:focus-visible {
  color: var(--text);
  background: rgba(43, 240, 194, 0.07);
}

.page-privacy .privacy-toc .toc-link.is-active {
  color: var(--mint);
  border-left-color: var(--mint);
  background: rgba(43, 240, 194, 0.09);
}

.page-privacy .privacy-toc .toc-link.is-active .toc-mark {
  color: var(--mint);
}

.page-privacy .privacy-aside-note {
  margin: 18px 0 0;
  padding-top: 16px;
  border-top: 1px solid var(--line-faint);
  font-size: 13px;
  line-height: 1.7;
  color: var(--muted);
}

.page-privacy .privacy-body {
  min-width: 0;
}

.page-privacy .privacy-section {
  padding: 0 0 clamp(30px, 5vw, 52px);
  margin: 0 0 clamp(30px, 5vw, 52px);
  border-bottom: 1px solid var(--line-faint);
  scroll-margin-top: 120px;
}

.page-privacy .privacy-section--last {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.page-privacy .privacy-section .section-head {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin-bottom: 20px;
}

.page-privacy .privacy-section .section-num {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-size: 13px;
  font-weight: 700;
  color: var(--amber);
  letter-spacing: 0.08em;
  flex: none;
  padding-top: 4px;
}

.page-privacy .privacy-section .section-title {
  font-family: var(--font-head);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.3;
  font-size: clamp(1.3rem, 3.6vw, 1.8rem);
  margin: 0;
}

.page-privacy .privacy-section p {
  font-size: 16px;
  line-height: 1.85;
  color: #cfd8ec;
  max-width: 68ch;
  margin: 0 0 16px;
}

.page-privacy .privacy-section p:last-child {
  margin-bottom: 0;
}

.page-privacy .privacy-section a {
  color: var(--mint);
  text-decoration: none;
  border-bottom: 1px solid rgba(43, 240, 194, 0.35);
  transition: border-color 0.2s var(--ease);
}

.page-privacy .privacy-section a:hover,
.page-privacy .privacy-section a:focus-visible {
  border-bottom-color: var(--mint);
}

.page-privacy .privacy-table-wrap {
  margin: 24px 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--line-soft);
  border-radius: var(--r-lg);
  background: var(--panel);
  outline: none;
}

.page-privacy .privacy-table-wrap:focus-visible {
  border-color: var(--mint);
}

.page-privacy .privacy-table {
  width: 100%;
  min-width: 560px;
  border-collapse: collapse;
  font-size: 14.5px;
  line-height: 1.6;
}

.page-privacy .privacy-table th,
.page-privacy .privacy-table td {
  text-align: left;
  vertical-align: top;
  padding: 15px 18px;
  border-bottom: 1px solid var(--line-faint);
}

.page-privacy .privacy-table thead th {
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--muted);
  background: rgba(36, 27, 69, 0.55);
  font-weight: 600;
  white-space: nowrap;
}

.page-privacy .privacy-table tbody th {
  font-weight: 700;
  color: var(--mint);
  white-space: nowrap;
}

.page-privacy .privacy-table tbody td {
  color: #c4cee4;
}

.page-privacy .privacy-table tbody tr:last-child th,
.page-privacy .privacy-table tbody tr:last-child td {
  border-bottom: none;
}

.page-privacy .privacy-scroll-hint {
  display: block;
  margin: 10px 0 0;
  padding: 0 18px 14px;
  font-size: 12.5px;
  color: var(--muted);
  letter-spacing: 0.04em;
}

.page-privacy .privacy-highlight {
  margin: 26px 0 0;
  padding: 20px 22px 20px 24px;
  border-left: 3px solid var(--mint);
  border-radius: 0 var(--r-md) var(--r-md) 0;
  background: linear-gradient(90deg, rgba(43, 240, 194, 0.11), rgba(43, 240, 194, 0.02));
}

.page-privacy .privacy-highlight p {
  margin: 0;
  font-size: 16px;
  line-height: 1.8;
  color: var(--text);
  max-width: 64ch;
}

.page-privacy .privacy-highlight strong {
  font-weight: 700;
  color: #ffffff;
}

.page-privacy .privacy-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-top: 26px;
}

.page-privacy .privacy-panel {
  padding: 22px 22px 24px;
  border-radius: var(--r-lg);
  border: 1px solid var(--line-soft);
  background: var(--panel);
}

.page-privacy .privacy-panel--violet {
  background: linear-gradient(160deg, rgba(36, 27, 69, 0.95), rgba(18, 21, 31, 0.95));
  border-color: rgba(43, 240, 194, 0.22);
}

.page-privacy .privacy-panel .panel-title {
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--mint);
  margin: 0 0 14px;
  font-weight: 700;
}

.page-privacy .privacy-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

.page-privacy .privacy-list li {
  position: relative;
  padding-left: 20px;
  font-size: 15px;
  line-height: 1.7;
  color: #c9d3ea;
}

.page-privacy .privacy-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--mint);
}

.page-privacy .privacy-panel--violet .privacy-list li::before {
  background: var(--amber);
}

.page-privacy .privacy-strip {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1px;
  margin-top: 26px;
  background: var(--line-faint);
  border: 1px solid var(--line-faint);
  border-radius: var(--r-lg);
  overflow: hidden;
}

.page-privacy .privacy-strip-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 18px 20px;
  background: var(--panel);
}

.page-privacy .privacy-strip-key {
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--muted);
}

.page-privacy .privacy-strip-value {
  font-size: 15px;
  line-height: 1.6;
  color: var(--text);
}

@media (min-width: 700px) {
  .page-privacy .privacy-hero-facts {
    grid-template-columns: repeat(3, 1fr);
  }

  .page-privacy .privacy-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .page-privacy .privacy-strip {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1000px) {
  .page-privacy .privacy-shell {
    grid-template-columns: 268px minmax(0, 1fr);
    align-items: start;
  }

  .page-privacy .privacy-aside {
    position: sticky;
    top: 128px;
    padding: 26px 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-privacy .privacy-hero-inner .breadcrumb a,
  .page-privacy .privacy-toc .toc-link,
  .page-privacy .privacy-toc .toc-mark,
  .page-privacy .privacy-section a {
    transition: none;
  }
}
<<<END>>>