/* Shared styling for the secondary pages (privacy, terms, pricing, faq, status).
   The landing page keeps its own inline styles: it is a single marketing page with a
   two-column hero and does not share this layout. These pages are all one narrow column
   of prose, so they share one stylesheet rather than repeating ~90 lines six times. */
:root{
  --bg:#FDF6EC; --ink:#1A1A2E;
  --orange:#E8925A; --sage:#6BAE8E; --lavender:#8B7EC8;
  --card:#FFFFFF; --line:#E0D9CE; --muted:#6E6A78;
  --radius:12px;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --sans:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{-webkit-text-size-adjust:100%;}
body{background:var(--bg); color:var(--ink); font:16px/1.65 var(--sans);
  -webkit-font-smoothing:antialiased; border-top:6px solid var(--orange);}
.wrap{max-width:820px; margin:0 auto; padding:0 24px;}
a{color:var(--lavender); text-decoration:underline; text-underline-offset:2px;}
a:hover{color:#6F5FB0;}

.nav{border-bottom:1px solid var(--line);}
.nav .wrap{display:flex; align-items:center; gap:16px; padding:18px 24px; max-width:1200px;}
.brand{font:600 .95rem var(--mono); letter-spacing:.03em; color:var(--ink); text-decoration:none;}
.brand-mark{color:var(--orange);}
.nav-cta{margin-left:auto; font:600 .9rem var(--sans); padding:10px 18px; border-radius:9px;
  background:var(--orange); color:#fff; text-decoration:none;}
.nav-cta:hover{filter:brightness(1.08); text-decoration:none;}

header.top{padding:52px 0 30px;}
h1{font:600 2.1rem/1.2 var(--mono); letter-spacing:-.015em; margin-bottom:14px;}
h1::after{content:""; display:block; width:100%; height:4px; background:var(--orange);
  border-radius:2px; margin-top:18px;}
.lead{font-size:1.1rem; margin-bottom:6px;}
.time{font:600 .72rem var(--mono); letter-spacing:.16em; text-transform:uppercase;
  color:var(--muted); margin-top:14px;}

section{padding:34px 0; border-top:1px solid var(--line);}
h2{font:600 1.05rem var(--mono); letter-spacing:.05em; text-transform:uppercase; color:var(--orange);
  display:inline-block; padding-bottom:9px; border-bottom:2px solid var(--orange); margin-bottom:20px;}
h3{font:600 1rem var(--sans); margin:22px 0 8px;}
p{margin-bottom:14px;}
ol,ul{margin:0 0 14px 22px;}
li{margin-bottom:9px;}
code{font:500 .92em var(--mono); background:#F4EADB; padding:2px 6px; border-radius:5px;}
pre{background:#FFFFFF; border:1px solid var(--line); border-left:3px solid var(--sage);
  border-radius:var(--radius); padding:16px 18px; overflow-x:auto;
  font:500 .88rem/1.7 var(--mono); margin-bottom:16px;}
pre code{background:none; padding:0;}

.note{background:#FFFFFF; border:1px solid var(--line); border-left:3px solid var(--lavender);
  border-radius:var(--radius); padding:14px 18px; color:var(--muted); font-size:.95rem; margin-bottom:16px;}
.btn{display:inline-block; padding:14px 26px; background:var(--orange); color:#fff;
  border-radius:10px; font-weight:700; text-decoration:none;}
.btn:hover{filter:brightness(1.08); text-decoration:none; color:#fff;}

/* Definition-style rows used by privacy and terms */
.rows{list-style:none; margin:0 0 16px; display:grid; gap:10px;}
.rows li{background:#FFFFFF; border:1px solid var(--line); border-left:3px solid var(--sage);
  border-radius:var(--radius); padding:13px 18px; margin:0;}
.rows .rn{display:block; font:600 .95rem var(--mono); margin-bottom:3px;}
.rows .rd{color:var(--muted); font-size:.9rem;}

footer.site{padding:36px 0 60px; border-top:1px solid var(--line); color:var(--muted); font-size:.9rem;}
footer.site .flinks{margin-bottom:12px; display:flex; gap:18px; flex-wrap:wrap;}

@media(max-width:640px){ h1{font-size:1.6rem;} .wrap{padding:0 18px;} }