/* ===== {BRAND} landing — shared styles. ART DIRECTION: wife edits the token block. ===== */
:root{
  --paper:#FAF8F4; --surface:#FFFFFF; --ink:#1C1B19; --muted:#6C6A64; --line:#E9E5DD;
  --accent:#3A6B4F; --accent-ink:#FFFFFF; --soft:#F2EFE8; --gold:#B8884B; --radius:18px; --maxw:1000px;
  --display:Georgia,'Times New Roman',serif; --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55;padding-top:30px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.ribbon{position:fixed;top:0;left:0;right:0;z-index:50;background:#1C1B19;color:#F2EFE8;font-size:12px;text-align:center;padding:6px;letter-spacing:.04em}
h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.01em;line-height:1.08}
.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.brand{font-family:var(--display);font-size:22px;font-weight:600}
.brand .mark{display:inline-block;width:20px;height:20px;border-radius:50%;background:var(--accent);margin-right:8px;vertical-align:-3px}
.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:700}
.cta{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:var(--accent-ink);border:none;border-radius:999px;padding:15px 26px;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer}
.cta.ghost{background:transparent;color:var(--accent);border:1.5px solid var(--accent)}
.trust{font-size:13px;color:var(--muted);margin-top:12px}
section{padding:72px 0}
.center{text-align:center;max-width:46rem;margin:0 auto}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;padding:48px 0 64px}
.hero h1{font-size:clamp(36px,5.5vw,58px);margin:14px 0 12px}
.hero .sub{font-size:18px;color:var(--muted);max-width:30em;margin-bottom:24px}
.h2{font-size:clamp(26px,4vw,40px)}
.lead{font-size:18px;color:var(--muted);margin-top:14px}
.band{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ph{background:var(--soft);border:1px dashed #cfc9bd;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;text-align:center;color:#a59f93;font-size:13px;min-height:220px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.card h3{font-size:19px;margin-bottom:8px}.card p{color:var(--muted);font-size:15px}
.qa{border-top:1px solid var(--line);padding:18px 0;max-width:46rem;margin:0 auto}
.qa:last-child{border-bottom:1px solid var(--line)}
.qa h3{font-size:17px;font-family:var(--sans);font-weight:700}.qa p{color:var(--muted);margin-top:6px;font-size:15px}
.closing{background:var(--accent);color:var(--accent-ink);text-align:center;border-radius:28px;padding:60px 24px;margin:24px 0}
.closing h2{font-size:clamp(28px,5vw,46px)}.closing .cta{background:#fff;color:var(--accent);margin-top:22px}
footer{padding:36px 0;color:var(--muted);font-size:13px;text-align:center}
footer a{color:var(--muted)}
@media(max-width:820px){.hero{grid-template-columns:1fr;gap:26px}.cards{grid-template-columns:1fr}}