:root {
  --navy: #0f3d75;
  --blue: #0f3d75;
  --orange: #e5097f;
  --ink: #102b4d;
  --line: rgba(15, 61, 117, 0.16);
}

.button:hover {
  box-shadow: 0 10px 25px rgba(229, 9, 127, 0.24);
}

.hero h1 em,
.truth em {
  color: #e5097f;
}

.hero-visual,
footer {
  background: #0f3d75;
}

.service-grid article:hover {
  box-shadow: 0 18px 40px rgba(15, 61, 117, 0.10);
}

.icon {
  width: 58px;
  height: 58px;
  margin: 7px 0 13px;
  display: grid;
  place-items: center;
  color: #e5097f;
  background: rgba(229, 9, 127, 0.07);
  border: 1px solid rgba(229, 9, 127, 0.22);
  border-radius: 16px;
  transform: rotate(-2deg);
  transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.service-grid article:nth-child(even) .icon {
  transform: rotate(2deg);
}

.service-grid article:hover .icon {
  color: #fff;
  background: #e5097f;
  transform: rotate(0) scale(1.04);
}

.icon svg {
  width: 29px;
  height: 29px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.metric-card,
.cta {
  background: #e5097f;
}

.cta .eyebrow {
  color: #0f3d75;
}