body {background:#f9fafb;font-family:'Inter',sans-serif;}

/* HERO */
.hero-tracking {
  padding:120px 20px;
  text-align:center;
}

/* FORM */
.tracking-form form {
  max-width:500px;
  margin:40px auto;
  display:grid;
  gap:15px;
}

.tracking-form input {
  padding:15px;
  border-radius:12px;
  border:1px solid #cbd5e1;
}

/* STEPPER */
.steps-grid {
  display:flex;
  justify-content:space-between;
  margin-top:40px;
}

.step {
  flex:1;
  text-align:center;
  padding:12px;
  border-bottom:3px solid #cbd5e1;
  transition:0.3s;
}

.step.active {
  border-color:#6366f1;
  color:#6366f1;
}

/* ANIMATION */
.fade-up {
  opacity:0;
  transform:translateY(40px);
  transition:0.8s;
}
.fade-up.show {
  opacity:1;
  transform:translateY(0);
}