:root {
  --bg: #f8f8f6;
  --fg: #262c30;
  --muted: #676f6b;
  --surface: #ffffff;
  --surface-2: #f5f4f1;
  --border: #e6e2dc;
  --accent: #003c50;
  --accent-fg: #ffffff;
  --accent-2: #8fb2be;
  --hero-fg: #ffffff;
  --hero-overlay: linear-gradient(180deg, rgba(0, 60, 80, 0.4), rgba(38, 44, 48, 0.7));
  --font-heading: "Geist", "Aptos", system-ui, sans-serif;
  --font-body: "Geist", "Aptos", system-ui, sans-serif;
  --radius: 2px;
  --radius-lg: 4px;
  --shadow: none;
  --h1: clamp(2rem, 4.2vw, 3.6rem);
}
.eyebrow, .hero-eyebrow, .panel-label, .site-nav a, .lang-toggle, .btn, .breadcrumb, .label, .num, .footer-copy, .stat-label, .demo-badge-wrap { font-family: "Sometype Mono", ui-monospace, monospace; }
h1, h2, h3 { font-weight: 500; letter-spacing: -0.015em; }
.eyebrow, .hero-eyebrow { text-transform: none; letter-spacing: 0.04em; font-size: 0.8rem; }
.hero-split .hero-content { background: #e6e2dc; color: #262c30; }
.hero-split .hero-eyebrow { color: #003c50; }
.hero-split .hero-bullets li::before { background: #003c50; }
.bento-item { background: #ffffff; border: 1px solid var(--border); }
.bento-item h3 { font-size: 1.25rem; }
.tabs [role="tab"] { border-radius: 999px; }
.tabs [role="tab"][aria-selected="true"] { background: #003c50; color: #ffffff; }
.tl-marker { background: #003c50; color: #ffffff; }
.page-hero { background: #e6e2dc; }
.page-hero.has-media { background: var(--surface); }
.card, .form, .step, .feature .pillar, .culture .pillar { background: #ffffff; border-color: var(--border); }
.link-more { text-decoration: underline; text-underline-offset: 4px; }
.link-more::after { content: " \2192"; }
.site-footer { background: #262c30; color: #ffffff; border-top: 0; }
.site-footer a, .site-footer .footer-copy, .site-footer .logo { color: #ffffff; }
.site-footer .iso-badge { border-color: var(--accent-2); color: var(--accent-2); }