/* privacy pages, builds on app.css */
.phero{position:relative;padding:20px 0 64px;overflow:hidden;border-bottom:1px solid var(--line);margin-bottom:44px}
.phero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(120px);background:var(--c);opacity:.22;top:-260px;left:-120px;z-index:-1}
.phero .top{display:flex;align-items:center;gap:18px;margin-top:6px}
.phero .ic{width:64px;height:64px;border-radius:16px}
.phero h1{font-size:clamp(32px,5vw,52px);margin:0}
.phero .meta{color:var(--muted);margin-top:6px;font-size:15px}
.phero .meta b{color:var(--c);font-weight:700}
.pp{display:grid;grid-template-columns:230px 1fr;gap:40px;align-items:start;padding-bottom:70px}
.toc{position:sticky;top:88px}
.toc .t{font-size:12px;letter-spacing:.14em;color:var(--muted);font-weight:700;margin-bottom:12px}
.toc ul{list-style:none;padding:0;display:grid;gap:2px}
.toc a{display:block;padding:7px 12px;border-left:2px solid var(--line);color:var(--muted);font-size:14px;transition:.2s}
.toc a:hover{color:var(--text)}
.toc a.on{color:var(--c);border-color:var(--c);background:linear-gradient(90deg,color-mix(in srgb,var(--c) 10%,transparent),transparent)}
.intro{font-size:18px;color:#c5d3cc;margin-bottom:22px}
.sec{padding:30px 32px;border:1px solid var(--line);border-radius:22px;background:var(--card);margin-bottom:16px;scroll-margin-top:90px}
.sec h2{display:flex;align-items:center;gap:14px;font-size:22px;letter-spacing:-.02em;margin:0 0 14px}
.sec h2 i{font-style:normal;flex:0 0 auto;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:15px;font-weight:800;color:#07130e;background:linear-gradient(135deg,var(--c),var(--c2))}
.sec p{color:#b9c9c1;margin:0 0 12px}
.sec p:last-child{margin-bottom:0}
.sec ul{padding:0;list-style:none;display:grid;gap:10px;margin:0 0 12px;color:#b9c9c1}
.sec li{padding-left:22px;position:relative}
.sec li:before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--c)}
.sec strong{color:var(--text)}
.sec a{color:var(--c);text-decoration:underline;text-underline-offset:3px}
.note{padding:16px 18px;border-radius:14px;border:1px solid color-mix(in srgb,var(--c) 40%,var(--line));background:color-mix(in srgb,var(--c) 9%,transparent);margin:0 0 12px}
.note p{margin:0;color:#cfdcd5}
@media (max-width:860px){
  .pp{grid-template-columns:1fr;gap:20px}
  .toc{position:static;overflow-x:auto}
  .toc .t{display:none}
  .toc ul{display:flex;gap:8px}
  .toc a{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:6px 14px}
  .toc a.on{background:color-mix(in srgb,var(--c) 14%,transparent)}
  .sec{padding:24px 20px}
  .phero{padding-bottom:40px;margin-bottom:28px}
  .phero .ic{width:52px;height:52px}
}