/* === RESET === */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: var(--ink);
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; }

/* === ROOT VARIABLES ===
   Extracted during Setup. Exact per-element values are measured in each section step. */
:root {
  --orange: #BD5117;          /* primary brand orange (START GROWING button, rgb 189,81,23) */
  --orange-bright: #FF840B;   /* active/hover nav accent (rgb 255,132,11) */
  --orange-embed: #C85520;    /* orange used inside the benefits embed */
  --ink: #000000;             /* body text on light */
  --white: #ffffff;
  --black: #000000;           /* benefits section background */
  --footer-bg: #232838;       /* dark navy footer (approx; verify in Footer step) */
  --display-font: 'Anton', 'Helvetica Neue', Arial, sans-serif;
  --body-font: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --maxw: 1200px;             /* content max-width (verify per section) */
}