/* Brand layer ("Pine and marigold"), loaded after base.css. Light by default; dark from the footer switch. */
@font-face{font-family:"Outfit";src:url(/fonts/outfit-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Outfit";src:url(/fonts/outfit-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Onest";src:url(/fonts/onest-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Onest";src:url(/fonts/onest-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
:root{
  --bg:#f5f6f1; --surface:#fff; --surface-2:#eceee6; --ink:#14211d; --muted:#53625c; --line:#dfe3d9; --line-strong:#c4cabd;
  --primary:#0b6b5c; --primary-hover:#08524a; --primary-ink:#fff; --primary-soft:#d9eee8; --link:#0a6355;
  --gold:#8a5a06; --gold-bg:#fbefd5; --sample:#5b4a2c; --sample-bg:#f1e7d2;
  --ok:#17663f; --ok-bg:#e3f3e8; --warn:#7a4a00; --warn-bg:#fff1d6; --bad:#a3221b; --bad-bg:#fde8e6;
  --font-head:"Outfit",system-ui,sans-serif; --font-body:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;
  --radius:14px; --shadow:0 1px 2px rgba(20,33,29,.05),0 8px 24px rgba(20,33,29,.07);
}
html[data-theme=dark]{
  --bg:#0f1513; --surface:#17201d; --surface-2:#1f2a26; --ink:#eef3ef; --muted:#a9b7b0; --line:#2b3833; --line-strong:#3d4d47;
  --primary:#4cc2a8; --primary-hover:#6fd6be; --primary-ink:#06221c; --primary-soft:#173a32; --link:#7dd8c3;
  --gold:#f2c46b; --gold-bg:#3a2e17; --sample:#e8d6b2; --sample-bg:#3a3122;
  --ok:#8fd5ab; --ok-bg:#16301f; --warn:#f2bb6b; --warn-bg:#35270f; --bad:#f4a39d; --bad-bg:#3a1a18;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.3);
}
h1,h2,h3{letter-spacing:-.02em}
.site-header{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(8px)}
.brand-name{font-size:22px}
.mark .mark-tile{fill:var(--primary)} .mark .mark-ring{fill:none;stroke:var(--primary-ink);stroke-width:3} .mark .mark-dot{fill:#f2b33d}
.site-nav a.signin{background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}
button.link{background:none;border:0;min-height:0;padding:0;color:var(--muted);font-weight:600;font-size:var(--t-sm);text-decoration:underline;cursor:pointer}
button.link:hover{background:none;color:var(--ink)}
.hero{padding:var(--s7) 0 var(--s6);display:grid;gap:var(--s6);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center}
.hero h1{font-size:var(--t-4xl);letter-spacing:-.035em;line-height:1.05}
.hero .lead{font-size:var(--t-lg);color:var(--muted);max-width:34em}
.hero .actions{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s5)}
.balance-card{background:var(--primary);color:var(--primary-ink);border-radius:var(--radius-lg);padding:var(--s6);box-shadow:var(--shadow)}
.balance-card .label{font-weight:600;opacity:.85}
.balance-card .amount{font-family:var(--font-head);font-size:56px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1}
.balance-card .sub{opacity:.85;font-size:var(--t-sm)}
.three{display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));margin:var(--s6) 0}
.three .card h3{margin-bottom:var(--s2)}
.money{font-variant-numeric:tabular-nums;font-weight:600}
.plus{color:var(--ok)} .minus{color:var(--ink)}
.tag.sample{background:var(--sample-bg);color:var(--sample);border:1px dashed var(--sample);text-transform:none;letter-spacing:0}
.tag.gold{background:var(--gold-bg);color:var(--gold);text-transform:none;letter-spacing:0}
.biz{display:flex;flex-direction:column;gap:var(--s2)}
.biz .foot{margin-top:auto;padding-top:var(--s3);border-top:1px solid var(--line);color:var(--muted);font-size:var(--t-sm)}
.amounts{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s3)}
.amounts button{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}
.amounts button:hover{background:var(--surface-2)}
.limits{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:var(--s3)}
.limits .box{margin:0}
.limits .big{font-family:var(--font-head);font-size:var(--t-2xl);font-weight:700;font-variant-numeric:tabular-nums}
.open-q{border-left:4px solid var(--gold);background:var(--gold-bg);padding:var(--s4);border-radius:var(--radius-sm)}
@media (max-width:760px){.hero{grid-template-columns:1fr;padding-top:var(--s5)}.hero h1{font-size:36px}.balance-card .amount{font-size:44px}}