@media (max-width: 600px) {
  .site-header .button { margin-left: auto; }
  .hero h1 {
    font-size: 34px;
    letter-spacing: -.055em;
  }

  .hero-copy,
  .product-stage {
    min-width: 0;
  }

  .phone {
    width: min(100%, 360px);
  }

  .hero-copy > p {
    max-width: 330px;
    font-size: 15px;
  }

  .hero .eyebrow {
    max-width: 100%;
    font-size: 10px;
    line-height: 1.4;
    letter-spacing: .1em;
  }
}