#robot-hero {
  background-color:var(--color-bg-soft);
  background-image:linear-gradient(90deg,rgb(245 247 250 / .98),rgb(245 247 250 / .8)),url("../../images/backgrounds/structural-workflow.webp");
  background-position:center right;
  background-size:cover
}

#robot-hero .band {
  height:100%
}
#robot-hero .price {
  font-size:3.5rem
}
#robot-house-course .card,#robot-factory-course .card {
  border-top:3px solid var(--color-accent)
}
#robot-workflow .steps {
  grid-template-columns:1fr;
  column-gap:2rem
}
#robot-workflow .curriculum-summary {
  display:grid;
  grid-template-columns:1fr;
  gap:1rem;
  margin-top:2rem
}
#robot-workflow .curriculum-summary .card {
  border-top:3px solid var(--color-accent)
}
#robot-workflow .curriculum-summary h3 {
  margin-top:.65rem
}
#robot-workflow .curriculum-summary .check-list {
  margin-bottom:0
}
#robot-price .band {
  max-width:55rem;
  margin-inline:auto
}
#robot-price .price {
  font-size:clamp(3rem,7vw,5rem)
}
@media(min-width:768px) {
  #robot-workflow .steps {
  grid-template-columns:repeat(2,minmax(0,1fr))
}
#robot-workflow .curriculum-summary {
  grid-template-columns:repeat(2,minmax(0,1fr))
}

}

@media(max-width:767px) {
  #robot-hero {
    background-image:linear-gradient(rgb(245 247 250 / .9),rgb(245 247 250 / .9)),url("../../images/backgrounds/structural-workflow.webp")
  }
}
#robot-demo .lead {
  margin-bottom:1.75rem
}
#robot-demo .video-demo-grid {
  display:grid;
  grid-template-columns:1fr;
  gap:1rem
}
#robot-demo .card h3 {
  font-size:var(--font-size-h3)
}
#robot-demo .robot-demo-channel {
  margin-top:1.75rem
}
@media(min-width:768px) {
  #robot-demo .video-demo-grid {
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
}