/* Optical balance: exclude most of the report reserve from the left text alignment, while keeping its slight lower visual weight. */
@media(min-width:761px){.hero .hero-copy{transform:translateY(-40px)}}

/* Mobile: one centered introduction and a compact, layered demo/report group. */
@media (max-width: 760px) {
  .hero .hero-copy {
    text-align: center;
  }

  .hero .hero-description {
    margin-inline: auto;
    text-align: center;
  }

  .hero .hero-description .service-line {
    text-align: center;
    text-align-last: center;
  }

  .hero .hero-copy .actions {
    justify-content: center;
  }

  .hero .showcase {
    margin-bottom: 94px;
  }

  .hero .report-stack {
    bottom: -78px;
  }
}