/* Homepage refinements and self-contained asset paths. */

.hero { min-height: 720px; padding-bottom: 24px; }
.hero-inner { min-height: 620px; }
.journey-wrap {
  position: relative;
  z-index: 5;
  inset: auto;
  margin-top: -64px;
  margin-bottom: -64px;
}
.journey {
  overflow: hidden;
  border-radius: var(--radius-marketing);
  box-shadow: var(--shadow-floating);
}
.journey-item { min-height: 96px; }

.diagnosis-section {
  isolation: isolate;
  padding-top: 152px;
}
.diagnosis-section::before {
  z-index: 0;
  top: auto;
  right: -260px;
  bottom: -300px;
  opacity: .55;
  pointer-events: none;
}
.diagnosis-section > .container { position: relative; z-index: 1; }

.output-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 16px;
}
.output-top > div { min-width: 0; }
#tab-copy {
  max-width: 520px;
  white-space: normal;
  overflow-wrap: break-word;
}
.status-pill { max-width: 100%; }

.workflow-rail .step-card { background: #fff; opacity: 1; }
.evidence-visual.evidence-single { display: flex; min-height: 0; align-items: center; }
.evidence-image-card {
  width: 100%;
  overflow: hidden;
  margin: 0;
  border: 7px solid #fff;
  border-radius: var(--radius-marketing);
  background: #fff;
  box-shadow: var(--shadow-marketing);
}
.evidence-image-card img { width: 100%; height: auto; object-fit: contain; }

.audience-card:nth-child(1) .audience-art {
  background-image: linear-gradient(180deg, rgba(0,11,23,.04), rgba(0,11,23,.28) 48%, rgba(0,11,23,.94)), url("assets/banner-growth.png");
  background-position: 25% center;
}
.audience-card:nth-child(2) .audience-art {
  background-image: linear-gradient(180deg, rgba(0,11,23,.04), rgba(0,11,23,.28) 48%, rgba(0,11,23,.94)), url("assets/banner-agency.png");
  background-position: 65% center;
}
.audience-card:nth-child(3) .audience-art {
  background-image: linear-gradient(180deg, rgba(0,11,23,.04), rgba(0,11,23,.28) 48%, rgba(0,11,23,.94)), url("assets/banner-cloud.png");
  background-position: 65% center;
}
.audience-card:nth-child(4) .audience-art {
  background-image: linear-gradient(180deg, rgba(0,11,23,.04), rgba(0,11,23,.28) 48%, rgba(0,11,23,.94)), url("assets/banner-creators.png");
  background-position: 65% center;
}
.audience-art { background-repeat: no-repeat; background-size: cover; }

@media (max-width: 1050px) {
  .hero { min-height: 760px; padding-bottom: 20px; }
  .journey-wrap { inset: auto; margin-top: -64px; margin-bottom: -64px; }
  .evidence-image-card { max-width: 720px; margin: 0 auto; }
}

@media (max-width: 760px) {
  .hero { min-height: 760px; }
  .journey-wrap { inset: auto; margin-top: -60px; margin-bottom: -60px; }
  .journey { border-radius: var(--radius-card); }
  .journey-item { min-height: 92px; }
  .diagnosis-section { padding-top: 128px; }
  .output-top { display: block; }
  .evidence-image-card { border-width: 4px; }
}