:root {
  --demo-ink: #0b2447;
  --demo-blue: #2f80ed;
  --demo-blue-soft: #eaf4ff;
  --demo-line: #dce7f2;
}

.demo-test-banner {
  position: sticky;
  inset-block-start: 0;
  z-index: 10000;
  padding: 8px 16px;
  background: var(--demo-ink);
  color: #fff;
  font: 700 12px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
  text-align: center;
}

.slider_area .slider_inner .camera_caption div .hero-notice {
  display: block;
  margin: 18px auto 0;
  max-width: 760px;
  padding: 0;
  color: #e7f2ff;
  line-height: 1.7;
}

.slider_area .slider_inner .camera_caption div .hero-notice a {
  display: inline;
  min-width: 0;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #e7f2ff !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.7;
  text-decoration: none;
}

.slider_area .slider_inner .camera_caption div .hero-notice a::before {
  display: none !important;
}

.slider_area .slider_inner .camera_caption div .hero-notice a:hover,
.slider_area .slider_inner .camera_caption div .hero-notice a:focus-visible {
  border: 0 !important;
  background: transparent !important;
  color: #fff !important;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.home_news_item--demo {
  border-inline-start: 3px solid var(--demo-blue);
  padding-inline-start: 18px;
}

.home_news_item--demo .home_news_title {
  cursor: default;
}

.patent_registry_code--demo-link {
  gap: 8px;
  text-decoration: none;
}

.patent_registry_code--demo-link > span {
  color: var(--demo-blue);
  font-size: 18px;
}

.ai-use-case--harassment {
  min-height: 100%;
  border: 1px solid var(--demo-line) !important;
  border-top: 3px solid var(--demo-blue) !important;
  background: linear-gradient(145deg, #fff, var(--demo-blue-soft));
}

.ai-use-cases-grid--demo {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ai-use-case--harassment .ai-use-case__body {
  min-height: 100%;
  justify-content: center;
  padding: 32px 28px;
}

.ai-use-case--harassment h3 {
  display: block;
  color: var(--demo-ink);
}

.ai-use-case--harassment p {
  display: block;
  color: #52677e;
}

.demo-card-kicker {
  display: block;
  margin-block-end: 12px;
  color: var(--demo-blue);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
}

.demo-ai-supplement {
  margin: 24px 0 0;
  color: #66788d;
  font-size: 14px;
}

.demo-footer-path {
  margin: 0;
  padding: 18px 24px;
  border-block-start: 1px solid rgba(255, 255, 255, .14);
  background: #071d38;
  text-align: center;
}

.demo-footer-path a {
  color: #d9eaff;
  text-decoration: none;
}

.demo-footer-path a:hover,
.demo-footer-path a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 4px;
}

[data-demo-page] a:focus-visible,
[data-demo-page] button:focus-visible {
  outline: 3px solid #68a9ff;
  outline-offset: 3px;
}

@media (max-width: 767px) {
  .demo-test-banner {
    position: relative;
  }

  .slider_area .slider_inner .camera_caption div .hero-notice {
    margin-inline: 18px;
  }

  .ai-use-cases-grid--demo {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-demo-page] *,
  [data-demo-page] *::before,
  [data-demo-page] *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}