/* =============================================================================
   BASE — CSS Variables · Reset · Utilities
   Loaded globally on every page.
   ============================================================================= */

/* -----------------------------------------------------------------------------
   CSS Custom Properties
   ----------------------------------------------------------------------------- */
:root {
  /* Brand colours */
  --orange:        #FB5B21;
  --orange-dark:   #e04e18;

  /* Neutrals */
  --white:         #ffffff;
  --off-white:     #f7f5f3;
  --mid:           #6b6b6b;
  --mid-strong:    #555555;
  --border:        #e2ddd8;
  --dark-text:     #1a1a1a;

  /* Layout */
  --header-height: 68px;
}

/* -----------------------------------------------------------------------------
   Box Model Reset
   ----------------------------------------------------------------------------- */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  height: auto !important;
}

body {
  overflow-x: hidden;
  padding-top: var(--header-height);
  min-height: unset !important;
}

/* -----------------------------------------------------------------------------
   Accessibility — Screen Reader Only
   ----------------------------------------------------------------------------- */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* -----------------------------------------------------------------------------
   Semantic List Resets
   ----------------------------------------------------------------------------- */
.clients-logos,
.why-list,
.process-grid,
.footer-col ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-col ul li {
  margin: 0;
  padding: 0;
}