/* The legal pages: /privacy, /terms and /refunds (public/legal/*.html).
   JUUCEME Black like the home page, set as a document: one readable column,
   numbered sections, a contents list, and a plain white version for print.
   No inline styles or scripts: the pages run under a self-only CSP. */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin.c9407645.woff2) format('woff2')}
:root{
  color-scheme:dark;
  --bg-0:#000; --bg-1:#0e0e10; --bg-2:#17171a;
  --text-0:#f5f5f7; --text-1:#c7c7cc; --text-2:#86868b;
  --line:rgba(255,255,255,.08); --line-strong:rgba(255,255,255,.14);
  --accent:#1595ff;
  --font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --gutter:clamp(16px,5vw,32px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}
html,body{background:var(--bg-0)}
body{margin:0;min-height:100dvh;display:flex;flex-direction:column;color:var(--text-0);font-family:var(--font);font-size:16px;line-height:1.65;
  letter-spacing:-.003em;-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:var(--accent);text-underline-offset:2px}
a:hover{text-decoration:underline}

/* ---------- bar ---------- */
.top{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px var(--gutter);background:rgba(0,0,0,.82);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line)}
.top__brand img{display:block;height:22px;width:auto}
.top__nav{display:flex;gap:18px;font-size:14px}
.top__nav a{color:var(--text-2);text-decoration:none}
.top__nav a:hover,.top__nav a[aria-current="page"]{color:var(--text-0)}

/* ---------- document ---------- */
.doc{flex:1;width:100%;max-width:760px;margin-inline:auto;padding:clamp(36px,8vw,72px) var(--gutter) 56px}
.eyebrow{margin:0 0 10px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-2)}
h1{margin:0;font-size:clamp(34px,8vw,48px);font-weight:750;letter-spacing:-.035em;line-height:1.05}
.meta{margin:16px 0 0;font-size:14px;color:var(--text-2)}
.intro{margin:28px 0 0;font-size:17px;color:var(--text-1)}

.toc{margin:36px 0 8px;padding:20px 24px;background:var(--bg-1);border:1px solid var(--line);border-radius:18px}
.toc h2{margin:0 0 10px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-2)}
.toc ol{margin:0;padding-left:22px;columns:2 240px;column-gap:32px;font-size:15px}
.toc li{break-inside:avoid;margin:0;padding:3px 0;color:var(--text-2)}
.toc a{color:var(--text-1);text-decoration:none}
.toc a:hover{color:var(--text-0);text-decoration:underline}

section{padding-top:28px;margin-top:28px;border-top:1px solid var(--line)}
h2{margin:0 0 12px;font-size:21px;font-weight:700;letter-spacing:-.02em;line-height:1.25}
h3{margin:22px 0 6px;font-size:16px;font-weight:650;color:var(--text-0)}
p,li{color:var(--text-1)}
p{margin:0 0 12px}
ul,ol.clauses{margin:0 0 12px;padding-left:22px}
li{margin:4px 0}
strong{color:var(--text-0);font-weight:600}
.num{color:var(--text-2);font-variant-numeric:tabular-nums;margin-right:6px}

.contact{margin:12px 0 0;padding:18px 22px;background:var(--bg-1);border:1px solid var(--line);border-radius:16px}
.contact p{margin:0}

/* ---------- footer ---------- */
.foot{border-top:1px solid var(--line);padding:24px var(--gutter) calc(env(safe-area-inset-bottom,0px) + 28px);font-size:13px;color:var(--text-2)}
.foot__in{max-width:760px;margin-inline:auto;display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:space-between}
.foot nav{display:flex;flex-wrap:wrap;gap:10px 18px}
.foot a{color:var(--text-2);text-decoration:none}
.foot a:hover{color:var(--text-0)}

@media (max-width:520px){.top__nav{gap:14px;font-size:13px}}

/* ---------- print: a plain document ---------- */
@media print{
  :root{color-scheme:light}
  html,body{background:#fff}
  body{color:#000;font-size:11pt}
  .top,.toc,.foot{display:none}
  .doc{max-width:none;padding:0}
  p,li,.intro,.meta,h3,strong{color:#000}
  section{border-color:#ccc}
  a{color:#000}
  .contact{background:none;border-color:#ccc}
}

/* ---------- key points ---------- */
.summary{margin:32px 0 0;padding:20px 24px;border:1px solid rgba(21,149,255,.35);background:rgba(21,149,255,.07);border-radius:18px}
.summary h2{margin:0 0 10px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}
.summary ul{margin:0 0 10px}
.summary li{color:var(--text-0)}
.summary p{margin:0;font-size:13px;color:var(--text-2)}
@media print{.summary{background:none;border-color:#ccc}.summary h2,.summary li{color:#000}}