/* //// HOMEPAGE (MARTECH-3690) //// */

/* / Hero / */
.hp-hero { position: relative; padding: 40px 0 64px; overflow: hidden; }
.hp-hero-bg { position: absolute; inset: 0; background: url('/images/homepage/hero-bg.jpg') center center / cover no-repeat; }
.hp-hero-bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(112deg, rgba(0,119,200,.8) 0%, rgba(0,75,29,.8) 100%); }
.hp-hero-inner { position: relative; }

.hp-hero-card { background: var(--cds-journey10); border-radius: 24px; box-shadow: 0 24px 24px rgba(0,60,100,.12), 0 4px 1px rgba(0,60,100,.05); overflow: hidden; }
.hp-hero-tabs { display: flex; }
.hp-hero-tab { flex: 1; text-align: center; padding: 20px 24px; font-weight: 700; font-size: 1.125rem; font-family: inherit; background: var(--cds-journey25); color: var(--cds-journey700, #003c64); text-decoration: none; border: none; cursor: pointer; }
.hp-hero-tab:hover { color: var(--cds-journey700, #003c64); }
.hp-hero-tab.active { background: var(--cds-journey10); color: var(--cds-journey); border-bottom: 3px solid var(--cds-journey); }
.hp-hero-tab:first-child { border-top-left-radius: 24px; }
.hp-hero-tab:last-child { border-top-right-radius: 24px; }
.hp-hero-tab img { width: 20px; height: 20px; margin-right: 8px; vertical-align: -4px; }

.hp-hero-body { padding: 48px; display: none; gap: 56px; align-items: center; }
.hp-hero-body.active { display: flex; }
.hp-hero-copy h1 { font-size: 2rem; color: var(--cds-foundation); margin: 0 0 16px; }
.hp-hero-copy p.lead { font-size: 1.25rem; color: var(--cds-slate); margin-bottom: 0; }
.hp-hero-search { display: flex; margin-top: 32px; }
.hp-hero-search input { flex: 1; border: 1px solid var(--cds-steel); border-radius: 8px 0 0 8px; padding: 20px 16px; font-size: 1.125rem; }
.hp-hero-search input:focus { outline: none; border-color: var(--cds-journey); }
.hp-hero-search button { border-radius: 0 4px 4px 0; }
.hp-hero-pills { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.hp-hero-pills .cds-badge-journey { border-radius: 150px; font-weight: 500; font-size: 1rem; padding: 4px 8px; }
.hp-hero-photo { flex-shrink: 0; width: 40%; }
.hp-hero-photo img { width: 100%; border-radius: 16px; object-fit: cover; aspect-ratio: 4/3; }
.hp-hero-solutions-list { list-style: none; padding: 0; margin: 16px 0 24px; }
.hp-hero-solutions-list li { margin-bottom: 4px; }
.hp-hero-solutions-list a { color: var(--cds-journey); font-weight: 500; font-size: 1.25rem; }

/* / Stats / */
.hp-stats { padding: 64px 0; }
.hp-stats-photo img { border-radius: 24px; box-shadow: 0 16px 32px -4px rgba(0,60,100,.1), 0 4px 2px rgba(0,60,100,.05); width: 100%; }
.hp-stats h2 { font-size: 2.5rem; color: var(--cds-foundation); }
.hp-stats h2 .highlight-emerald { color: var(--cds-emerald); }
.hp-stat-number { font-size: 3.5rem; font-weight: 700; color: var(--cds-journey); line-height: 1.2; }
.hp-stat-label { font-size: 1rem; color: var(--cds-midnight); }
.hp-awards-label { font-size: 1.125rem; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--cds-midnight75); display: flex; align-items: center; gap: 8px; }
.hp-awards-label img { height: 16px; }
.hp-award-badges { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 16px; }
.hp-award-badges img { width: 86px; }

/* / How can we help / */
.hp-help { padding: 64px 0; }
.hp-help-scroll { display: flex; gap: 32px; overflow-x: auto; padding-bottom: 8px; }
.hp-help-card { position: relative; flex: 0 0 300px; height: 380px; border-radius: 16px; overflow: hidden; text-decoration: none; }
.hp-help-card img { width: 100%; height: 100%; object-fit: cover; }
.hp-help-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,60,100,0) 23%, rgba(0,60,100,.8) 63%); }
.hp-help-card span { position: absolute; left: 24px; bottom: 24px; color: #fff; font-size: 1.5rem; font-weight: 700; z-index: 1; }
.hp-help-nav { border: none; background: var(--cds-journey25); color: var(--cds-journey); border-radius: 50%; width: 40px; height: 40px; }
.hp-help-nav:hover { background: var(--cds-journey50); }

/* / Featured jobs / */
.hp-jobs { padding: 64px 0; }
.hp-jobs-scroll { display: flex; gap: 24px; overflow-x: auto; padding-bottom: 8px; }
.hp-job-card { flex: 0 0 300px; background: var(--cds-journey10); border-radius: 8px; box-shadow: 0 4px 2px rgba(0,60,100,.12); padding: 24px; display: flex; flex-direction: column; justify-content: space-between; min-height: 160px; }
.hp-job-card h5 { color: var(--cds-slate); font-size: 1.125rem; margin: 0 0 8px; }
.hp-job-card .hp-job-location { color: var(--cds-midnight50); font-size: .875rem; }
.hp-job-card a.hp-job-link { margin-top: 16px; font-weight: 700; text-decoration: none; }

/* / Featured specialties / */
.hp-specialties { background: var(--cds-journey); border-radius: 24px; padding: 48px; color: #fff; }
.hp-specialties h2, .hp-specialties p { color: #fff; }
.hp-specialty-link { display: flex; align-items: center; justify-content: space-between; background: var(--cds-journey700, #005996); border-radius: 12px; padding: 24px 16px; color: #fff; text-decoration: none; font-size: 1.3125rem; margin-bottom: 16px; }
.hp-specialty-link:hover { background: var(--cds-foundation); color: #fff; }
.hp-specialty-link img { width: 21px; }

/* / App section / */
.hp-app { background: linear-gradient(180deg, #eff7fc 0%, #ffffff 100%); border-radius: 24px; padding: 64px; overflow: hidden; }
.hp-app h2 { font-size: 2.5rem; }
.hp-app h2 .highlight-emerald { color: var(--cds-emerald); }
.hp-app-badges { display: flex; gap: 24px; margin-top: 24px; flex-wrap: wrap; }
.hp-app-badges img.hp-store-badge { height: 56px; }
.hp-app-rating { display: flex; align-items: center; gap: 10px; margin-top: 10px; }
.hp-app-rating img { height: 16px; }
.hp-app-rating span { font-weight: 700; color: var(--cds-journey700, #005996); font-size: .875rem; }
.hp-app-photo img { max-width: 100%; }

/* / News and insights / */
.hp-news { padding: 64px 0; }
.hp-news-featured-img { border-radius: 8px 8px 0 0; width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.hp-news-featured-card { border-radius: 8px; box-shadow: 0 4px 12px rgba(41,51,64,.06), 0 2px 6px rgba(41,51,64,.08); overflow: hidden; }
.hp-news-spotlight-card { display: flex; border: 1px solid var(--cds-midnight10); border-radius: 8px; box-shadow: 0 4px 12px rgba(41,51,64,.06), 0 2px 6px rgba(41,51,64,.08); overflow: hidden; text-decoration: none; margin-bottom: 24px; }
.hp-news-spotlight-card img, .hp-news-spotlight-card .hp-news-spotlight-fallback { width: 180px; flex-shrink: 0; object-fit: cover; }
.hp-news-spotlight-fallback { background: linear-gradient(134deg, var(--cds-journey) 0%, var(--cds-journey700, #003c64) 100%); display: flex; align-items: center; justify-content: center; }
.hp-news-spotlight-fallback img { width: 48px; height: auto; }
.hp-news-spotlight-body { padding: 20px 24px; }
.hp-news-badge { display: inline-block; background: var(--cds-journey5); color: var(--cds-journey700, #003c64); border-radius: 999px; padding: 4px 8px; font-size: .875rem; font-weight: 700; margin-bottom: 8px; }
.hp-news-spotlight-body h4 { color: var(--cds-foundation); font-size: 1.25rem; margin: 0; }
.hp-news-featured-body h3 { color: var(--cds-foundation); }

/* / Q&A / */
.hp-qa { padding: 64px 0; }
.hp-qa-illustration { width: 100%; max-width: 234px; }

/* / Bottom CTA / */
.hp-cta { border-radius: 24px; background: linear-gradient(115deg, #003c64 23%, #000c14 100%); color: #fff; overflow: hidden; }
.hp-cta-col { padding: 48px; }
.hp-cta-col:first-child { border-right: 1px solid var(--cds-journey700, #005996); }
.hp-cta-col .overline { display: block; margin-bottom: 8px; }
.hp-cta-col.hp-cta-clinicians .overline { color: var(--cds-journey25); }
.hp-cta-col.hp-cta-facilities .overline { color: #80cb9c; }
.hp-cta-col h3 { color: #fff; font-size: 2rem; margin: 0 0 16px; }
.hp-cta-col p { color: #fff; font-size: 1.25rem; }

@media (max-width: 991px) {
  .hp-hero-body { flex-direction: column; }
  .hp-hero-photo { width: 100%; }
  .hp-specialties, .hp-app { padding: 32px; }
  .hp-cta-col:first-child { border-right: none; border-bottom: 1px solid var(--cds-journey700, #005996); }
  .hp-news-spotlight-card { flex-direction: column; }
  .hp-news-spotlight-card img, .hp-news-spotlight-card .hp-news-spotlight-fallback { width: 100%; height: 160px; }
}

@media (max-width: 767px) {
  .hp-hero { padding: 24px 0 40px; }
  .hp-hero-pretitle { color: #fff; font-size: 1.25rem; font-weight: 700; text-align: center; position: relative; margin-bottom: 24px; }
  .hp-hero-tab { padding: 16px; font-size: .875rem; }
  .hp-hero-tab img { width: 14px; height: 14px; margin-right: 4px; }
  .hp-hero-body { padding: 24px; gap: 24px; }
  .hp-hero-copy h1 { font-size: 1.3125rem; }
  .hp-hero-copy p.lead { font-size: 1rem; }
  .hp-hero-search input { padding: 12px 16px; font-size: .875rem; text-overflow: ellipsis; }

  .hp-stats { padding: 40px 0; text-align: center; }
  .hp-stats h2 { font-size: 2rem; }
  .hp-stat-number { font-size: 3rem; }
  .hp-awards-label { justify-content: center; flex-wrap: wrap; }
  .hp-award-badges { justify-content: center; }

  .hp-help, .hp-jobs, .hp-news, .hp-qa { padding: 40px 0; }
  .hp-help h2, .hp-jobs h2, .hp-news h2, .hp-qa h2, .hp-specialties h2, .hp-app h2 { font-size: 2rem; }

  .hp-jobs-scroll { flex-direction: column; overflow-x: visible; }
  .hp-job-card { flex-basis: auto; }

  .hp-specialties, .hp-app { border-radius: 16px; padding: 24px; }

  .hp-cta-col { padding: 24px; }
  .hp-cta-col h3 { font-size: 1.3125rem; }
  .hp-cta-col p { font-size: .875rem; }
}