/* KERNX cards: one design everywhere. Navy surface, baby blue headings. */
.step,
.why-item,
.why-row,
.kx-card {
  background: #0f1923 !important;
  background-image: none !important;
  border: 1px solid #16273a !important;
  border-top: 1px solid #16273a !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  transform: none !important;
  padding: 24px 26px !important;
  transition: border-color .2s ease !important;
}
.step:hover,
.why-item:hover,
.why-row:hover,
.kx-card:hover {
  background: #0f1923 !important;
  border-color: #2b8fd4 !important;
  box-shadow: none !important;
  transform: none !important;
}
.step h2, .step h3, .step h4, .step strong,
.why-item h2, .why-item h3, .why-item h4, .why-item strong,
.why-row h2, .why-row h3, .why-row h4, .why-row strong,
.kx-card h2, .kx-card h3, .kx-card h4, .kx-card strong {
  font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.06rem !important;
  letter-spacing: -0.02em !important;
  line-height: 1.25 !important;
  color: #2b8fd4 !important;
  margin: 0 0 .5rem !important;
}
.step p, .step li, .step span,
.why-item p, .why-item li, .why-item span,
.why-row p, .why-row li, .why-row span,
.kx-card p, .kx-card li, .kx-card span {
  font-size: .94rem !important;
  line-height: 1.58 !important;
  color: rgba(255,255,255,0.76) !important;
  margin: 0 !important;
}
.step p + p, .why-item p + p, .why-row p + p, .kx-card p + p { margin-top: .6rem !important; }
.step a, .why-item a, .why-row a, .kx-card a { color: #2b8fd4 !important; }

/* inline navy cards: make sure inherited dark text does not disappear */
.kx-navycard h2, .kx-navycard h3, .kx-navycard h4, .kx-navycard strong,
.kx-navycard b { color: #2b8fd4 !important; }
.kx-navycard p, .kx-navycard li, .kx-navycard span, .kx-navycard div { color: rgba(255,255,255,0.76) !important; }
.kx-navycard a { color: #2b8fd4 !important; }