:root {
  --bg: #262c30;
  --fg: #f6f6f6;
  --muted: #b7cdd4;
  --surface: #30383e;
  --surface-2: #3a434a;
  --border: #46525a;
  --accent: #b7cdd4;
  --accent-fg: #262c30;
  --accent-2: #8fb2be;
  --hero-fg: #ffffff;
  --hero-overlay: linear-gradient(180deg, rgba(38, 44, 48, 0.3), rgba(38, 44, 48, 0.85));
  --radius: 0px;
  --radius-lg: 0px;
  --shadow: none;
  --font-heading: "Geist", "Aptos", system-ui, sans-serif;
  --font-body: "Geist", "Aptos", system-ui, sans-serif;
  --h1: clamp(1.7rem, 4.2vw, 3.6rem);
  --h2: clamp(1.5rem, 3vw, 2.4rem);
}
.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: 600; letter-spacing: -0.01em; }
.hero-title, h2 { text-transform: uppercase; letter-spacing: 0.02em; line-height: 1.05; }
.hero-eyebrow, .eyebrow { font-weight: 700; letter-spacing: 0.16em; font-size: 0.8rem; opacity: 1; }
.hero-content { padding-bottom: 18vh; }
.hero-bullets { font-size: 0.85rem; letter-spacing: 0.04em; }
.site-nav a { text-transform: uppercase; letter-spacing: 0.14em; font-size: 0.72rem; font-weight: 700; }
.nav-transparent.is-scrolled { background: linear-gradient(180deg, rgba(38, 44, 48, 0.94), rgba(38, 44, 48, 0.6)); color: #ffffff; }
.lang-toggle { border-radius: 0; letter-spacing: 0.14em; font-size: 0.72rem; }
.btn { border-radius: 0; text-transform: uppercase; letter-spacing: 0.2em; font-size: 0.72rem; font-weight: 700; padding: 15px 30px; border-width: 2px; }
.btn-ghost { border-color: rgba(255, 255, 255, 0.85); color: #ffffff; background: transparent; }
.btn-ghost:hover { background: #ffffff; color: #262c30; border-color: #ffffff; }
.stat-value { font-size: clamp(2.8rem, 6vw, 5rem); font-weight: 600; letter-spacing: -0.02em; color: #ffffff; }
.stat { border: 0; border-top: 2px solid var(--accent-2); background: transparent; border-radius: 0; padding-inline: 0; }
.num-item { border-color: var(--border); }
.num-item .num { color: var(--accent-2); }
.tl-marker { background: var(--accent-2); color: #262c30; }
.tl::before { background: var(--border); }
.page-hero { background: var(--surface); }
.card, .form, .step, .feature .pillar, .culture .pillar { background: var(--surface); border-color: var(--border); }
.cta-box { background: #003c50; color: #ffffff; }
.site-footer { background: #1f2428; border-top: 1px solid var(--border); text-align: center; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.12em; }
.site-footer a { color: var(--muted); }
.form input:not([type="checkbox"]), .form textarea { background: #262c30; border-color: var(--border); color: var(--fg); }
@media (max-width: 639px) { .hero-title, h2 { text-transform: none; letter-spacing: -0.01em; } }