/* HERO */
  .hero {
	margin: auto;
	background: var(--black);
	display: grid;
	grid-template-columns: 1fr 1fr;
	overflow: hidden;
	position: relative;
  }
  .hero h1 {
	  margin-left: 0px;
  }

  .hero-content {
	padding: 80px 64px;
	display: flex; flex-direction: column; justify-content: center;
	position: relative; z-index: 2;
	grid-column: 1 / 2;
  }

  .hero-eyebrow {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 12px; font-weight: 700;
	letter-spacing: 0.2em;
	color: var(--yellow);
	text-transform: uppercase;
	margin-bottom: 20px;
	display: flex; align-items: center; gap: 12px;
  }

  .hero-eyebrow::before {
	content: '';
	display: inline-block;
	width: 32px; height: 2px;
	background: var(--yellow);
  }

  .hero-headline {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: clamp(52px, 6vw, 84px);
	font-weight: 800;
	line-height: 0.95;
	color: var(--white);
	text-transform: uppercase;
	letter-spacing: -0.01em;
	margin-bottom: 24px;
  }

  .hero-headline em {
	font-style: normal;
	color: var(--yellow);
	display: block;
  }

  .hero-subhead {
	font-size: 17px;
	color: rgba(255,255,255,0.6);
	line-height: 1.6;
	max-width: 440px;
	margin-bottom: 40px;
  }

  .hero-actions {
	display: flex; gap: 16px; align-items: center; flex-wrap: wrap;
  }

  .btn-primary {
	background: var(--yellow);
	color: var(--black);
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 14px; font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	padding: 16px 32px;
	border: none; cursor: pointer;
	border-radius: 2px;
	text-decoration: none;
	display: inline-block;
	transition: background 0.2s, transform 0.15s;
  }

  .btn-primary:hover { background: var(--yellow-dark); transform: translateY(-1px); }

  .btn-secondary {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 14px; font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.7);
	text-decoration: none;
	display: flex; align-items: center; gap: 8px;
	transition: color 0.2s;
  }

  .btn-secondary:hover { color: var(--yellow); }

  .btn-secondary::after {
	content: '→';
	font-size: 16px;
  }

  .hero-stats {
	margin-top: 60px;
	display: flex; gap: 40px;
	padding-top: 40px;
	border-top: 1px solid rgba(255,255,255,0.1);
  }

  .hero-stat-num {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 36px; font-weight: 800;
	color: var(--yellow);
	line-height: 1;
  }

  .hero-stat-label {
	font-size: 12px;
	color: rgba(255,255,255,0.5);
	margin-top: 4px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
  }

  .hero-image {
	position: absolute; inset: 0;
	z-index: 0;
	overflow: hidden;
  }



  .hero-badge {
	position: absolute;
	bottom: 48px; right: 48px;
	background: var(--yellow);
	width: 120px; height: 120px;
	border-radius: 50%;
	display: flex; flex-direction: column;
	align-items: center; justify-content: center;
	text-align: center;
	z-index: 2;
  }

  .hero-badge-num {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 32px; font-weight: 800;
	color: var(--black);
	line-height: 1;
  }

  .hero-badge-label {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 10px; font-weight: 700;
	color: var(--black);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-top: 2px;
  }

  /* TRUST BAR */










  /* SECTION HEADERS — BASE */
  .section-header {
	margin-bottom: 56px;
  }

  .section-eyebrow {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 11px; font-weight: 700;
	letter-spacing: 0.2em;
	color: var(--yellow);
	text-transform: uppercase;
	margin-bottom: 12px;
	display: flex; align-items: center; gap: 10px;
  }

  .section-eyebrow::before {
	content: '';
	width: 24px; height: 2px;
	background: var(--yellow);
	display: inline-block;
  }

  .section-title {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: clamp(36px, 5vw, 56px);
	font-weight: 800;
	text-transform: uppercase;
	color: var(--black);
	line-height: 1;
	letter-spacing: -0.01em;
  }

  /* SECTION: WHY */
  .section-why {
	padding: 96px 64px;
	background: var(--steel);
  }
  .section-why .section-eyebrow { color: var(--yellow); }
  .section-why .section-eyebrow::before { background: var(--yellow); }
  .section-why .section-title { color: var(--white); }
  .benefits-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2px;
	margin-top: 48px;
  }
  .benefit-card {
	background: #2A3F55;
	padding: 36px 28px;
	border-left: 3px solid transparent;
	transition: border-color 0.2s, transform 0.2s, background 0.2s;
	cursor: default;
	position: relative;
	overflow: hidden;
	display: block;
  }
  .benefit-card:hover {
	border-left-color: var(--yellow);
	transform: translateY(-3px);
	background: #324A63;
  }
  .benefit-bg-num {
	position: absolute;
	top: -10px;
	right: -8px;
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 120px;
	font-weight: 800;
	color: rgba(254,218,0,0.13);
	line-height: 1;
	letter-spacing: -0.05em;
	pointer-events: none;
	user-select: none;
	transition: color 0.2s;
  }
  .benefit-card:hover .benefit-bg-num {
	color: rgba(254,218,0,0.22);
  }
  .benefit-num-title-wrap { display: none; }
  .benefit-left { display: none; }
  .benefit-right { display: none; }
  .benefit-icon-wrap {
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
	width: 44px;
	height: 44px;
	background: #1E2D40;
	border-radius: var(--border-radius-md);
	display: flex;
	align-items: center;
	justify-content: center;
  }
  .benefit-title {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--yellow);
	margin-bottom: 16px;
	position: relative;
	z-index: 1;
  }
  .benefit-list {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 10px;
	position: relative;
	z-index: 1;
  }
  .benefit-list li {
	font-size: 15px;
	color: rgba(255,255,255,0.85);
	line-height: 1.5;
	padding-left: 16px;
	position: relative;
  }
  .benefit-list li::before {
	content: '';
	position: absolute; left: 0; top: 7px;
	width: 5px; height: 5px;
	border-radius: 50%;
	background: var(--yellow);
	opacity: 0.8;
  }


  /* SECTION: HOW IT WORKS */
  .section-how {
	background: var(--black);
	padding: 96px 64px;
  }

  .section-how .section-title { color: var(--white); }
  .section-how .section-eyebrow { color: var(--yellow); }
  .section-how .section-eyebrow::before { background: var(--yellow); }

  .steps-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2px;
	margin-top: 56px;
  }

  .step-card {
	background: var(--mid);
	overflow: hidden;
	position: relative;
  }

  .step-img {
	width: 100%;
	aspect-ratio: 4/3;
	object-fit: cover;
	display: block;
	filter: brightness(0.9) contrast(1.05);
  }

  .step-img-placeholder {
	width: 100%;
	aspect-ratio: 4/3;
	background: var(--mid);
	display: flex; align-items: center; justify-content: center;
	color: rgba(255,255,255,0.15);
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 13px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
  }

  .step-body {
	padding: 28px;
  }

  .step-number {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 11px; font-weight: 700;
	letter-spacing: 0.2em;
	color: var(--yellow);
	text-transform: uppercase;
	margin-bottom: 8px;
  }

  .step-title {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 28px; font-weight: 800;
	text-transform: uppercase;
	color: var(--white);
	letter-spacing: 0.04em;
	margin-bottom: 12px;
  }

  .step-desc {
	font-size: 14px;
	color: rgba(255,255,255,0.55);
	line-height: 1.6;
	margin-bottom: 24px;
  }

  .btn-ghost {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 12px; font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--yellow);
	text-decoration: none;
	display: inline-flex; align-items: center; gap: 8px;
	border: 1px solid rgba(245,200,0,0.3);
	padding: 10px 20px;
	border-radius: 2px;
	transition: background 0.2s;
  }

  .btn-ghost:hover {
	background: rgba(245,200,0,0.08);
  }

  /* SECTION: PRODUCTS */
  .section-products {
	padding: 96px 64px;
	background: var(--light-gray);
  }

  .products-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2px;
	margin-top: 56px;
  }

  .product-card {
	background: var(--white);
	display: grid;
	grid-template-columns: 1fr 1fr;
	overflow: hidden;
	transition: transform 0.2s;
  }

  .product-card:hover { transform: translateY(-2px); }

  .product-img-wrap {
	overflow: hidden;
  }

  .product-img-placeholder {
	width: 100%; height: 100%; min-height: 260px;
	background: var(--light-gray);
	display: flex; align-items: center; justify-content: center;
	color: rgba(0,0,0,0.2);
	font-size: 13px;
	font-family: 'Barlow Condensed', sans-serif;
	letter-spacing: 0.1em;
	text-transform: uppercase;
  }

  .product-body {
	padding: 36px 28px;
	display: flex; flex-direction: column; justify-content: center;
  }

  .product-tag {
	display: inline-block;
	background: var(--black);
	color: var(--yellow);
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 10px; font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	padding: 4px 10px;
	border-radius: 2px;
	margin-bottom: 16px;
	align-self: flex-start;
  }

  .product-title {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 24px; font-weight: 800;
	text-transform: uppercase;
	color: var(--black);
	letter-spacing: 0.02em;
	margin-bottom: 12px;
  }

  .product-desc {
	font-size: 14px;
	color: #666;
	line-height: 1.6;
	margin-bottom: 24px;
  }

  .btn-dark {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 12px; font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--white);
	background: var(--black);
	padding: 12px 24px;
	border: none; cursor: pointer;
	border-radius: 2px;
	text-decoration: none;
	display: inline-block;
	align-self: flex-start;
	transition: background 0.2s;
  }

  .btn-dark:hover { background: #2a2a2a; }

  /* SECTION: DEMO FORM */
  .section-demo {
	padding: 96px 64px;
	background: var(--yellow);
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 80px;
	align-items: flex-start;
  }

  .demo-left h2 {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: clamp(40px, 5vw, 64px);
	font-weight: 800;
	text-transform: uppercase;
	color: var(--black);
	line-height: 1;
	letter-spacing: -0.01em;
	margin-bottom: 20px;
	margin-top: auto;
  }

  .demo-left p {
	font-size: 16px;
	color: rgba(0,0,0,0.65);
	line-height: 1.6;
	max-width: 380px;
  }

  .demo-perks {
	margin-top: 32px;
	display: flex; flex-direction: column; gap: 12px;
  }

  .demo-perk {
	display: flex; align-items: center; gap: 12px;
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 15px; font-weight: 600;
	letter-spacing: 0.04em;
	color: var(--black);
	text-transform: uppercase;
  }

  .demo-perk-dot {
	width: 8px; height: 8px;
	border-radius: 50%;
	background: var(--black);
	flex-shrink: 0;
  }

  .demo-form {
	background: var(--white);
	padding: 40px;
	border-radius: 4px;
  }

  .form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin-bottom: 16px;
  }

  .form-group {
	display: flex; flex-direction: column; gap: 6px;
	margin-bottom: 16px;
  }

  .form-group label {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 11px; font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #777;
  }

  .form-group input,
  .form-group textarea,
  .form-group select {
	border: 1.5px solid var(--light-gray);
	border-radius: 2px;
	padding: 12px 14px;
	font-family: 'Barlow', sans-serif;
	font-size: 14px;
	color: var(--black);
	background: var(--offwhite);
	outline: none;
	transition: border-color 0.2s;
  }

  .form-group input:focus,
  .form-group textarea:focus,
  .form-group select:focus {
	border-color: var(--black);
	background: var(--white);
  }

  .form-group textarea { resize: vertical; min-height: 90px; }

  .form-submit {
	width: 100%;
	background: var(--black);
	color: var(--yellow);
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 14px; font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	padding: 16px;
	border: none; cursor: pointer;
	border-radius: 2px;
	transition: background 0.2s;
  }

  .form-submit:hover { background: #222; }
  
	/* Animations */
	@keyframes fadeUp {
	  from { opacity: 0; transform: translateY(24px); }
	  to { opacity: 1; transform: translateY(0); }
	}
  
	.hero-content > * {
	  opacity: 0;
	  animation: fadeUp 0.7s ease forwards;
	}
  
	.hero-eyebrow { animation-delay: 0.1s; }
	.hero-headline { animation-delay: 0.25s; }
	.hero-subhead  { animation-delay: 0.4s; }
	.hero-actions  { animation-delay: 0.55s; }
	.hero-stats    { animation-delay: 0.7s; }
  
	.hero-video {
	  position: absolute; inset: 0;
	  width: 100%; height: 100%;
	  object-fit: cover;
	  filter: brightness(0.85) contrast(1.05);
	}
	.hero-video-overlay {
	  position: absolute; inset: 0;
	  background: linear-gradient(to right, rgba(10,10,10,0.80) 0%, rgba(10,10,10,0.80) 30%, rgba(10,10,10,0.30) 55%, rgba(10,10,10,0.05) 75%, transparent 100%);
	  z-index: 1;
	}
  .trust-ticker-wrap {
	  background: var(--steel);
	  padding: 24px 0;
	  display: flex;
	  align-items: center;
	  overflow: hidden;
	}
	.trust-ticker-label {
	  font-family: 'Barlow Condensed', sans-serif;
	  font-size: 11px; font-weight: 700;
	  letter-spacing: 0.15em;
	  color: rgba(255,255,255,0.35);
	  text-transform: uppercase;
	  white-space: nowrap;
	  padding: 0 32px;
	  flex-shrink: 0;
	  border-right: 1px solid rgba(255,255,255,0.1);
	}
	.trust-ticker-outer {
	  flex: 1;
	  overflow: hidden;
	  mask-image: linear-gradient(to right, transparent 0%, black 4%, black 96%, transparent 100%);
	  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 4%, black 96%, transparent 100%);
	}
	.trust-ticker-track {
	  display: flex;
	  align-items: center;
	  gap: 64px;
	  width: max-content;
	  animation: ticker-scroll 50s linear infinite;
	  padding: 0 32px;
	}
	.trust-ticker-track:hover { animation-play-state: paused; }
	.ticker-logo {
	  height: 40px;
	  width: auto;
	  max-width: 140px;
	  object-fit: contain;
	  opacity: 0.6;
	  flex-shrink: 0;
	  transition: opacity 0.2s;
	}
	.ticker-logo:hover { opacity: 1; }
	@keyframes ticker-scroll {
	  0%   { transform: translateX(0); }
	  100% { transform: translateX(-50%); }
	}
  
	.section-loads {
	  padding: 96px 64px;
	  background: var(--offwhite);
	}
	.loads-header {
	  margin-bottom: 56px;
	}
	.section-loads .section-eyebrow {
	  color: var(--yellow-dark);
	}
	.section-loads .section-eyebrow::before {
	  background: var(--yellow-dark);
	}
	.section-loads .section-title {
	  color: var(--black);
	}
	.loads-grid {
	  display: grid;
	  grid-template-columns: repeat(4, 1fr);
	  gap: 2px;
	}
	.load-card {
	  display: flex;
	  flex-direction: column;
	  background: var(--white);
	  overflow: hidden;
	  transition: transform 0.2s;
	  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
	}
	.load-card:hover { transform: translateY(-4px); }
	.load-img-wrap {
	  width: 100%;
	  aspect-ratio: 4/3;
	  overflow: hidden;
	  position: relative;
	  line-height: 0px;
	}
	.load-img-wrap img {
		height: 100%;
	}
	.load-img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	  display: block;
	  transition: transform 0.4s ease;
	}
	.load-card:hover .load-img { transform: scale(1.04); }
	.load-img-placeholder {
	  width: 100%;
	  height: 100%;
	  background: var(--light-gray);
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  font-size: 12px;
	  color: rgba(0,0,0,0.25);
	  font-family: 'Barlow Condensed', sans-serif;
	  letter-spacing: 0.08em;
	  text-transform: uppercase;
	  text-align: center;
	  padding: 16px;
	}
	.load-label {
	  padding: 24px 20px;
	  flex: 1;
	  border-top: 3px solid var(--yellow);
	}
	.load-number {
	  font-family: 'Barlow Condensed', sans-serif;
	  font-size: 11px;
	  font-weight: 700;
	  letter-spacing: 0.2em;
	  color: var(--yellow-dark);
	  text-transform: uppercase;
	  display: block;
	  margin-bottom: 8px;
	}
	.load-title {
	  font-family: 'Barlow Condensed', sans-serif;
	  font-size: 22px;
	  font-weight: 800;
	  text-transform: uppercase;
	  color: var(--black);
	  letter-spacing: 0.03em;
	  margin: 0 0 10px;
	}
	.load-desc {
	  font-size: 13px;
	  color: #555;
	  line-height: 1.6;
	  margin: 0;
	}
  
	.section-how {
	  background: var(--light-gray);
	  padding: 96px 64px;
	}
	.section-how .section-eyebrow {
	  color: var(--yellow-dark);
	}
	.section-how .section-eyebrow::before {
	  background: var(--yellow-dark);
	}
	.section-how .section-title {
	  color: var(--black);
	}
	.steps-grid {
	  display: grid;
	  grid-template-columns: repeat(3, 1fr);
	  gap: 24px;
	  margin-top: 56px;
	}
	.step-card {
	  background: var(--white);
	  overflow: hidden;
	  position: relative;
	  box-shadow: 0 2px 8px rgba(0,0,0,0.07);
	  transition: transform 0.2s, box-shadow 0.2s;
	}
	.step-card:hover {
	  transform: translateY(-4px);
	  box-shadow: 0 8px 24px rgba(0,0,0,0.1);
	}
	.step-img {
	  width: 100%;
	  aspect-ratio: 3/2;
	  object-fit: cover;
	  display: block;
	  transition: transform 0.4s ease;
	}
	.step-card:hover .step-img { transform: scale(1.03); }
	.step-img-wrap { 
		overflow: hidden;
		line-height: 0px;
	}
	.step-img-wrap img {
		width: 100%;
	}
	.step-body {
	  padding: 24px 28px 28px;
	  border-top: 3px solid var(--yellow);
	}
	.step-number {
	  font-family: 'Barlow Condensed', sans-serif;
	  font-size: 11px; font-weight: 700;
	  letter-spacing: 0.2em;
	  color: var(--yellow-dark);
	  text-transform: uppercase;
	  margin-bottom: 8px;
	  display: block;
	}
	.step-title {
	  font-family: 'Barlow Condensed', sans-serif;
	  font-size: 28px; font-weight: 800;
	  text-transform: uppercase;
	  color: var(--black);
	  letter-spacing: 0.03em;
	  margin-bottom: 10px;
	}
	.step-desc {
	  font-size: 14px;
	  color: #555;
	  line-height: 1.6;
	  margin-bottom: 20px;
	}
	.btn-ghost {
	  font-family: 'Barlow Condensed', sans-serif;
	  font-size: 12px; font-weight: 700;
	  letter-spacing: 0.14em;
	  text-transform: uppercase;
	  color: var(--black);
	  text-decoration: none;
	  display: inline-flex; align-items: center; gap: 8px;
	  border: 1.5px solid var(--black);
	  padding: 10px 20px;
	  border-radius: 2px;
	  transition: background 0.2s, color 0.2s;
	}
	.btn-ghost:hover {
	  background: var(--black);
	  color: var(--yellow);
	}
  
	.section-map {
	  background: var(--navy);
	  padding: 96px 64px 64px;
	}
	.map-header {
	  margin-bottom: 48px;
	}
	.map-subhead {
	  font-size: 16px;
	  color: rgba(255,255,255,0.5);
	  max-width: 560px;
	  line-height: 1.6;
	  margin-top: 16px;
	}
	.map-wrap {
	  background: var(--steel);
	  border-radius: var(--border-radius-lg);
	  overflow: hidden;
	}
	.map-stat-bar {
	  display: flex;
	  align-items: center;
	  padding: 24px 40px;
	  border-bottom: 1px solid rgba(255,255,255,0.08);
	  gap: 0;
	}
	.map-stat {
	  flex: 1;
	  text-align: center;
	}
	.map-stat-num {
	  font-family: 'Barlow Condensed', sans-serif;
	  font-size: 32px;
	  font-weight: 800;
	  color: #FEDA00;
	  line-height: 1;
	  margin-bottom: 4px;
	}
	.map-stat-label {
	  font-size: 12px;
	  color: rgba(255,255,255,0.45);
	  text-transform: uppercase;
	  letter-spacing: 0.08em;
	  font-family: 'Barlow Condensed', sans-serif;
	  font-weight: 600;
	}
	.map-stat-divider {
	  width: 1px;
	  height: 40px;
	  background: rgba(255,255,255,0.1);
	  flex-shrink: 0;
	}
	.map-container {
	  position: relative;
	  padding: 40px;
	  background: var(--navy);
	}
	.map-svg {
	  width: 100%;
	  height: auto;
	  display: block;
	}
	.map-dot {
	  fill: #FEDA00;
	  opacity: 0.85;
	  filter: drop-shadow(0 0 3px rgba(254,218,0,0.5));
	  animation: dot-pulse 3s ease-in-out infinite;
	}
	.map-dot:nth-child(3n) { animation-delay: 0.5s; }
	.map-dot:nth-child(5n) { animation-delay: 1s; }
	.map-dot:nth-child(7n) { animation-delay: 1.5s; }
	@keyframes dot-pulse {
	  0%, 100% { opacity: 0.85; r: 4px; }
	  50% { opacity: 1; r: 5px; }
	}
	.map-us-path {
	  fill: rgba(255,255,255,0.04);
	  stroke: rgba(255,255,255,0.12);
	  stroke-width: 1;
	}
  
	/* TESTIMONIALS */
	.section-testimonials {
	  padding: 96px 64px;
	  background: var(--offwhite);
	}
	.section-testimonials .section-eyebrow {
	  color: var(--yellow-dark);
	}
	.section-testimonials .section-eyebrow::before {
	  background: var(--yellow-dark);
	}
	.section-testimonials .section-title {
	  color: var(--black);
	}
	.testimonials-grid {
	  display: grid;
	  grid-template-columns: repeat(4, 1fr);
	  gap: 16px;
	  margin-top: 48px;
	}
	.testimonial-card {
	  background: var(--white);
	  padding: 28px;
	  border-radius: var(--border-radius-lg);
	  border: 0.5px solid var(--color-border-tertiary, rgba(0,0,0,0.12));
	  display: flex;
	  flex-direction: column;
	  gap: 16px;
	  position: relative;
	  transition: transform 0.2s, box-shadow 0.2s;
	}
	.testimonial-card:hover {
	  transform: translateY(-3px);
	  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
	}
	.testimonial-quote-mark {
	  font-family: 'Barlow Condensed', sans-serif;
	  font-size: 64px;
	  line-height: 0.6;
	  color: var(--yellow);
	  font-weight: 800;
	  display: block;
	  margin-bottom: 4px;
	}
	.testimonial-text {
	  font-size: 14px;
	  color: #444;
	  line-height: 1.7;
	  flex: 1;
	  font-style: italic;
	}
	.testimonial-footer {
	  border-top: 2px solid var(--yellow);
	  padding-top: 14px;
	  margin-top: auto;
	}
	.testimonial-name {
	  font-family: 'Barlow Condensed', sans-serif;
	  font-size: 15px;
	  font-weight: 700;
	  color: var(--black);
	  text-transform: uppercase;
	  letter-spacing: 0.04em;
	}
	.testimonial-role {
	  font-size: 12px;
	  color: #777;
	  margin-top: 2px;
	}
	.testimonial-company {
	  font-size: 12px;
	  font-weight: 600;
	  color: var(--yellow-dark);
	  margin-top: 1px;
	  text-transform: uppercase;
	  letter-spacing: 0.06em;
	}
	/* More testimonials button */
	.testimonials-more-wrap {
	  text-align: center;
	  margin-top: 36px;
	}
	.btn-more-testimonials {
	  font-family: 'Barlow Condensed', sans-serif;
	  font-size: 13px;
	  font-weight: 700;
	  letter-spacing: 0.12em;
	  text-transform: uppercase;
	  color: var(--black);
	  background: transparent;
	  border: 1.5px solid var(--black);
	  padding: 14px 32px;
	  border-radius: 2px;
	  cursor: pointer;
	  transition: background 0.2s, color 0.2s;
	}
	.btn-more-testimonials:hover {
	  background: var(--black);
	  color: var(--yellow);
	}
	/* Carousel */
	.testimonials-carousel {
	  display: none;
	  margin-top: 32px;
	  position: relative;
	}
	.testimonials-carousel.active {
	  display: block;
	}
	.carousel-track-wrap {
	  overflow: hidden;
	  border-radius: var(--border-radius-lg);
	}
	.carousel-track {
	  display: flex;
	  transition: transform 0.4s ease;
	  gap: 16px;
	}
	.carousel-slide {
	  min-width: calc(25% - 12px);
	  flex-shrink: 0;
	}
	.carousel-controls {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  gap: 12px;
	  margin-top: 20px;
	}
	.carousel-btn {
	  width: 40px;
	  height: 40px;
	  border-radius: 50%;
	  border: 1.5px solid var(--black);
	  background: transparent;
	  cursor: pointer;
	  font-size: 16px;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  transition: background 0.2s, color 0.2s;
	  color: var(--black);
	}
	.carousel-btn:hover {
	  background: var(--black);
	  color: var(--yellow);
	}
	.carousel-dots {
	  display: flex;
	  gap: 6px;
	}
	.carousel-dot {
	  width: 6px;
	  height: 6px;
	  border-radius: 50%;
	  background: #ccc;
	  cursor: pointer;
	  transition: background 0.2s;
	}
	.carousel-dot.active {
	  background: var(--yellow-dark);
	  width: 20px;
	  border-radius: 3px;
	}
  
	.testimonial-stars {
	  display: flex;
	  gap: 3px;
	  margin-bottom: 10px;
	  font-size: 16px;
	  color: #FEDA00;
	  letter-spacing: 2px;
	}
  
	/* FAQ */
	.section-faq {
	  padding: 96px 64px;
	  background: var(--black);
	}
	.section-faq .section-eyebrow { color: var(--yellow); }
	.section-faq .section-eyebrow::before { background: var(--yellow); }
	.section-faq .section-title { color: var(--white); }
	.faq-grid {
	  display: grid;
	  grid-template-columns: 1fr 1fr;
	  gap: 2px;
	  margin-top: 48px;
	}
	.faq-item {
	  background: var(--charcoal);
	  padding: 32px 36px;
	  cursor: pointer;
	  transition: background 0.2s;
	  position: relative;
	  border-left: 3px solid transparent;
	  transition: border-color 0.2s, background 0.2s;
	}
	.faq-item:hover {
	  background: #383838;
	  border-left-color: var(--yellow);
	}
	.faq-item.open {
	  border-left-color: var(--yellow);
	  background: #383838;
	}
	.faq-question {
	  font-family: 'Barlow Condensed', sans-serif;
	  font-size: 18px;
	  font-weight: 700;
	  text-transform: uppercase;
	  letter-spacing: 0.03em;
	  color: var(--white);
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  gap: 16px;
	  user-select: none;
	}
	.faq-icon {
	  width: 24px;
	  height: 24px;
	  border-radius: 50%;
	  border: 1.5px solid rgba(255,255,255,0.2);
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  flex-shrink: 0;
	  font-size: 16px;
	  color: var(--yellow);
	  transition: transform 0.3s, border-color 0.2s;
	  font-style: normal;
	}
	.faq-item.open .faq-icon {
	  transform: rotate(45deg);
	  border-color: var(--yellow);
	}
	.faq-answer {
	  font-size: 14px;
	  color: rgba(255,255,255,0.6);
	  line-height: 1.7;
	  max-height: 0;
	  overflow: hidden;
	  transition: max-height 0.35s ease, margin-top 0.35s ease;
	  margin-top: 0;
	}
	.faq-item.open .faq-answer {
	  max-height: 300px;
	  margin-top: 16px;
	}
	.faq-cta-wrap {
	  text-align: center;
	  margin-top: 48px;
	}
	.faq-cta-text {
	  font-size: 15px;
	  color: rgba(255,255,255,0.5);
	  margin-bottom: 16px;
	}
	.faq-cta-text strong {
	  color: var(--white);
	  font-weight: 500;
	}
	
	@media screen and (max-width: 1460px) {
		.hero h1 {
			font-size: 55px;
		}
	}
	@media screen and (max-width: 1280px) {
		.hero h1 {
			font-size: 45px;
		}
	}
	@media screen and (max-width: 780px) {
		.loads-grid,
		.benefits-grid,
		.steps-grid,
		.testimonials-grid,
		.faq-grid,
		.map-stat-bar,
		.section-demo {
			display: block;
		}
		.load-card,
		.benefit-card,
		.step-card,
		.testimonial-card,
		.faq-item,
		.map-stat,
		.demo-left,
		#homepage-form {
			display: block;
			gap: unset;
			flex-direction: unset;
			margin-bottom: 25px;
		}
		.map-stat-divider {
			display: none;
		}
		/* Fix insane padding - copy to other pages */
		.section-loads,
		.section-why,
		.section-how,
		.section-map,
		.section-testimonials,
		.section-faq,
		.section-demo {
			padding: 50px 40px;
		}
		.hero-image iframe {
			display: none;
		}
		.hero-image {
			background: url('/wp-content/uploads/thumb.jpg') bottom center no-repeat;
			background-size: cover;
		}
		.hero {
			height: auto !important;
		}
		.hero-badge {
			display: none;
		}
		.hero-content {
			display: block;
			padding: 50px 40px;
			grid-column: unset;
		}
	}