.hero .hero-service-line {
  align-items: flex-start;
}

.hero-service-line .status-dot {
  flex: 0 0 6px;
  margin-top: calc(.8em - 3px);
  background: #16a34a;
  box-shadow: 0 0 0 3px rgb(22 163 74 / 10%);
  animation: hero-status-blink 1.8s ease-in-out infinite;
}

@keyframes hero-status-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: .3; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-service-line .status-dot {
    animation: none;
  }
}