/* Healthcare page: hero logo strip, product windows, four AI cards, support row, customer stories, article cards */

/* hero: the live PHI-audit dashboard, then the healthcare logo strip */
.hc-trusted { margin: 72px auto 0; max-width: 1040px; padding-top: 40px; border-top: 1px solid var(--line); }
.hc-trusted-h { font-family: var(--mono); font-size: 12.5px; color: var(--fg-3); }
.hc-hlogos { list-style: none; margin: 18px 0 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px 40px; }
.hc-hlogos li { display: flex; align-items: center; }
/* source logos are dark rasters on transparent: show them as white marks */
.hc-hlogos img { display: block; height: 84px; width: auto; filter: var(--silhouette); opacity: .62; transition: opacity .2s; }
.hc-hlogos img:hover { opacity: 1; }

/* ───── AI observability: four cards ───── */
.hc-ai { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.hc-ai .persona { padding: 28px; }
.hc-ai + .showcase-cta { margin-top: 48px; }

/* ───── Support row ───── */
.hc-support .feature-text h3 { font-size: clamp(28px, 3.2vw, 42px); }
.hc-support-cta { margin-top: 32px; }
.hc-support-cta .btn { height: 46px; padding: 0 24px; font-size: 15px; }

/* ───── Customer logos and stories ───── */
.hc-logos { list-style: none; margin: 0 0 56px; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px 44px; }
.hc-logos li { display: flex; align-items: center; }
.hc-logos img { display: block; height: 52px; width: auto; filter: var(--silhouette); opacity: .62; transition: opacity .2s; }
.hc-logos img:hover { opacity: 1; }
.hc-stories { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.hc-story { margin: 0; padding: 32px; display: flex; flex-direction: column; }
.hc-story-logo { display: block; height: 44px; width: auto; margin: -6px 0 18px -4px; filter: var(--silhouette); opacity: .9; align-self: flex-start; }
.hc-story blockquote { flex: 1; font-size: 16.5px; line-height: 1.55; letter-spacing: -0.01em; color: var(--fg); }
.hc-story figcaption { margin-top: 20px; font-size: 14px; color: var(--fg-2); }
.hc-story figcaption b { display: block; color: var(--fg); font-weight: 500; }
.hc-story-stats { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; margin-top: 24px; padding-top: 22px; border-top: 1px solid var(--line); }
.hc-story-stats b { display: block; font-size: 28px; line-height: 1; font-weight: 600; letter-spacing: -0.04em; color: var(--accent); }
.hc-story-stats span { display: block; margin-top: 8px; font-size: 13px; line-height: 1.45; color: var(--fg-2); }
.hc-story .link { margin-top: 24px; font-size: 14.5px; }

/* ───── Related articles ───── */
.hc-guides { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.hc-guide { display: flex; flex-direction: column; padding: 0; overflow: hidden; }
.hc-guide-img { aspect-ratio: 768 / 402; overflow: hidden; border-bottom: 1px solid var(--line); background: var(--bg-1); }
.hc-guide-img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--ease); }
.hc-guide:hover .hc-guide-img img { transform: scale(1.03); }
.hc-guide-body { display: flex; flex-direction: column; flex: 1; padding: 26px 28px 28px; }
.hc-guide-tag { font-family: var(--mono); font-size: 12.5px; color: var(--accent); }
.hc-guide h3 { margin-top: 12px; font-size: 19px; line-height: 1.35; font-weight: 600; letter-spacing: -0.02em; }
.hc-guide p { flex: 1; margin-top: 12px; font-size: 14.5px; line-height: 1.6; color: var(--fg-2); }
.hc-guide-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 22px; }
.hc-guide-foot small { font-family: var(--mono); font-size: 12px; color: var(--fg-3); }
.hc-guide-foot .link { font-size: 14px; }

/* final CTA: big numbers in the facts row */
.final .fine { text-align: center; }
.final .facts span { font-size: 22px; letter-spacing: -0.02em; font-family: inherit; font-weight: 600; text-transform: none; }

@media (max-width: 1120px) {
  .hc-ai { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .hc-stories { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
@media (max-width: 960px) {
  .hc-guides { grid-template-columns: minmax(0, 1fr); max-width: 560px; margin: 0 auto; }
  .hc-trusted { margin-top: 64px; }
  .hc-hlogos { gap: 4px 28px; }
  .hc-hlogos img { height: 70px; }
  .hc-logos { gap: 8px 32px; }
  .hc-logos img { height: 44px; }
}
@media (max-width: 680px) {
  .hc-stories { grid-template-columns: minmax(0, 1fr); max-width: 520px; margin: 0 auto; }
}
@media (max-width: 560px) {
  .hc-ai { grid-template-columns: minmax(0, 1fr); }
  .hc-story, .hc-ai .persona { padding: 26px; }
  .hc-guide-body { padding: 22px 24px 24px; }
  .hc-hlogos { gap: 0 18px; }
  .hc-hlogos img { height: 58px; }
  .hc-logos { gap: 4px 24px; margin-bottom: 40px; }
  .hc-logos img { height: 38px; }
  .hc-support-cta .btn { width: 100%; max-width: 320px; }
}

/* Light skin: small green text uses --mint (≥4.5:1 on the light surfaces); --accent stays for dots, fills,
   borders and large numbers. Light only, so the dark skin is unchanged. */
:root[data-theme="light"] .hc-guide-tag { color: var(--mint); }