/* Runtime fixes proven by staging DOM/asset diagnostics. */

.nav__links--compact > a:not(.nav__start),
.nav__links--compact .nav__text-button,
.owner-hero__copy h1,
.owner-service-intro h2 {
  color: #000;
}

.owner-hero__copy h1 .owner-title-accent,
.owner-service-intro h2 .owner-title-accent {
  color: #296a40;
}

.owner-hero__copy p,
.owner-service-intro__item-body {
  color: #666;
}

.owner-primary-cta {
  background: #296a40;
  color: #fff;
}

.footer--owner .owner-footer__links a,
.footer--owner .owner-footer__meta,
.footer--owner .owner-footer__meta a,
.footer--owner .owner-footer__copyright {
  color: #fff;
}

.nav__links--compact > a:not(.nav__start):hover,
.nav__links--compact .nav__text-button:hover {
  color: #296a40;
}

/*
 * The approved phone mockup is painted only by the semantic <img> in home.html.
 * Reusing the same raster as a CSS background double-composites antialiased edge
 * pixels and can make the frame/text look blurred or broken on some displays.
 */
.owner-app-preview--approved {
  background-image: none;
}

.owner-app-preview--approved img {
  image-rendering: auto;
  z-index: 1;
}

@media (min-width: 1248px) {
  /* Keep the 9px/10px Figma inset inside the gray 80px header. */
  .nav--compact {
    box-sizing: border-box;
    height: 80px;
    min-height: 80px;
    padding: 9px 0 10px;
  }

  .nav__inner--compact {
    height: 61px;
    margin: 0 auto;
    min-height: 61px;
  }

  /*
   * Staging visual-QA override: keep the approved Home phone size/copy geometry,
   * but use a slightly wider desktop composition so the hero does not read as
   * left-heavy on wide monitors. Tablet/mobile rules remain untouched.
   */
  .owner-landing-shell .owner-hero {
    width: 1240px;
  }

  .owner-landing-shell .owner-hero__copy {
    left: 80px;
  }

  .owner-landing-shell .owner-app-preview--approved img {
    left: 128px;
  }
}