.icon-wrapper{
  width:3.5rem;
  height:3.5rem;
  min-width:3.5rem;
  border-radius:.5rem;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--stachanov-rood);
  margin-right:1rem;
  flex-shrink:0;
}

.service-icon{
  width:1.25rem;
  height:1.25rem;
  display:block;
  color:#fff;
}
.icon-wrapper svg{ display:block; line-height:0; }


.reveal { opacity: 0; transform: translateY(16px); transition: opacity .6s ease, transform .6s cubic-bezier(.2,.9,.2,1); }
.reveal.show { opacity: 1; transform: translateY(0); }

.customer-item{
  border-radius: .75rem;
  background: #fff;
  padding: 1.25rem;
  box-shadow: 0 6px 18px rgba(15,23,42,.06);
  border:1px solid rgba(0,0,0,0.06);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  cursor: pointer;
}
.customer-item:focus { outline: 3px solid rgba(157,48,48,0.12); outline-offset: 3px; }
.customer-item:hover{ transform: translateY(-6px); box-shadow: 0 14px 34px rgba(15,23,42,.12); border-color: var(--stachanov-rood); }

.customer-name{
  font-family: "Roboto", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.3;
  color: #000;
  letter-spacing: 0;
}

.customer-sub{
  font-family: inherit;
  font-weight: 300;
  color: #4b5563;
  font-size: 0.95rem;
  margin-top: 0.25rem;
}

.scroll-progress{ position:fixed; top:0; left:0; height:3px; background:var(--stachanov-rood); width:0; z-index:60; transition:width .15s linear; }