.kp-live-stats,
.kp-live-stats *{box-sizing:border-box}
.kp-live-stats{
  --kp-navy:#123258;
  --kp-ink:#172d46;
  --kp-muted:#8190a2;
  width:100%;
  max-width:1440px;
  margin:0 auto;
  padding:22px;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Arial,sans-serif;
}
.kp-live-stats-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.kp-live-stat-card{
  position:relative;
  display:flex;
  align-items:center;
  gap:17px;
  min-height:138px;
  padding:22px 21px;
  overflow:hidden;
  border:1px solid rgba(18,50,88,.075);
  border-radius:24px;
  background:
    radial-gradient(circle at 100% 0%,rgba(var(--kp-accent-rgb),.10),transparent 34%),
    linear-gradient(150deg,rgba(255,255,255,.99),rgba(247,250,253,.96));
  box-shadow:0 14px 34px rgba(21,44,69,.075),inset 0 1px 0 rgba(255,255,255,.95);
  color:var(--kp-ink);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.kp-live-stat-card::after{
  content:"";
  position:absolute;
  right:-24px;bottom:-34px;
  width:105px;height:105px;
  border-radius:50%;
  background:rgba(var(--kp-accent-rgb),.055);
  pointer-events:none;
}
@media(hover:hover) and (pointer:fine){
  .kp-live-stat-card:hover{
    transform:translateY(-3px);
    border-color:rgba(var(--kp-accent-rgb),.18);
    box-shadow:0 19px 42px rgba(21,44,69,.105),0 8px 24px rgba(var(--kp-accent-rgb),.07);
  }
}
.kp-live-clients{--kp-accent-rgb:255,87,112}
.kp-live-transactions{--kp-accent-rgb:120,94,244}
.kp-live-support{--kp-accent-rgb:62,190,119}
.kp-live-days{--kp-accent-rgb:240,183,54}
.kp-live-icon{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  width:58px;height:58px;
  flex:0 0 58px;
  border:1px solid rgba(var(--kp-accent-rgb),.12);
  border-radius:19px;
  background:rgba(var(--kp-accent-rgb),.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
.kp-live-icon svg{width:29px;height:29px;fill:rgb(var(--kp-accent-rgb))}
.kp-live-card-copy{position:relative;z-index:1;min-width:0}
.kp-live-value{
  display:block;
  margin:0;
  color:#102941;
  font-size:clamp(25px,2.2vw,35px);
  line-height:1;
  font-weight:900;
  letter-spacing:-.8px;
  font-variant-numeric:tabular-nums;
}
.kp-live-label{
  display:block;
  margin-top:8px;
  color:#5f7082;
  font-size:12px;
  font-weight:800;
  line-height:1.25;
}
.kp-live-card-copy small{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
  margin-top:6px;
  color:#98a5b3;
  font-size:8.5px;
  line-height:1.5;
}
.kp-live-dot{
  display:inline-block;
  width:6px;height:6px;
  border-radius:50%;
  background:#8d9cad;
  box-shadow:0 0 0 3px rgba(141,156,173,.10);
}
.kp-live-support.is-online .kp-live-dot{
  background:#31bc72;
  box-shadow:0 0 0 3px rgba(49,188,114,.11),0 0 9px rgba(49,188,114,.32);
}
.kp-live-support.is-online .kp-live-support-status{color:#269b5e}
.kp-live-support.is-offline .kp-live-support-status{color:#8493a4}
@media(max-width:980px){
  .kp-live-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .kp-live-stats{padding:12px}
  .kp-live-stats-grid{gap:11px}
  .kp-live-stat-card{min-height:118px;padding:16px 14px;gap:12px;border-radius:19px;transform:none!important}
  .kp-live-icon{width:46px;height:46px;flex-basis:46px;border-radius:15px}
  .kp-live-icon svg{width:23px;height:23px}
  .kp-live-value{font-size:23px}
  .kp-live-label{margin-top:6px;font-size:10px}
  .kp-live-card-copy small{margin-top:4px;font-size:7.5px}
}
@media(max-width:390px){
  .kp-live-stats-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .kp-live-stat-card{transition:none!important}
}