{
		  --brand-red: rgb(220, 53, 69);
		  --brand-dark: #000000;
		  --brand-bg: #fcfdfe;
		}

		body {
		  font-family: 'Outfit', system-ui, -apple-system, sans-serif;
		  background-color: var(--brand-bg);
		  color: #334155;
		}

		/* Hero Section - Matching existing 'Hero' styles */
		.hero-ils {
		  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%), url('assets/hero-bg.jpg');
		  background-size: cover;
		  padding: 100px 0 60px;
		  position: relative;
		}

		/* Dimension Cards - Matching 'Values' section style */
		.dimension-card {
		  background: #ffffff;
		  border: 1px solid rgba(0, 0, 0, 0.05);
		  border-radius: 18px;
		  /* --radius-lg */
		  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.05);
		  /* --shadow-md */
		  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
		  height: 100%;
		  overflow: hidden;
		}

		.dimension-card:hover {
		  transform: translateY(-10px);
		  box-shadow: 0 20px 40px -15px rgba(220, 53, 69, 0.12);
		  /* --shadow-lg */
		  border-color: rgba(220, 53, 69, 0.2);
		}

		/* Scale Visual - Updated to Brand Red */
		.ils-scale-track {
		  height: 6px;
		  background-color: #f1f5f9;
		  border-radius: 10px;
		  position: relative;
		  margin: 2rem 0;
		}

		.ils-scale-point {
		  width: 18px;
		  height: 18px;
		  background-color: var(--brand-red);
		  /* Updated Color */
		  border-radius: 50%;
		  position: absolute;
		  top: -6px;
		  left: 50%;
		  transform: translateX(-50%);
		  border: 3px solid white;
		  box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.2);
		}

		.dimension-label {
		  font-family: 'Outfit', sans-serif;
		  /* --heading-font */
		  font-weight: 700;
		  font-size: 0.85rem;
		  text-transform: uppercase;
		  letter-spacing: 0.5px;
		  color: var(--brand-dark);
		}

		/* Gradient Text for Impact */
		.text-gradient {
		  background: linear-gradient(135deg, var(--brand-red) 0%, #000000 100%);
		  -webkit-background-clip: text;
		  -webkit-text-fill-color: transparent;
		}