/* The legal pages: the landing's tokens, set for long reading. */
:root{
  --bg:#0A0A0B; --text:#FAFAFA; --muted:#A8A8A6; --faint:#828280;
  --border:rgba(255,255,255,.09); --hairline:rgba(255,255,255,.06);
  --accent:#FAFAFA; --on-accent:#0A0A0B;
  --surface:rgba(255,255,255,.045); --surface2:rgba(255,255,255,.07); --surface3:rgba(255,255,255,.10);
  --map:#E8C078;
  --hydration:#6DD8E3; --calories:#E37D6D; --training:#6DA8E3; --health:#E36D9E;
  --meds:#E36DD0; --goals:#6DE3AC; --finance:#776DE3; --screentime:#D46DE3;
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;
  --gutter:clamp(16px,4vw,56px);
}
:root[data-theme="light"]{
  --bg:#FFFFFF; --text:#0A0A0B; --muted:#5E605E; --faint:#707270;
  --border:rgba(10,10,11,.10); --hairline:rgba(10,10,11,.07);
  --accent:#0A0A0B; --on-accent:#FFFFFF;
  --surface:rgba(10,10,11,.032); --surface2:rgba(10,10,11,.055); --surface3:rgba(10,10,11,.08);
  --map:#8A6A0C;
  --hydration:#10808E; --calories:#C4472F; --training:#2B72B8; --health:#B83A6B;
  --meds:#A62E93; --goals:#1E8F5E; --finance:#4A3EC0; --screentime:#8F32AD;
}
@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]){
    --bg:#FFFFFF; --text:#0A0A0B; --muted:#5E605E; --faint:#707270;
    --border:rgba(10,10,11,.10); --hairline:rgba(10,10,11,.07);
    --accent:#0A0A0B; --on-accent:#FFFFFF;
    --surface:rgba(10,10,11,.032); --surface2:rgba(10,10,11,.055); --surface3:rgba(10,10,11,.08);
    --map:#8A6A0C;
    --hydration:#10808E; --calories:#C4472F; --training:#2B72B8; --health:#B83A6B;
    --meds:#A62E93; --goals:#1E8F5E; --finance:#4A3EC0; --screentime:#8F32AD;
  }
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;scrollbar-color:var(--border) var(--bg)}
body{background:var(--bg);font:17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
::selection{background:var(--text);color:var(--bg)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
a{color:inherit;text-decoration-color:var(--border);text-underline-offset:4px}
a:hover{text-decoration-color:currentColor}

.nav{position:sticky;top:0;z-index:5;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--hairline)}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em;text-decoration:none;min-height:44px}
.brand img{width:28px;height:28px;border-radius:7px}
.get{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-weight:600;font-size:15px;text-decoration:none}

main{max-width:68ch;margin:0 auto;padding:clamp(56px,9vw,112px) var(--gutter) 64px}
h1{font-size:clamp(40px,6vw,64px);line-height:1;letter-spacing:-.04em;font-weight:700;text-wrap:balance}
.meta{color:var(--muted);font-size:15px;margin:16px 0 36px}
.summary{font-size:clamp(19px,1.6vw,22px);line-height:1.5;letter-spacing:-.01em;padding-bottom:36px;margin-bottom:12px;border-bottom:1px solid var(--border);text-wrap:pretty}
h2{font-size:22px;line-height:1.25;letter-spacing:-.02em;font-weight:700;margin:52px 0 12px}
h3{font-size:18px;font-weight:600;margin:28px 0 8px}
p,ul,ol{margin:0 0 16px;color:var(--text)}
ul,ol{padding-left:1.3em}
li{margin-bottom:8px}
strong{font-weight:650}
nav.docs{display:flex;flex-wrap:wrap;gap:0 4px;margin-top:64px;padding-top:20px;border-top:1px solid var(--border);font-size:15px}
nav.docs a{color:var(--muted);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;padding:0 10px 0 0;margin-right:12px}
nav.docs a:hover{color:var(--text)}

footer{border-top:1px solid var(--hairline);padding:28px var(--gutter) calc(28px + env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;justify-content:space-between}
footer nav{display:flex;flex-wrap:wrap}
footer nav a{font-size:14px;color:var(--muted);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;padding:0 10px}
footer nav a:hover,footer nav a[aria-current]{color:var(--text)}
footer span{font-size:14px;color:var(--faint)}