/* Bevel sub-pages (privacy, terms, support, changelog, 404), site refresh 2026-09-27, bevel-pages.css v1.
   The landing's "Instrument" tokens and faces (bevel.css), for reading: one column, calm, in-text links
   underlined (WCAG 1.4.1: link colour alone is not enough inside a paragraph). The page articles themselves
   are unchanged; only the head's stylesheet link, the header and the footer were rebuilt. */
@font-face{font-family:"Space Grotesk";src:url(fonts/space-grotesk.woff2) format("woff2");font-weight:500 700;font-style:normal;font-display:swap}
:root{
  --bg:#1A1D21;--bg2:#15181B;--panel:#23272D;--panel2:#2D323A;--line:#3A4048;--line2:#4A525C;
  --text:#ECEFF1;--muted:#A9B1B8;--accent:#6FB2E6;--mist:#A7D0F0;--good:#5FD08A;--ongood:#0C1A11;
  --fd:"Space Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --fb:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --pad:16px;color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--text);font:16px/1.65 var(--fb);overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:260px;z-index:-1;pointer-events:none;background:radial-gradient(70% 100% at 30% -30%,rgba(111,178,230,.14),transparent 70%)}
a{color:var(--mist)}
a:hover{color:#D5EAFB}
:focus:not(:focus-visible){outline:none}
:focus-visible{outline:3px solid var(--mist);outline-offset:3px;border-radius:8px}
.skip{position:absolute;left:-999px;top:8px;z-index:90;background:var(--mist);color:#0B1620;padding:.7em 1.1em;border-radius:10px;font-weight:650;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.skip:focus{left:8px}
.wrap{max-width:820px;margin:0 auto;padding:0 var(--pad)}
@media (min-width:600px){:root{--pad:24px}}

.top{border-bottom:1px solid var(--line);background:rgba(21,24,27,.9)}
.toprow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-height:60px;padding-top:8px;padding-bottom:8px}
.brand{display:inline-flex;align-items:center;gap:9px;color:var(--text);text-decoration:none;min-height:44px;border-radius:10px}
.logo-s{width:34px;height:34px;flex:none;display:block}
.wordmark{font:600 .86rem/1 var(--fd);letter-spacing:.34em;color:#fff}
.getbtn{margin-left:auto;display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;background:var(--good);color:var(--ongood);font:700 .86rem/1 var(--fd);text-decoration:none;white-space:nowrap}
.getbtn:hover{background:#86E3A9;color:var(--ongood)}
.toplinks{display:flex;flex-wrap:wrap;gap:0 4px;width:100%;margin:0 -10px}
.toplinks a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;color:var(--muted);text-decoration:none;border-radius:8px;font-size:.93rem}
.toplinks a:hover{color:#fff;background:rgba(255,255,255,.05)}
.toplinks a[aria-current="page"]{color:#fff}
@media (min-width:700px){.toplinks{width:auto;margin:0 0 0 auto;order:2}.getbtn{order:3;margin-left:6px}}

article.page{padding:40px 0 24px}
article.page h1{font:600 clamp(1.8rem,1.3rem + 2vw,2.4rem)/1.1 var(--fd);letter-spacing:-.015em;color:#fff;margin-bottom:8px}
article.page .updated{color:var(--muted);font-size:.9rem;margin-bottom:26px}
article.page h2{font:600 1.2rem/1.25 var(--fd);color:#fff;margin:30px 0 8px}
article.page p,article.page li{color:var(--text);font-size:1rem;max-width:44rem}
article.page p+p{margin-top:12px}
article.page ul{padding-left:22px;margin:8px 0}
article.page ul li{margin-bottom:5px}
article.page .fine{color:var(--muted);font-size:.88rem}
article.page strong{color:#fff;font-weight:600}
article.page a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.log-entry{border-left:2px solid var(--line);padding:4px 0 4px 18px;margin:20px 0}
.log-entry h2{margin:0 0 4px}
.log-entry .date{color:var(--muted);font-size:.88rem}

.foot{border-top:1px solid var(--line);margin-top:40px;padding:26px 0 48px;color:var(--muted);font-size:.88rem}
.footlinks{display:flex;flex-wrap:wrap;gap:4px 6px;margin-bottom:8px}
.footlinks a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;margin-left:-10px;margin-right:8px;color:var(--mist);text-decoration:none;border-radius:8px}
.footlinks a:hover{text-decoration:underline}
.foot p a{text-decoration:underline;text-underline-offset:3px}
.legal-note{margin-top:10px;font-size:.8rem;max-width:52rem}