/* ===== DESIGN TOKENS ===== */
:root {
  --g50:  #f0faf4; --g100: #d4f0e0; --g200: #a3dfbf; --g300: #6ecda0;
  --g400: #33b97e; --g500: #00a74e; --g600: #008f42; --g700: #006b32;
  --g800: #004d24; --g900: #002e16; --g950: #091a0d;
  --bg:        #f7fcf9;
  --surface:   #ffffff;
  --surface2:  #eef7f2;
  --primary:   #00a74e;
  --primary-h: #008f42;
  --primary-l: #d4f0e0;
  --text:      #091a0d;
  --text2:     #2d5c41;
  --muted:     #4d7a64;
  --border:    #d4e8db;
  --dark:      #091a0d;
  --dark2:     #112a18;
  --dark3:     #1d3827;
  --font-d: 'DM Serif Display', Georgia, serif;
  --font-b: 'DM Sans', system-ui, sans-serif;
  --font-m: 'JetBrains Mono', monospace;
  --sh-sm: 0 1px 3px rgba(9,26,13,.08);
  --sh-md: 0 4px 16px rgba(9,26,13,.10);
  --sh-lg: 0 8px 40px rgba(9,26,13,.13);
  --sh-xl: 0 20px 80px rgba(9,26,13,.18);
  --sh-g:  0 4px 24px rgba(0,167,78,.28);
  --dark-muted: #5f9a78;
}

/* ===== RESET ===== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html  { scroll-behavior: smooth; font-size: 16px; overflow-x: hidden; }
body  {
  font-family: var(--font-b);
  background: var(--bg);
  color: var(--text);
  line-height: 1.6;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3 { font-family: var(--font-d); line-height: 1.1; letter-spacing: -.02em; font-weight: normal; }
em { font-style: italic; }