/* public/legal.css — shared styling for the static pricing/terms/privacy/refund
   pages. These pages exist mainly so the domain can pass Paddle's website
   verification (which requires a pricing page + linked terms/privacy/refund
   policies) — keep them simple and edit the bracketed placeholders. */
:root{
  --bg:#f5f7fc; --surface:#ffffff; --ink:#0f1320; --ink-2:#434b5e;
  --muted:#7a8294; --line:#e5e9f2; --brand:#2f66f0;
}
*{box-sizing:border-box}
body{margin:0;font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
  background:var(--bg);color:var(--ink);line-height:1.65}
.wrap{max-width:760px;margin:0 auto;padding:48px 24px 80px}
h1,h2{font-family:'Space Grotesk',system-ui,sans-serif;color:var(--ink)}
h1{font-size:2rem;margin:0 0 .25rem}
h2{font-size:1.2rem;margin-top:2rem}
.updated{color:var(--muted);font-size:.9rem;margin-bottom:2rem}
a,a:visited{color:var(--brand)}
.back{display:inline-block;margin-bottom:24px;font-size:.9rem;color:var(--brand);text-decoration:none}
.placeholder{background:#fff3cd;border:1px solid #ffe69c;border-radius:4px;padding:0 4px}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:24px 0}
.plan{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px}
.plan h3{margin:0 0 4px;font-family:'Space Grotesk',system-ui,sans-serif}
.plan .price{font-size:1.8rem;font-weight:700;margin:8px 0}
.plan .price span{font-size:.9rem;font-weight:500;color:var(--muted)}
.plan ul{padding-left:20px;margin:12px 0;color:var(--ink-2)}
footer{margin-top:48px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}