:root {
  --maxw: 1920px; --pad-x: 20px; --fields-px: clamp(20px, calc(8vw - 62px), 200px); --sec-y: 170px;
  --nav-h: 82px; --logo: 40px; --nav-links: flex; --nav-cta: inline-flex; --hero-pt: 140px;
  --h1: 56px; --h1-lh: 1.16; --h2: 48px; --h3: 20px; --lead: 18px; --body: 15px; --eyebrow: 12px;
  --hero-p: 18px; --fh3: 24px; --fp: 15px; --fpad: 24px 22px; --hero-btns: flex; --hero-text: block; --app-hero: none;
  --fcard-ar: 3/4; --why2-mt: 36px; --fieldbox: none; --sec-head-mt: 48px; --field-slider: none;
  --seocard-pad: 38px 32px; --seonum: 26px; --why-ar: 3/2; --brand-dir: column;
  --grid-view: grid; --slider-view: none; --gap: 20px; --cols4: repeat(4, 1fr); --cols3: repeat(3, 1fr); --cols2: repeat(2, 1fr);
  --stat-gap: 20px; --stat-cardbg: transparent; --stat-cardpad: 0; --stat-lbl: 13.5px; --card-radius: 14px; --stat: 76px;
  --footer-pad: 64px var(--pad-x) 40px; --footer-cols: 1.6fr 1fr 1fr 1fr; --footer-nav: flex;
  --btn-h: 50px; --btn-px: 26px; --btn-fs: 15px; --burger: none; --mobile-bar: none; --quick: flex; --qsize: 52px; --footer-chev: none;
}
@media (min-width: 720px) { :root { --pad-x: 24px; } }
@media (min-width: 1280px) { :root { --pad-x: 32px; } }
@media (min-width: 1536px) { :root { --pad-x: 80px; } }