/* Plushen web. Brand-styled static pages.
   Colours mirror src/ui/brand/tokens.ts; secondary text darkened for AA on cream.
   No external requests. */
:root{
  --paper:#FBF3EC;
  --paper-low:#F7E8DC;
  --card:#FFFFFF;
  --ink:#5A4032;
  --ink-soft:#6B5040;
  --muted:#7C6557;
  --sage:#42705F;
  --sage-deep:#33574a;
  --rose:#E0959D;
  --line:#EFD9C4;
  --radius:18px;
  --maxw:720px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color:var(--ink);
  background:linear-gradient(180deg,var(--paper) 0%,var(--paper-low) 100%);
  background-attachment:fixed;
  line-height:1.65;
  font-size:17px;
}
.wrap{max-width:var(--maxw);margin:0 auto;padding:28px 20px 64px}
a{color:var(--sage);text-decoration:underline;text-underline-offset:2px}
a:hover{color:var(--sage-deep)}

/* Header (content pages only) */
header.site{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 2px 26px}
.brand{display:inline-flex;align-items:center;text-decoration:none;line-height:0}
.brand .logo{height:30px;width:auto;max-width:55vw;display:block}
nav.site a{color:var(--muted);text-decoration:none;font-weight:600;font-size:15px;margin-left:18px}
nav.site a:hover{color:var(--ink)}

/* Cards / legal content */
.card{
  background:var(--card);
  border-radius:var(--radius);
  padding:38px 36px;
  box-shadow:0 10px 30px rgba(90,64,50,.08),0 2px 6px rgba(90,64,50,.05);
}
.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:12px;font-weight:700;color:var(--muted);margin:0 0 10px}
h1{font-size:34px;line-height:1.15;margin:0 0 6px;color:var(--ink);font-weight:800;letter-spacing:.2px}
.updated{color:var(--muted);font-size:14px;margin:0 0 26px}
h2{font-size:20px;margin:32px 0 8px;color:var(--ink);font-weight:800}
p{margin:0 0 14px;color:var(--ink-soft)}
.lead{font-size:18px;color:var(--ink);margin-bottom:22px}
hr.rule{border:0;height:1px;background:var(--line);margin:26px 0}

/* Landing (single centred logo, no header) */
.hero{text-align:center;padding:56px 0 4px}
.hero-logo{display:block;max-width:min(300px,78%);height:auto;margin:0 auto 30px}
.hero p{color:var(--ink-soft);font-size:18px;max-width:38ch;margin:0 auto 28px}
.links{display:grid;gap:14px;max-width:420px;margin:0 auto}
.links a{
  display:flex;justify-content:space-between;align-items:center;
  background:var(--card);border-radius:14px;padding:18px 20px;
  text-decoration:none;color:var(--ink);font-weight:700;
  box-shadow:0 6px 18px rgba(90,64,50,.07);
}
.links a:hover{transform:translateY(-1px);transition:transform .15s ease}
.links a .arrow{color:var(--sage);font-weight:800}

/* Support FAQ */
ul.faq{list-style:none;padding:0;margin:0}
ul.faq li{margin:0 0 6px}
ul.faq h2{margin-top:24px}
.contact{background:var(--paper);border-radius:14px;padding:18px 20px;margin-top:26px}
.contact p{color:var(--ink);margin:0}

footer.site{text-align:center;color:var(--muted);font-size:13px;padding-top:34px;line-height:1.9}
footer.site a{color:var(--muted)}

@media (max-width:560px){
  .wrap{padding:18px 14px 48px}
  .card{padding:26px 20px}
  h1{font-size:28px}
  .hero{padding-top:38px}
}