/* Public conversion surface: one pilot CTA, short lead form, readable lineage cards.
   Loaded after every other stylesheet so these rules win without !important sprawl. */

/* Footer contact is a real control that opens the lead form. */
.footer .foot-link {
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}
.footer .foot-link:hover { color: var(--acc); }
.footer .foot-link:focus-visible { outline: 2px solid var(--acc); outline-offset: 2px; }

/* Lead form: optional qualification folds away; next steps stay visible. */
.lead-more { margin: 2px 0 10px; }
.lead-more > summary {
  margin-bottom: 8px;
  color: var(--txt2);
  font-size: 13px;
  cursor: pointer;
}
.lead-more[open] > summary { margin-bottom: 10px; }
.lead-more .lead-fit { margin-bottom: 8px; }
.lead-next {
  margin-top: 14px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 9px;
  color: var(--txt2);
  font-size: 12.5px;
  line-height: 1.55;
}
.lead-next b { display: block; margin-bottom: 4px; color: var(--txt); font-size: 13px; }
.lead-next ol { margin: 0; padding-inline-start: 18px; }

/* Six lineage stages as 3x2 on desktop so stage names are never clipped. */
@media (min-width: 901px) {
  #view-overview .home-lineage-path { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 8px; }
  #view-overview .home-lineage-path li:nth-child(3n)::after { display: none; }
  #view-overview .home-lineage-step b { -webkit-line-clamp: unset; display: block; min-height: 0; }
}

/* Mobile header: the pilot CTA replaces the cryptic "W" workspace square.
   Workspace stays reachable from the footer and the public walkthrough. */
@media (max-width: 760px) {
  /* The id outranks design_quality.css, which hides this button on mobile with :is(#...). */
  .topbar .right > #topbar-pilot-cta.topbar-contact-cta {
    display: inline-flex !important;
    align-items: center;
    min-height: 40px;
    padding: 0 10px;
    font-size: 12.5px;
    white-space: nowrap;
  }
  .topbar .right > .topbar-workspace-link { display: none !important; }
}

/* The outcome headline is a full sentence; cap its size so it stays within three lines. */
@media (min-width: 901px) {
  #view-overview .hero h1 { font-size: clamp(34px, 3.3vw, 50px); line-height: 1.14; }
}