/* WDG v257: clear service cards and theme-colored paper surfaces. */
body.wdg-tinted-v257 {
  --wdg-tint-section: var(--studio-surface-alt);
  --wdg-tint-panel: var(--studio-surface);
  --wdg-tint-inset: var(--studio-surface-alt);
  --wdg-card-inset: clamp(20px, 2.2vw, 28px);
}
html[data-theme]:not([data-theme="light"]) body.wdg-tinted-v257 {
  --wdg-tint-section: color-mix(in srgb, var(--studio-surface-alt) 60%, var(--studio-accent-soft) 40%);
  --wdg-tint-panel: color-mix(in srgb, var(--studio-surface) 77%, var(--studio-accent-soft) 23%);
  --wdg-tint-inset: color-mix(in srgb, var(--studio-surface-alt) 72%, var(--studio-accent-soft) 28%);
}

/* Uninterrupted artwork above a single caption, with consistent alignment. */
html[data-theme] body#services-v177-page.wdg-tinted-v257 .service-route-grid { align-items: stretch !important; }
html[data-theme] body#services-v177-page.wdg-tinted-v257 :is(.service-route-card,.services-shortcut-card) {
  display: grid !important;
  grid-template-rows: auto auto 1fr auto;
  align-items: start !important;
  align-content: stretch !important;
  justify-content: stretch !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  border: 1px solid var(--studio-border) !important;
  border-top: 3px solid var(--studio-accent) !important;
  border-radius: var(--v245-radius) !important;
  background: var(--wdg-tint-panel) !important;
  color: var(--studio-ink) !important;
  -webkit-text-fill-color: var(--studio-ink) !important;
  box-shadow: var(--v245-shadow-panel) !important;
  overflow: hidden !important;
}
html[data-theme] body#services-v177-page.wdg-tinted-v257 :is(.service-route-card,.services-shortcut-card)::before,
html[data-theme] body#services-v177-page.wdg-tinted-v257 :is(.service-route-card,.services-shortcut-card)::after { display: none !important; }
html[data-theme] body#services-v177-page.wdg-tinted-v257 :is(.service-route-card,.services-shortcut-card) > img {
  display: block !important;
  position: relative !important;
  z-index: 0 !important;
  inset: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  height: clamp(165px, 17vw, 220px) !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  border: 0 !important;
  border-bottom: 1px solid var(--studio-border) !important;
  border-radius: 0 !important;
}
html[data-theme] body#services-v177-page.wdg-tinted-v257 :is(.service-route-heading-plate,.services-shortcut-heading-plate) {
  width: auto !important;
  max-width: none !important;
  margin: var(--wdg-card-inset) var(--wdg-card-inset) 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
html[data-theme] body#services-v177-page.wdg-tinted-v257 .service-route-heading-plate .service-route-kicker {
  display: block !important;
  min-height: 1.5em;
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--studio-accent-hover) !important;
  -webkit-text-fill-color: var(--studio-accent-hover) !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
  filter: none !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
}
html[data-theme] body#services-v177-page.wdg-tinted-v257 .service-route-heading-plate h3,
html[data-theme] body#services-v177-page.wdg-tinted-v257 .services-shortcut-heading-plate span {
  display: block !important;
  max-width: none !important;
  min-height: 2.4em;
  margin: 0 !important;
  font-family: var(--refine-heading) !important;
  font-size: clamp(24px, 2.2vw, 30px) !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
  letter-spacing: -.03em !important;
  color: var(--studio-ink) !important;
  -webkit-text-fill-color: var(--studio-ink) !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
  filter: none !important;
  text-wrap: pretty;
}
html[data-theme] body#services-v177-page.wdg-tinted-v257 :is(.service-route-card,.services-shortcut-card) > p {
  width: auto !important;
  max-width: none !important;
  margin: 14px var(--wdg-card-inset) 24px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--studio-copy) !important;
  -webkit-text-fill-color: var(--studio-copy) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  text-shadow: none !important;
}
html[data-theme] body#services-v177-page.wdg-tinted-v257 .service-route-card > b,
html[data-theme] body#services-v177-page.wdg-tinted-v257 .service-route-card:is(:hover,:focus-visible) > b {
  min-height: 45px !important;
  justify-self: stretch !important;
  width: auto !important;
  margin: 0 var(--wdg-card-inset) var(--wdg-card-inset) !important;
  padding: 12px 16px !important;
  background: var(--studio-surface) !important;
  color: var(--studio-ink) !important;
  -webkit-text-fill-color: var(--studio-ink) !important;
  border: 1px solid var(--studio-border) !important;
  border-radius: var(--v245-radius-control) !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  text-align: center;
}
html[data-theme] body#services-v177-page.wdg-tinted-v257 :is(.service-route-card,.services-shortcut-card):is(:hover,:focus-visible) {
  border-color: var(--studio-accent) !important;
  box-shadow: var(--v245-shadow-panel) !important;
  transform: translateY(-2px) !important;
}
html[data-theme] body#services-v177-page.wdg-tinted-v257 :is(.service-route-card,.services-shortcut-card):focus-visible {
  outline: 3px solid var(--studio-accent-hover) !important;
  outline-offset: 4px;
}
html[data-theme] body#services-v177-page.wdg-tinted-v257 .services-shortcut-heading-plate span {
  font-size: 22px !important;
}
html[data-theme] body#services-v177-page.wdg-tinted-v257 .services-shortcut-card > img { height: 160px !important; }

