/* Public pages: same terminal identity as the app, but readable long-form.
   These exist so anyone — a customer, a studio's procurement person, or a
   payment provider verifying the business — can see what is sold, at what
   price, on what terms, without an account. */
:root{
  --bg:#0b0d0e; --panel:#131619; --ink:#d7ddd9; --mut:#8a938e;
  --line:#232a27; --acc:#58c08a;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font:15px/1.7 "IBM Plex Sans", system-ui, -apple-system, sans-serif;
}
.mono, h1, h2, .eyebrow, .tag, th{font-family:"IBM Plex Mono", ui-monospace, monospace}
header.bar{
  border-bottom:1px solid var(--line); padding:14px 24px;
  display:flex; align-items:center; gap:18px; flex-wrap:wrap;
}
header.bar a{color:var(--mut); text-decoration:none; font-size:12.5px;
  text-transform:uppercase; letter-spacing:.12em}
header.bar a:hover, header.bar a.on{color:var(--acc)}
header.bar .brand{color:var(--ink); font-family:"IBM Plex Mono",monospace;
  letter-spacing:.22em; font-size:13px; margin-right:auto}
main{max-width:760px; margin:0 auto; padding:40px 24px 90px}
h1{font-size:26px; margin:8px 0 6px; font-weight:600}
h2{font-size:15px; margin:34px 0 10px; font-weight:600; color:var(--acc);
  text-transform:uppercase; letter-spacing:.1em}
p, li{max-width:68ch}
p{margin:0 0 14px}
ul{padding-left:20px} li{margin-bottom:8px}
.lead{color:var(--mut); font-size:16px}
a{color:var(--acc)}
table{border-collapse:collapse; width:100%; margin:0 0 18px; font-size:14px}
th,td{text-align:left; padding:9px 12px; border-bottom:1px solid var(--line); vertical-align:top}
th{color:var(--mut); text-transform:uppercase; letter-spacing:.09em; font-size:11px}
td.num{text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap}
.box{border:1px solid var(--line); background:var(--panel); padding:16px 20px; margin:0 0 18px}
.box.acc{border-left:3px solid var(--acc)}
.note{color:var(--mut); font-size:13px}
footer{border-top:1px solid var(--line); margin-top:60px; padding:22px 24px;
  color:var(--mut); font-size:12.5px}
footer .idline{max-width:760px; margin:0 auto}
footer a{color:var(--mut)}
.fill{background:#3a2f10; color:#f0d089; padding:2px 6px; font-size:12px}