/* AI document hero art direction: a pale blue/lilac light field. Text and
   the original animated SVG stay in their existing responsive composition. */
html body[data-responsive-page="product-ai-doc"] #top .shv1__bg {
  background-color: var(--wy-blue-subtle);
  background-image:
    radial-gradient(ellipse 58% 100% at 98% 16%, color-mix(in srgb, var(--wy-blue-light) 78%, transparent), transparent 72%),
    radial-gradient(ellipse 52% 85% at 68% 60%, color-mix(in srgb, var(--wy-primary-light) 50%, transparent), transparent 74%),
    radial-gradient(ellipse 46% 58% at 8% 8%, color-mix(in srgb, var(--wy-blue-subtle) 74%, transparent), transparent 78%),
    linear-gradient(115deg, var(--wy-g10), var(--wy-blue-subtle) 52%, var(--wy-primary-subtle));
}
html body[data-responsive-page="product-ai-doc"] #top .shv1__bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 65% 22% at 72% 18%, rgba(255,255,255,.6), transparent 80%),
    linear-gradient(90deg, rgba(255,255,255,.58), rgba(255,255,255,.12) 46%, transparent 72%);
}
html body[data-responsive-page="product-ai-doc"] #top .shv1__bg::after {
  height: 42%;
  background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.6) 62%, var(--wy-g0));
}
/* Photographic highlights need local contrast behind the two generated
   scenes' wordmarks and lower copy, preserving the image's overall light. */
html body.wy-responsive[data-responsive-page="product-ai-doc"] #cases :is(.fill-case--tdk,.fill-case--anonymous-3) .fill-case__logo {
  filter: drop-shadow(0 1px 3px rgba(0,0,0,.5));
}
html body.wy-responsive[data-responsive-page="product-ai-doc"] #cases :is(.fill-case--tdk,.fill-case--anonymous-3) .fill-case__details::before {
  background: linear-gradient(180deg, transparent, rgba(0,0,0,.04) var(--wy-s5), rgba(0,0,0,.3) 100%);
}