/* Shared by the public pages: pricing, terms, privacy, refunds, contact.
   Same palette as the dashboard; set for reading rather than for working. */
:root{
  --bg:#121212; --panel:#1d1c1a; --panel2:#2a2823; --text:#ece8e0; --muted:#9b958a;
  --accent:#fcbe37; --accent2:#f97316; --border:#334155;
}
*{box-sizing:border-box;}
html,body{margin:0; padding:0;}
body{background:var(--bg); color:var(--text); font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  font-size:15px; line-height:1.7; display:flex; flex-direction:column; min-height:100vh;}
a{color:var(--accent);}
header{display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding:12px 18px; background:var(--panel);
  border-bottom:1px solid var(--border); position:sticky; top:0; z-index:5;}
header a.brand{display:flex; align-items:center; gap:10px; color:var(--text); text-decoration:none;}
header a.brand img{height:30px; width:auto;}
header a.brand b{font-weight:500; font-size:16px;}
header a.brand b span{color:var(--accent); font-weight:700;}
header nav{display:flex; gap:16px; flex-wrap:wrap; margin-left:auto; font-size:13px;}
header nav a{color:var(--muted); text-decoration:none;}
header nav a:hover, header nav a.on{color:var(--accent);}
main{flex:1 0 auto; width:100%; max-width:800px; margin:0 auto; padding:34px 18px 60px;}
main.wide{max-width:1040px;}
h1{font-size:30px; line-height:1.2; margin:0 0 6px; font-weight:700; text-wrap:balance;}
.meta{color:var(--muted); font-size:13px; margin:0 0 28px;}
h2{font-size:18px; margin:36px 0 8px; color:var(--accent); font-weight:600;}
h3{font-size:15px; margin:22px 0 4px;}
p, li{color:var(--text);}
p{margin:0 0 12px; max-width:68ch;}
ul, ol{margin:0 0 12px; padding-left:22px; max-width:68ch;}
li{margin-bottom:6px;}
.note{background:var(--panel); border:1px solid var(--border); border-left:3px solid var(--accent); border-radius:8px;
  padding:12px 16px; font-size:14px; margin:0 0 22px;}
.muted{color:var(--muted);}
table{border-collapse:collapse; width:100%; font-size:14px; margin:0 0 16px;}
th, td{text-align:left; padding:9px 10px; border-bottom:1px solid var(--border); vertical-align:top;}
th{color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.8px; font-weight:600;}
.tablewrap{overflow-x:auto;}
.btn{display:inline-block; background:var(--accent); color:#1a1408; border-radius:8px; padding:10px 18px; font-weight:700;
  text-decoration:none; font-size:14px;}
.btn2{display:inline-block; background:var(--panel2); color:var(--text); border:1px solid var(--border); border-radius:8px;
  padding:9px 16px; text-decoration:none; font-size:14px;}
a.btn:focus-visible, a.btn2:focus-visible, header nav a:focus-visible{outline:2px solid var(--accent); outline-offset:2px;}
footer{flex:none; display:flex; gap:16px; flex-wrap:wrap; align-items:center; padding:16px 18px; background:var(--panel);
  border-top:1px solid var(--border); font-size:12.5px; color:var(--muted);}
footer a{color:var(--muted); text-decoration:none;}
footer a:hover{color:var(--accent);}
footer .grow{flex:1 1 auto;}
/* pricing */
.plans{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; margin:8px 0 18px;}
.plan{background:var(--panel); border:1px solid var(--border); border-radius:12px; padding:20px; display:flex; flex-direction:column; gap:6px;}
.plan.pick{border-color:var(--accent);}
.plan h3{margin:0; font-size:18px;}
.plan .price{font-size:26px; font-weight:700; color:var(--accent); font-variant-numeric:tabular-nums;}
.plan .price small{font-size:13px; color:var(--muted); font-weight:400;}
.plan .alt{font-size:13px; color:var(--muted);}
.plan ul{margin:10px 0 0; font-size:14px;}
.faq h3{color:var(--text);}
@media(max-width:600px){ h1{font-size:25px;} header nav{margin-left:0; width:100%;} }