/* mobile-first */
.stepper {
  display:flex; gap:8px; align-items:center;
}
.step-dot{
  width:10px; height:10px; border-radius:50%;
  background:#d0d5dd;
}
.step-dot.active{ background:#0d6efd; }
.type-card{
  cursor:pointer;
  transition:.18s ease;
  border:1px solid #e5e7eb;
  border-radius:16px;
  box-shadow:0 6px 16px rgba(16,24,40,0.06);
  background:#fff;
}
.type-card:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(16,24,40,0.10); }
.type-card:active{ transform:scale(.99); }
.badge-soft{
  background:#eef2ff; color:#3730a3; border-radius:999px;
}
.type-icon{
  width:64px; height:64px;
  border-radius:16px;
  background:linear-gradient(135deg, #e0f2fe, #eef2ff);
  border:1px solid #e5e7eb;
  display:grid; place-items:center;
}
.type-icon img{
  max-width:70%; max-height:70%;
  object-fit:contain;
}
.type-name{
  font-weight:600;
  font-size:1.05rem;
}