/*
 * The legal pages.
 *
 * Deliberately plain and narrow: these are read, not skimmed, and the
 * marketing page's animation would be an odd companion to a refund policy.
 * Same palette and typeface so it is obviously the same company.
 */
:root{
  --bg:#070b18; --panel:#111a3c; --line:#252f5e;
  --text:#e9edff; --muted:#9aa5cc; --accent:#6d7dff;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Inter,Roboto,sans-serif;
  line-height:1.65; -webkit-font-smoothing:antialiased;
}
a{color:var(--accent)}
header{border-bottom:1px solid var(--line); background:#070b18}
.wrap{max-width:760px; margin:0 auto; padding:0 24px}
.nav{display:flex; align-items:center; gap:16px; height:66px}
.brand{display:flex; flex-direction:column; gap:3px; text-decoration:none}
.brand img{height:22px; width:auto; display:block}
.brand span{font-size:11.5px; font-weight:600; letter-spacing:.09em;
  text-transform:uppercase; color:var(--muted)}
.nav a.back{margin-left:auto; color:var(--muted); text-decoration:none; font-size:14.5px}
.nav a.back:hover{color:var(--text)}

main{padding:56px 0 90px}
h1{font-size:clamp(28px,4vw,40px); letter-spacing:-.02em; margin:0 0 6px}
.updated{color:var(--muted); font-size:14px; margin:0 0 36px}
h2{font-size:20px; margin:38px 0 10px; letter-spacing:-.01em}
h3{font-size:16px; margin:24px 0 8px}
p,li{color:#cdd5f5; font-size:15.5px}
ul{padding-left:20px}
li{margin-bottom:7px}
strong{color:var(--text)}
table{width:100%; border-collapse:collapse; margin:14px 0; font-size:14.5px}
th,td{text-align:left; padding:9px 10px; border-bottom:1px solid var(--line); vertical-align:top}
th{color:var(--muted); font-weight:600; font-size:12.5px; text-transform:uppercase; letter-spacing:.05em}
.note{background:var(--panel); border:1px solid var(--line); border-radius:12px;
  padding:16px 18px; margin:22px 0}
.note p{margin:0}
footer{border-top:1px solid var(--line); padding:28px 0; color:var(--muted); font-size:13.5px}
footer a{color:var(--muted); text-decoration:none; margin-right:16px}
footer a:hover{color:var(--text)}