.elementor-1287 .elementor-element.elementor-element-6422edb{--display:flex;}/* Start custom CSS for html, class: .elementor-element-715f29e *//* FORCE ALL TITLES TO WHITE */
h1, h2, h3, h4, h5, h6,
.card-title,
.cta-title,
.hero-title {
  color: #ffffff !important;
}
.stage-card:hover .card-title {
  color: #c4c9cf !important;
}
.cta-btn {
  color: #ffffff !important;
}
.icon-svg {
  width: 40px !important;
  height: 40px !important;
  transform: scale(2) !important;
  max-width: none !important;
  max-height: none !important;
}
.icon-svg {
  fill: none !important;
  stroke: #ffffff;
  stroke-width: 1;
}
.icon-svg path,
.icon-svg polygon {
  fill: none !important;
  stroke: #c4c9cf;
}
.hero-title {
  font-size: 6rem !important;
  line-height: 1.1 !important;
}
.cta-title {
  font-size: 4rem !important;
  line-height: 1.1 !important;
}
:root {
  --gold: #c4c9cf !important;
  --gold-dim: rgba(196,201,207,0.15) !important;
}

/* text color only (NO background) */
.hero-title span,
.hero-eyebrow,
.card-phase,
.node-number,
.outcome-line span,
.cta-title em,
.icon-svg {
  color: #c4c9cf !important;
}

/* elements that actually need fill */
.cursor-dot,
.node-inner {
  background: #c4c9cf !important;
}

/* borders */
.cursor-ring,
.node-ring,
.cta-btn {
  border-color: rgba(196,201,207,0.4) !important;
}

/* hover */
.stage-card:hover .node-ring {
  border-color: #c4c9cf !important;
  box-shadow: 0 0 30px rgba(196,201,207,0.2) !important;
}

.stage-card:hover .node-inner {
  box-shadow: 0 0 20px rgba(196,201,207,0.5) !important;
}

/* gradients */
.scroll-line {
  background: linear-gradient(to bottom, #c4c9cf, transparent) !important;
}

.spine {
  background: linear-gradient(to bottom, transparent, rgba(196,201,207,0.3), rgba(196,201,207,0.3), transparent) !important;
}

.spine-glow {
  background: linear-gradient(to bottom, transparent, rgba(196,201,207,0.08), rgba(196,201,207,0.08), transparent) !important;
}

.outcome-line::before,
.outcome-line::after {
  background: linear-gradient(to right, transparent, rgba(196,201,207,0.3)) !important;
}

/* button */
.cta-btn {
  color: #c4c9cf !important;
  border-color: #c4c9cf !important;
}

/* KEEP animation but make it grey */
.cta-btn::before {
  background: #c4c9cf !important;
}

/* fix text color on hover */
.cta-btn:hover {
  color: #111827 !important; /* navy text */
}/* End custom CSS */