/* "MORE THAN A VOICE AGENT": centred heading + intro text above the tabs/phone.
   The heading is only moved visually (transform), so the original tabs/list/phone layout is untouched. */
section[data-track-view="use_cases"] [data-slot="tabs"] > div:first-child{justify-content:center;position:relative;z-index:2;
  transform:translateY(calc(-1 * (var(--hh-uc-h, 0px) - 4px)))}
@media (min-width:1024px){
  section[data-track-view="use_cases"] [data-slot="tabs"] > div:first-child{
    width:max-content;max-width:none;left:min(640px,calc(50vw - 24px));justify-content:flex-start;
    transform:translate(-50%,calc(-1 * (var(--hh-uc-h, 0px) - 4px)))}
}
.hh-uc-intro{text-align:center;padding:68px 24px 64px;margin-top:-56px}
.hh-uc-intro-h{font-family:inherit;font-size:clamp(30px,3.6vw,48px);line-height:1.1;font-weight:400;letter-spacing:-.025em;color:var(--foreground,#18181b);margin:0 auto;max-width:900px;text-wrap:balance}
.hh-uc-intro-h .hh-uc-blue{color:#4189f5}
.hh-uc-intro-p{font-family:inherit;font-size:clamp(16px,1.4vw,20px);line-height:1.3;font-weight:400;color:var(--muted,#71717a);max-width:768px;margin:20px auto 0;text-wrap:balance}
.hh-uc-intro-h,.hh-uc-intro-p{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .8s cubic-bezier(.22,.9,.3,1)}
.hh-uc-intro.hh-show .hh-uc-intro-h,.hh-uc-intro.hh-show .hh-uc-intro-p{opacity:1;transform:none}
.hh-uc-intro.hh-show .hh-uc-intro-p{transition-delay:.15s}
@media (max-width:600px){.hh-uc-intro{padding:40px 16px 48px}.hh-uc-intro-p{margin-top:16px}}
@media (prefers-reduced-motion:reduce){.hh-uc-intro-h,.hh-uc-intro-p{opacity:1 !important;transform:none !important;transition:none !important}}

/* remove the Activate / Retain / Support tab switcher */
section[data-track-view="use_cases"] [data-slot="tabs-list-container"]{display:none !important}

/* hide empty industry tag pills in the use-case list */
section[data-track-view="use_cases"] .accordion__trigger span.rounded-full:empty{display:none !important}

/* first use-case description: title line + body (line break in the text), title line emphasised */
section[data-track-view="use_cases"] .accordion__item .accordion__body-inner > p{white-space:pre-line}
section[data-track-view="use_cases"] .accordion__item .accordion__body-inner > p::first-line{font-weight:600;color:var(--foreground)}

/* right phone card height follows the left list (set by hi-hello-usecase-intro.js) */
@media (min-width:1024px){
  section[data-track-view="use_cases"] [class*="min-h-[670px]"]{min-height:0 !important;height:var(--hh-card-h,670px)}
  section[data-track-view="use_cases"] [class*="min-h-[670px]"] .h-\[620px\]{transform:scale(var(--hh-card-k,1));transform-origin:top center}
}