/* Final cross-site readability pass. Keeps navigation and supporting copy easy to scan. */

.site-header .nav > a,
.site-header .nav-dropdown > a {
  font-size: 13px !important;
  font-weight: 800 !important;
}

.site-header .nav > a.active:not(.nav-cta),
.site-header .nav-dropdown > a.active {
  color: #0d70e8 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}

.site-header .nav a:focus-visible,
.site-header .menu-toggle:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid #177ce8 !important;
  outline-offset: 3px;
}

.site-header .nav-cta {
  font-weight: 800 !important;
  letter-spacing: .015em;
}

:where(.section-label, .eyebrow, .shopify-kicker, .meta-kicker, .ai-kicker) {
  font-weight: 800 !important;
  letter-spacing: .11em !important;
}

footer p {
  font-size: 11px !important;
  line-height: 1.6 !important;
  opacity: .9 !important;
}

footer a {
  font-weight: 800 !important;
  text-underline-offset: 3px;
}

/* Give the final AI Optimization card the same intentional breathing room as the rest of the service grid. */
.home-services .service-card:last-child {
  padding: clamp(2rem, 3.25vw, 3rem) !important;
}

/* Keep every card's content comfortably inside its frame, including Google Ads. */
.home-services .service-card:nth-child(3) {
  padding: clamp(2rem, 3.25vw, 3rem) !important;
}

/* The service CTAs remain unmistakable against the pale background. */
.home-services .section-actions .button-primary {
  background: #ffffff !important;
  border: 1px solid #177ce8 !important;
  color: #0b58ad !important;
  box-shadow: 0 12px 28px rgba(23, 124, 232, .22) !important;
}

.home-services .section-actions .button-secondary {
  background: #177ce8 !important;
  border-color: #177ce8 !important;
  color: #ffffff !important;
  box-shadow: 0 12px 28px rgba(23, 124, 232, .24) !important;
}

.home-services .section-actions .button-primary:hover,
.home-services .section-actions .button-primary:focus-visible,
.home-services .section-actions .button-secondary:hover,
.home-services .section-actions .button-secondary:focus-visible {
  background: #094c9f !important;
  border-color: #094c9f !important;
  color: #ffffff !important;
  box-shadow: 0 16px 32px rgba(9, 76, 159, .28) !important;
}

.home-services .section-actions .button span {
  color: currentColor !important;
}

/* Keep hero decoration energetic without covering the first two calls to action. */
.hero .orb {
  pointer-events: none;
}

.hero .orb-one {
  right: -10vw;
  top: auto;
  bottom: -12vw;
}

.hero .orb-two {
  right: 16vw;
  top: 8rem;
}

.hero-bottom,
.hero-actions {
  position: relative;
  z-index: 6;
}

@media (max-width: 700px) {
  .site-header .nav > a,
  .site-header .nav-dropdown > a {
    font-size: 15px !important;
  }

  footer p {
    font-size: 12px !important;
  }

  .home-services .service-card:last-child {
    padding: 1.6rem !important;
  }

  .home-services .service-card:nth-child(3) {
    padding: 1.6rem !important;
  }

  .hero .orb-one {
    right: -20vw;
    bottom: -12vw;
  }

  .hero .orb-two {
    right: 16vw;
    top: 7rem;
  }
}