/* Spacing — 4px base unit, values taken verbatim from the source site. */
:root {
  --space-3xs: 4px;
  --space-2xs: 8px;
  --space-xs: 12px;
  --space-sm: 20px;
  --space-md: 32px;   /* card interior padding, CTA button horizontal padding */
  --space-lg: 40px;   /* container gutter (desktop) */
  --space-xl: 56px;   /* gap between step blocks */
  --space-2xl: 64px;  /* nav link list gap */
  --space-3xl: 96px;  /* major intra-section column gaps */

  --space-section: 175px;   /* section vertical padding, desktop */
  --space-cta-block: 150px; /* vertical padding inside the CTA banner */
  --space-ticker: 86px;     /* gap between marquee items */

  --container-max: 1440px;
  --container-small: 1200px;
  --gutter: 40px;
}

@media (max-width: 991px) {
  :root { --space-section: 100px; --gutter: 25px; }
}
@media (max-width: 767px) {
  :root { --space-section: 50px; }
}