/* Company pages (/ai-agents/, /channels/, /intelligence/, /security/,
   /process/, /about/): a centred, full-height typographic intro in the
   style of the sector pages, with one Explore button. No visuals, and
   nothing moves on load. Built by .site-build/company_hero.py. */

.hx.hx-intro {
  min-height: 100vh; min-height: 100svh;
  display: flex; flex-direction: column; justify-content: center; align-items: center;
  padding: 150px 0 90px; text-align: center;
}
.hx-intro .hx-top { width: 100%; max-width: 1080px; }
.hx-wait .hx-intro .hx-top { visibility: hidden; }
.hx-intro .hx-kick { margin-bottom: 26px; }
.hx-intro .hx-kick .cs-eyebrow { font-size: 13px; letter-spacing: 0.16em; }
.hx-intro .hx-kick .cs-eyebrow::after {
  content: ''; display: inline-block; vertical-align: middle; width: 30px; height: 1px;
  margin: -2px 0 0 12px; background: currentColor; opacity: 0.6;
}
.hx-intro .hx-h1 {
  font-size: clamp(42px, 5.6vw, 84px); line-height: 1.04; letter-spacing: -0.025em;
  max-width: 17ch; margin: 0 auto 26px; text-wrap: balance;
}
.hx-intro .hx-sub { font-size: clamp(16px, 1.3vw, 19px); line-height: 1.6; color: #a6a6ae; max-width: 640px; margin: 0 auto 40px; text-wrap: pretty; }
.hx-intro .cs-btns { justify-content: center; }
.hx-explore { padding: 18px 32px; }
.hx-explore:hover svg { transform: translateY(3px); }

@media (max-width: 880px), (max-height: 620px) {
  .hx.hx-intro { min-height: 100vh; min-height: 100svh; display: flex; padding: 130px 0 70px; }
}
@media (max-width: 600px) {
  .hx-intro .hx-top { padding: 0 16px; }
  .hx-intro .hx-kick { margin-bottom: 20px; }
  .hx-intro .hx-kick .cs-eyebrow { font-size: 11.5px; letter-spacing: 0.14em; }
  .hx-intro .hx-kick .cs-eyebrow::before, .hx-intro .hx-kick .cs-eyebrow::after { width: 20px; }
  .hx-intro .hx-h1 { font-size: clamp(36px, 10vw, 48px); line-height: 1.06; margin-bottom: 20px; }
  .hx-intro .hx-sub { font-size: 16px; margin-bottom: 32px; }
}