/* The type system: Geist for everything, weight by role.
   Loaded last on every page so it settles any older rule. */

/* major section headings: 700, tight, nearly solid */
h1, h2, .t-1, .t-2, .see-head {
  font-family: var(--display, "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif); font-weight: 700; letter-spacing: -0.04em; line-height: .96;
}
/* smaller headings: 600-700 */
h3 { font-family: var(--display, "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif); font-weight: 600; letter-spacing: -0.03em; line-height: 1.05; }

/* body: 400-500 */
body { font-family: var(--sans, "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif); font-weight: 400; }
b, strong { font-weight: 600; }

/* buttons, navigation, labels: 500-600 */
button, .btn, .pill-cta, .pill-white, .pill-tray a, .nav-links a, .open-cta, .open-badge,
.ca, .chip, .tab, .seg, .eyebrow { font-weight: 500; }
.open-cta, .open-badge-tag, .btn-primary { font-weight: 600; }
.tier-k, .chain-k, .open-scroll, .still-notes b, .step-n, .strip-sym, .ph-key, .note-k { font-weight: 500; }

/* numbers and stats: 500-600, tabular so columns of prices line up */
.mono, .strip-px, .card-px, .tile-tick, .row-px, .res-v, .chain-row b.mono, [data-live], [data-px] {
  font-weight: 500; font-variant-numeric: tabular-nums; letter-spacing: 0;
}

/* the wordmark: set like the headings, no full stop */
.wordmark-lockup { align-items: center; }
.wm-name { font-family: var(--display); font-weight: 700; letter-spacing: -0.04em; line-height: 1; font-size: clamp(19px, 1.8vw, 25px); }

/* the Seen mark on transparent: no tile to round */
.wordmark-lockup img, footer .brand img { border-radius: 0; }
/* the nav download pill: the robot beside the words, like the hero button */
.nav-apk { display: inline-flex; align-items: center; gap: 8px; }
.nav-apk .android-mark { width: 17px; height: 17px; flex: none; }

/* the nav mark, bigger (user, 2026-09-22). The PNG carries about 20% clear space round
   the flower, so the negative margin keeps the flower's gap to "Seen" as it was. */
.wordmark-lockup img { width: clamp(38px, 3.4vw, 48px); height: clamp(38px, 3.4vw, 48px); margin-right: -6px; }