/* NextGen Wizards 10.3.1 — user-requested visual refinements.
   Applies to the existing database HTML; no starter-content reset is required. */

/* 1. Replace the stray black divider with a seamless branded transition. */
#ngw-home .ngw-fg-services {
  border-top: 0 !important;
  margin-top: 0 !important;
}
#ngw-home .ngw-fg-hero,
#ngw-home .ngw-fg-services { margin-bottom: 0 !important; }
#ngw-home .ngw-fg-strategy {
  margin-top: 0 !important;
  background: linear-gradient(180deg, #120044 0%, #0b0035 170px, #0b0035 100%) !important;
}
/* Tighten excess space below the last service card at desktop width. */
@media (min-width: 1100px) {
  #ngw-home .ngw-fg-services-stage { height: 1280px !important; }
}
/* Mobile layout already uses a content-driven grid; reduce excessive end padding. */
@media (max-width: 760px) {
  #ngw-home .ngw-fg-services-stage { padding-bottom: 44px !important; }
  #ngw-home .ngw-fg-strategy-stage { padding-top: 54px !important; }
}

/* 2. CTA: blue-to-purple refresh, in line with the violet NextGen brand.
   The banner's actual image is recolored too, so no blue raster rectangle remains. */
#ngw-home .ngw-fg-cta {
  background: linear-gradient(118deg, #170636 0%, #431078 50%, #26084f 100%) !important;
  padding-block: clamp(22px, 3vw, 34px) !important;
}
#ngw-home .ngw-fg-cta-image-link {
  border: 1px solid rgba(205,160,255,.23) !important;
  box-shadow: 0 20px 48px rgba(9,0,39,.28), 0 0 0 1px rgba(255,255,255,.04) !important;
}

/* 3. Booking: breathing room for oversized 'next growth priority' heading,
   readable descriptive copy and consistently separated proof chips. */
#ngw-home.ngw-page-appointment .vtx-appointment-hero {
  padding-top: clamp(58px, 6vw, 84px) !important;
  padding-bottom: clamp(54px, 5vw, 78px) !important;
}
#ngw-home.ngw-page-appointment .vtx-appointment-hero-grid {
  column-gap: clamp(30px, 4vw, 60px) !important;
  row-gap: 34px !important;
  align-items: center !important;
}
#ngw-home.ngw-page-appointment .vtx-appointment-hero-copy { min-width: 0; }
#ngw-home.ngw-page-appointment .vtx-appointment-hero-copy > .vtx-kicker {
  display: inline-flex;
  margin-bottom: 16px !important;
}
#ngw-home.ngw-page-appointment .vtx-appointment-hero-copy > h1 {
  margin: 0 0 22px !important;
  font-size: clamp(38px, 4.3vw, 62px) !important;
  line-height: 1.13 !important;
  letter-spacing: -.035em !important;
  overflow-wrap: normal;
}
#ngw-home.ngw-page-appointment .vtx-appointment-hero-copy > p {
  margin: 0 !important;
  max-width: 640px !important;
  font-size: clamp(15px, 1.25vw, 17px) !important;
  line-height: 1.7 !important;
}
#ngw-home.ngw-page-appointment .vtx-appointment-proof {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px !important;
  margin-top: 24px !important;
}
#ngw-home.ngw-page-appointment .vtx-appointment-proof > span {
  margin: 0 !important;
  padding: 9px 14px !important;
  line-height: 1.45 !important;
  white-space: normal;
}
#ngw-home.ngw-page-appointment .vtx-appointment-summary {
  width: 100%;
  align-self: center;
}
@media (max-width: 980px) {
  #ngw-home.ngw-page-appointment .vtx-appointment-hero-grid {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 32px !important;
  }
  #ngw-home.ngw-page-appointment .vtx-appointment-hero-copy > h1 {
    max-width: 760px;
    font-size: clamp(38px, 6.2vw, 56px) !important;
  }
}
@media (max-width: 640px) {
  #ngw-home.ngw-page-appointment .vtx-appointment-hero {
    padding-top: 48px !important;
    padding-bottom: 56px !important;
  }
  #ngw-home.ngw-page-appointment .vtx-appointment-hero-copy > .vtx-kicker { margin-bottom: 13px !important; }
  #ngw-home.ngw-page-appointment .vtx-appointment-hero-copy > h1 {
    font-size: clamp(35px, 9.2vw, 45px) !important;
    line-height: 1.15 !important;
    letter-spacing: -.035em !important;
    margin-bottom: 20px !important;
  }
  #ngw-home.ngw-page-appointment .vtx-appointment-hero-copy > p { font-size: 15px !important; line-height: 1.7 !important; }
  #ngw-home.ngw-page-appointment .vtx-appointment-proof { gap: 8px !important; margin-top: 24px !important; }
  #ngw-home.ngw-page-appointment .vtx-appointment-proof > span { font-size: 11px !important; }
  #ngw-home.ngw-page-appointment .vtx-appointment-summary { padding: 22px !important; }
}