body {
	background-color: #16161A;
	color: white;
}
.clip-edge {
	clip-path: polygon(0 0, 100% 0, 100% 90%, 95% 100%, 0 100%);
}
.clip-button {
	clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 25%);
}
.nav-item.active {
	color: white;
	border-bottom: 2px solid #c40202;
}
.hover-glow:hover {
	box-shadow: 0 0 15px rgba(255, 201, 1, 0.15);
	border-color: #ffc901;
}
::-webkit-scrollbar {
	width: 8px;
}
::-webkit-scrollbar-track {
	background: #16161A;
}
::-webkit-scrollbar-thumb {
	background: #333;
	border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
	background: #c40202;
}
.fade-in {
	animation: fadeIn 0.4s ease-out;
}
@keyframes fadeIn {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInUp {
	from { opacity: 0; transform: translateY(20px); }
	to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in-up {
	animation: fadeInUp 0.4s ease-out forwards;
}

/* AcceleRate Lane Select Design Tokens & Styles */
:root {
  --driven-red: #c40202;
  --burnout-black: #16161a;
  --victory-yellow: #ffc901;
  --smoke-clouds: #f2f2f2;
  --steel-chassis: #78788c;
  --dark-red: #830000;
  --light-red: #ecbdbd;
  --charcoal: #3a3a44;
  --charcoal-ultralite: #efeff1;
  --white: #ffffff;
  --text-on-dark-muted: #a9a9b6;
  --border-dark: #2a2a31;
  --border-dark-strong: #3a3a44;
  --font-display: 'Rajdhani', 'Arial Narrow', sans-serif;
  --font-body: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
}

.dtpo-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  padding: 0 26px;
  background: #c40202;
  color: #fff;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 15px;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background 120ms cubic-bezier(.2,.8,.2,1);
}
.dtpo-btn:hover {
  background: #830000 !important;
  color: #fff !important;
}

.lane-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  background: #26262d;
  color: #fff;
  border: 1px solid #30323c;
  padding: 32px;
  cursor: pointer;
  transition: border-color 200ms cubic-bezier(.2,.8,.2,1), transform 200ms cubic-bezier(.2,.8,.2,1);
  text-decoration: none;
}
.lane-card:hover, .hv6:hover, .hv7:hover {
  border-color: var(--driven-red) !important;
}

.lane-badge {
  font-family: var(--font-display);
  font-weight: 700;
  font-style: italic;
  font-size: 20px;
  line-height: 1;
  color: var(--burnout-black);
  background: var(--victory-yellow);
  align-self: flex-start;
  padding: 4px 14px 3px 10px;
}

.lane-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 8px;
  margin-left: clamp(-12px, calc(6px - 1.4vw), -6px);
  overflow: hidden;
  font-size: clamp(11px, 1.15vw, 14px);
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--text-on-dark-muted);
}

.lane-tags span {
  padding: 0 clamp(6px, calc(1.4vw - 6px), 12px);
  margin-left: -1px;
  border-left: 1px solid var(--charcoal);
  white-space: nowrap;
}

/*


 */