/* Anadea, LLC — company site. Paper and ink, one red accent shared with our first product. */
:root { --bg:#f6f2ea; --ink:#1b1a17; --muted:#625d54; --line:#d9d1c3; --accent:#b4492f; --card:#fbf8f2; color-scheme: light; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#141311; --ink:#f1ece2; --muted:#a59f94; --line:#2f2c27; --accent:#e07a5f; --card:#1b1916; color-scheme: dark; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:17px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
.wrap { max-width:820px; margin:0 auto; padding:0 max(20px, env(safe-area-inset-left)) 0 max(20px, env(safe-area-inset-right)); }
a { color:var(--accent); text-decoration:none; } a:hover { text-decoration:underline; }
header { padding:26px 0; display:flex; flex-wrap:wrap; gap:12px 28px; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); }
.logo { font-weight:700; letter-spacing:.16em; font-size:15px; color:var(--ink); }
nav { display:flex; flex-wrap:wrap; gap:6px 22px; font-size:15px; }
nav a { color:var(--muted); } nav a[aria-current="page"] { color:var(--ink); border-bottom:2px solid var(--accent); padding-bottom:2px; }
h1 { font-size:clamp(32px, 6vw, 50px); line-height:1.1; margin:56px 0 18px; letter-spacing:-.02em; text-wrap:balance; }
h2 { font-size:24px; line-height:1.25; margin:0 0 14px; text-wrap:balance; }
h3 { font-size:18px; margin:0 0 6px; }
.kicker { font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); margin:0 0 10px; font-weight:600; }
.lead { font-size:20px; color:var(--muted); max-width:38em; margin:0 0 48px; }
section { border-top:1px solid var(--line); padding:44px 0; }
.grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(230px, 1fr)); gap:28px 32px; }
.grid p, .muted { color:var(--muted); margin:0; font-size:16px; }
.product { display:grid; grid-template-columns: 180px 1fr; gap:28px; align-items:center; }
.product svg { width:100%; height:auto; }
@media (max-width: 600px) { .product { grid-template-columns: 1fr; } .product svg { max-width:180px; } }
.card { background:var(--card); border:1px solid var(--line); border-radius:6px; padding:22px 24px; }
dl { margin:0; } dt { font-weight:600; margin-top:22px; } dd { margin:6px 0 0; color:var(--muted); }
ul.plain { padding-left:1.1em; margin:8px 0 0; } ul.plain li { margin:6px 0; }
.btn { display:inline-block; background:var(--ink); color:var(--bg); padding:11px 20px; border-radius:4px; font-size:16px; }
.btn:hover { text-decoration:none; opacity:.9; }
.doc h2 { font-size:20px; margin:34px 0 8px; } .doc p { margin:0 0 14px; } .date { color:var(--muted); margin:0 0 28px; }
footer { border-top:1px solid var(--line); padding:28px 0 52px; margin-top:24px; color:var(--muted); font-size:14px; display:flex; flex-wrap:wrap; gap:8px 22px; justify-content:space-between; }
footer nav { font-size:14px; }