/* Service-specific hero; shared navigation and typography remain inherited. */
.chatbot-hero { min-height: 0; padding: 154px 0 76px; }
.chatbot-hero > .container {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.04fr);
  column-gap: clamp(28px, 4vw, 64px);
  align-items: center;
}
.chatbot-hero .breadcrumbs { grid-column: 1 / -1; margin-bottom: 28px; }
.chatbot-hero > .container > .eyebrow { grid-column: 1 / -1; margin-bottom: 22px; }
.chatbot-hero .page-hero__meta { display: block; min-width: 0; }
.chatbot-hero .display {
  margin-bottom: 24px;
  font-size: clamp(42px, 4.6vw, 70px);
  line-height: 1.04;
  letter-spacing: -.045em;
  overflow-wrap: break-word;
}
.chatbot-hero .lead { margin: 0 0 18px; font-size: clamp(17px, 1.4vw, 20px); }
.chatbot-hero .hero-actions { margin-top: 26px; gap: 12px; }
.chatbot-hero .button { max-width: 100%; font-size: 12px; }
.chatbot-hero__visual {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 18px;
  box-shadow: 0 24px 70px rgba(0,0,0,.22);
}
.chatbot-hero__image { width: 100%; height: auto; aspect-ratio: 1200 / 630; }
@media (max-width: 900px) {
  .chatbot-hero { padding: 128px 0 54px; }
  .chatbot-hero > .container { grid-template-columns: minmax(0, 1fr); }
  .chatbot-hero .display { max-width: 760px; font-size: clamp(42px, 7.5vw, 66px); }
  .chatbot-hero .lead { max-width: 760px; }
  .chatbot-hero__visual { margin-top: 36px; }
}
@media (max-width: 560px) {
  .chatbot-hero { padding-top: 118px; }
  .chatbot-hero .breadcrumbs { margin-bottom: 24px; }
  .chatbot-hero .display { font-size: clamp(37px, 9.6vw, 52px); }
  .chatbot-hero .hero-actions { align-items: stretch; }
  .chatbot-hero .button { justify-content: space-between; width: 100%; }
  .chatbot-hero__visual { margin-top: 30px; border-radius: 12px; }
}