/* KIA v27 — compact rail-style steps + cleaner marketing hierarchy */
.kia-hero-proof{
  display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:18px;
  color:#718096;font-size:10px;font-weight:800;
}
.kia-hero-proof span{display:inline-flex;align-items:center;gap:7px}
.kia-hero-proof span:before{content:"";width:6px;height:6px;border-radius:50%;background:#35b6cf;box-shadow:0 0 0 4px rgba(53,182,207,.10)}

.kia-trust-v26 .kia-trust-grid{margin-top:24px}
.kia-trust-v26 .kia-trust-grid article{transition:transform .22s ease,box-shadow .22s ease}
.kia-trust-v26 .kia-trust-grid article:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(24,33,50,.07)}
.kia-trust-v26 .kia-trust-grid article i{font-size:18px;font-weight:900}

/* The actual order progress: a rail, not boxes. */
.kia-order-stepper{
  position:relative!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;
  gap:0!important;margin:10px 0 18px!important;padding:0 8px!important;
}
.kia-order-stepper:before{
  content:"";position:absolute;right:10%;left:10%;top:19px;height:3px;border-radius:99px;
  background:#e7edf3;z-index:0;
}
.kia-order-stepper .kia-progress-step{
  position:relative!important;z-index:1!important;display:flex!important;flex-direction:column!important;
  align-items:center!important;gap:7px!important;padding:0!important;background:none!important;
  border:0!important;box-shadow:none!important;border-radius:0!important;text-align:center!important;
  min-width:0!important;
}
.kia-order-stepper .kia-progress-step i{
  display:grid!important;place-items:center!important;width:38px!important;height:38px!important;
  border-radius:50%!important;background:#fff!important;border:2px solid #dce5ed!important;
  color:#7d8a9c!important;font-style:normal!important;font-size:13px!important;font-weight:950!important;
  box-shadow:0 4px 12px rgba(24,33,50,.06)!important;transition:all .25s ease!important;
}
.kia-order-stepper .kia-progress-step span{
  color:#8994a5!important;font-size:9px!important;font-weight:850!important;white-space:nowrap!important;
}
.kia-order-stepper .kia-progress-step.is-done i{
  background:#eefafd!important;border-color:#35b6cf!important;color:#1597b5!important;
}
.kia-order-stepper .kia-progress-step.is-active i{
  width:48px!important;height:48px!important;margin-top:-5px!important;
  background:#fff0f6!important;border-color:#e74f89!important;color:#e74f89!important;
  font-size:16px!important;box-shadow:0 8px 20px rgba(231,79,137,.18)!important;
}
.kia-order-stepper .kia-progress-step.is-active span{
  color:#253047!important;font-weight:950!important;
}
.kia-order-stepper .kia-progress-step.is-done span{color:#1597b5!important}
/* Color the rail progressively according to the live WCPO state. */
.kia-order-stepper:has(.kia-progress-step:nth-child(2).is-done):before{
  background:linear-gradient(to left,#35b6cf 0%,#35b6cf 25%,#e7edf3 25%,#e7edf3 100%);
}
.kia-order-stepper:has(.kia-progress-step:nth-child(3).is-done):before{
  background:linear-gradient(to left,#35b6cf 0%,#35b6cf 50%,#e7edf3 50%,#e7edf3 100%);
}
.kia-order-stepper:has(.kia-progress-step:nth-child(4).is-done):before{
  background:linear-gradient(to left,#35b6cf 0%,#35b6cf 75%,#e7edf3 75%,#e7edf3 100%);
}
.kia-order-stepper:has(.kia-progress-step:nth-child(5).is-done):before{
  background:#35b6cf;
}
.kia-order-current,.kia-current-stage{display:none!important}

/* "Five steps" explainer: one elegant rail, no card stack. */
.kia-five-steps{
  position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:0;
  max-width:1060px;margin:30px auto 0;padding:0 10px;
}
.kia-five-steps:before{
  content:"";position:absolute;right:10%;left:10%;top:25px;height:2px;
  background:linear-gradient(to left,#e74f89,#35b6cf,#70870b,#735ce4,#dfe6ee);
  border-radius:99px;
}
.kia-five-steps article{
  position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;
  min-height:0!important;padding:0 10px!important;border:0!important;border-radius:0!important;
  background:none!important;box-shadow:none!important;
}
.kia-five-steps article:before{display:none!important}
.kia-five-steps article i{
  position:relative;z-index:1;display:grid;place-items:center;width:50px;height:50px;
  margin:0 auto 14px;border-radius:50%;background:#fff!important;
  border:2px solid #dfe6ee;color:#718096;font-style:normal;font-size:15px;font-weight:950;
  box-shadow:0 5px 16px rgba(24,33,50,.07);
}
.kia-five-steps article:nth-child(1) i{color:#e74f89;border-color:#f3b1c8}
.kia-five-steps article:nth-child(2) i{color:#1597b5;border-color:#a9e0eb}
.kia-five-steps article:nth-child(3) i{color:#70870b;border-color:#d5e1a5}
.kia-five-steps article:nth-child(4) i{color:#735ce4;border-color:#c9c0f2}
.kia-five-steps article:nth-child(5) i{color:#bd3b72;border-color:#edb6cb}
.kia-five-steps .kia-step-copy h3{margin:0 0 7px!important;font-size:11px!important;color:#182132}
.kia-five-steps .kia-step-copy p{margin:0!important;font-size:9px!important;line-height:1.9!important;color:#7a8799!important;max-width:145px}

@media(max-width:700px){
  .kia-hero-proof{gap:8px 14px;font-size:9px;margin-top:14px}
  .kia-order-stepper{padding:0!important;margin-top:8px!important}
  .kia-order-stepper:before{right:8%;left:8%;top:16px;height:2px}
  .kia-order-stepper .kia-progress-step i{width:32px!important;height:32px!important;font-size:11px!important;border-width:1.5px!important}
  .kia-order-stepper .kia-progress-step.is-active i{width:40px!important;height:40px!important;margin-top:-4px!important;font-size:14px!important}
  .kia-order-stepper .kia-progress-step span{font-size:8px!important}
  .kia-five-steps{grid-template-columns:repeat(5,1fr);padding:0;margin-top:24px}
  .kia-five-steps:before{right:8%;left:8%;top:19px}
  .kia-five-steps article{padding:0 2px!important}
  .kia-five-steps article i{width:38px;height:38px;margin-bottom:10px;font-size:12px;border-width:1.5px}
  .kia-five-steps .kia-step-copy h3{font-size:9px!important;line-height:1.5!important}
  .kia-five-steps .kia-step-copy p{display:none}
  .kia-process .kia-section-head p{font-size:10px;line-height:1.9}
}
@media(max-width:430px){
  .kia-five-steps:before{right:9%;left:9%}
  .kia-five-steps article i{width:34px;height:34px}
  .kia-five-steps .kia-step-copy h3{font-size:8px!important}
  .kia-order-stepper .kia-progress-step span{font-size:7px!important}
}