/* Churrobots / Robotics band — shipped B (Eric pick).
   Orange→gold left rail, warmer bottom wash, orange fill CTA.
   Same copy/stats/photo as live. No orange text on navy (AA). */

.robo-band {
  background: #162A4A;
}

.robo-band::before {
  background:
    linear-gradient(105deg, rgba(28,53,94,.90) 0%, rgba(28,53,94,.78) 48%, rgba(28,53,94,.45) 100%),
    linear-gradient(to top, rgba(238,118,35,.22) 0%, rgba(28,53,94,.35) 28%, rgba(28,53,94,0) 62%);
}

.robo-band .robo-inner {
  position: relative;
  padding-left: clamp(1.15rem, .9rem + 1vw, 1.6rem);
}

.robo-band .robo-inner::before {
  content: "";
  position: absolute;
  left: 0;
  top: .15rem;
  bottom: .15rem;
  width: 5px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--orange-deep) 0%, var(--gold) 100%);
}

.robo-band .robo-eyebrow {
  color: var(--gold);
  letter-spacing: .1em;
}

.robo-band .robo-figure {
  gap: clamp(.5rem, 1.6vw, 1.15rem);
}

.robo-band .robo-n--to {
  color: var(--gold);
  text-shadow: 0 3px 22px rgba(255, 181, 73, .42);
}

.robo-band .robo-arrow {
  color: var(--gold);
  opacity: 1;
}

.robo-band .robo-cap {
  color: rgba(255,255,255,.93);
  border-bottom: 2px solid rgba(255, 181, 73, .55);
  padding-bottom: .55rem;
  display: inline-block;
  max-width: 64ch;
  text-wrap: balance;
  font-weight: 600;
}

.robo-band .robo-h {
  letter-spacing: -.02em;
  margin-top: .15rem;
  text-wrap: balance;
}

.robo-band .robo-lead {
  text-wrap: balance;
}

.robo-band .btn--primary {
  margin-top: .4rem;
  box-shadow: 0 2px 0 rgba(120,55,12,.25), 0 8px 20px rgba(0,0,0,.18);
}

@media (max-width: 860px) {
  .robo-band::before {
    background:
      linear-gradient(180deg, rgba(28,53,94,.82) 0%, rgba(28,53,94,.90) 70%, rgba(238,118,35,.18) 100%);
  }
  .robo-band .robo-inner {
    padding-left: 1.1rem;
  }
  .robo-band .robo-cap {
    max-width: none;
  }
}