/* Very pale canvases belong to Light mode; other themes get their own tint. */
html[data-theme]:not([data-theme="light"]) body#services-v177-page.wdg-tinted-v257 :is(.services-v177-paths,.services-menu-callout) {
  background: var(--wdg-tint-section) !important;
}
html[data-theme]:not([data-theme="light"]) body#services-v177-page.wdg-tinted-v257 .services-menu-box { background: var(--wdg-tint-panel) !important; }
html[data-theme]:not([data-theme="light"]) body#services-v177-page.wdg-tinted-v257 .services-v177-paths .services-v177-section-head > p {
  color: color-mix(in srgb, var(--studio-copy) 70%, var(--studio-ink) 30%) !important;
  -webkit-text-fill-color: color-mix(in srgb, var(--studio-copy) 70%, var(--studio-ink) 30%) !important;
}
html[data-theme]:not([data-theme="light"]) body.revamp-page.wdg-tinted-v257 .rv-menu-card:not(#revamp-11-30-option) { --rv-accent: var(--studio-accent-hover); }
html[data-theme]:not([data-theme="light"]) body.revamp-page.wdg-tinted-v257 :is(.rv-menu-partner,.rv-menu-card:not(#revamp-11-30-option)) {
  --rv-muted: color-mix(in srgb, var(--studio-copy) 70%, var(--studio-ink) 30%);
}
html[data-theme]:not([data-theme="light"]) body.revamp-page.wdg-tinted-v257 :is(#free-revamp-snapshot,.revamp-capabilities-section,.revamp-process-section) {
  background: var(--wdg-tint-section) !important;
}
html[data-theme="light"] body.revamp-page.wdg-tinted-v257 #free-revamp-snapshot { background: var(--studio-page) !important; }
html[data-theme]:not([data-theme="light"]) body.revamp-page.wdg-tinted-v257 :is(
  .rv-menu-card:not(#revamp-11-30-option),.rv-menu-process,.rv-menu-long-details,
  .revamp-snapshot-copy,.revamp-snapshot-form,.growth-section-intro,
  .growth-proof-copy,.growth-platform-panel,.growth-cta-box,.growth-faq-grid details
) {
  background: var(--wdg-tint-panel) !important;
  border-color: var(--studio-border) !important;
}
html[data-theme]:not([data-theme="light"]) body.revamp-page.wdg-tinted-v257 :is(
  .rv-menu-partner,.revamp-card-note,.revamp-snapshot-boundary,.revamp-boundary-link
) { background: var(--wdg-tint-inset) !important; }
html[data-theme]:not([data-theme="light"]) body.revamp-page.wdg-tinted-v257 #revamp-11-30-option .revamp-card-note { background: transparent !important; }
html[data-theme]:not([data-theme="light"]) body.revamp-page.wdg-tinted-v257 .revamp-snapshot-boundary {
  color: color-mix(in srgb, var(--studio-copy) 70%, var(--studio-ink) 30%) !important;
  -webkit-text-fill-color: color-mix(in srgb, var(--studio-copy) 70%, var(--studio-ink) 30%) !important;
}
html[data-theme]:not([data-theme="light"]) body.revamp-page.wdg-tinted-v257 :is(.revamp-comparison th,.revamp-comparison td) {
  background: var(--wdg-tint-panel) !important;
}
html[data-theme]:not([data-theme="light"]) body.revamp-page.wdg-tinted-v257 .revamp-comparison thead th {
  background: var(--wdg-tint-inset) !important;
}
@media(max-width: 760px) {
  html[data-theme] body#services-v177-page.wdg-tinted-v257 .service-route-grid.growth-enabled { grid-template-columns: minmax(0,1fr) !important; }
  html[data-theme] body#services-v177-page.wdg-tinted-v257 .service-route-heading-plate h3 { min-height: 0; }
}
@media(prefers-reduced-motion: reduce) {
  html[data-theme] body#services-v177-page.wdg-tinted-v257 :is(.service-route-card,.services-shortcut-card):is(:hover,:focus-visible) { transform: none !important; }
}