/* =========================================================
   HUMANBOTS — SUB-SERVICE PAGES (all 30 /our-service/<name>/ detail pages)
   Loads after global.css, service.css and industry.css (which
   provides the hero grid, breadcrumb, 2x2 problem cards, FAQ
   answer width and pill links, shared with the industry pages).
   This file holds the hero heading size and the "What's included" card.
========================================================= */

/* these headings are longer than on overview pages, so slightly smaller */
.hsv-hero .svc-h1{font-size:clamp(36px, 4.2vw, 58px)}

.hsv-incl{
  position:relative;
  padding:26px;
  border:1px solid var(--line);
  border-radius:22px;
  background:radial-gradient(circle at 85% 0%, rgba(255,77,22,.1), transparent 45%), linear-gradient(145deg, #101010, #060606);
  box-shadow:0 40px 100px rgba(0,0,0,.5);
}
.hsv-incl-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:#666;font-size:11px;text-transform:uppercase}
.hsv-incl-head b{color:var(--orange);font-weight:500}
.hsv-incl ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--soft-line)}
.hsv-incl li{
  display:grid;
  grid-template-columns:26px 1fr;
  gap:12px;
  align-items:start;
  padding:12px 0;
  border-bottom:1px solid var(--soft-line);
  color:#ddd;
  font-size:15px;
  line-height:1.45;
  opacity:0;
  transform:translateX(10px);
  transition:opacity .5s var(--ease), transform .6s var(--ease);
}
.hsv-incl.is-in li{opacity:1;transform:none}
.hsv-incl.is-in li:nth-child(2){transition-delay:.06s}
.hsv-incl.is-in li:nth-child(3){transition-delay:.12s}
.hsv-incl.is-in li:nth-child(4){transition-delay:.18s}
.hsv-incl.is-in li:nth-child(5){transition-delay:.24s}
.hsv-incl.is-in li:nth-child(6){transition-delay:.3s}
.hsv-incl li::before{
  content:"\2713";
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,77,22,.4);
  border-radius:50%;
  background:rgba(255,77,22,.08);
  color:var(--orange);
  font-size:11px;
}
.hsv-incl-fit{margin:16px 0 0;color:var(--dim);font-size:13px;line-height:1.55}
.hsv-incl-fit b{color:#fff;font-weight:500}

@media (max-width:650px){
  .hsv-incl{padding:20px}
  .hsv-incl li{font-size:14px}
}
@media (prefers-reduced-motion:reduce){
  .hsv-incl li{opacity:1;transform:none;transition:none}
}

.hsv-explore-links{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:18px 0 0;padding:0}.hsv-explore-links a{display:inline-flex;padding:12px 18px;border:1px solid var(--line);border-radius:999px;color:#ddd;font-size:14px}.hsv-explore-links a:hover{border-color:var(--orange);color:#fff}

.hsv-incl-fit a{color:var(--white);text-decoration:underline;text-underline-offset:3px}