/* Local design changes for index copy.html. */
.hero-signup .hero-note { margin-top: 8px; font-size: 14px; }
.hero-signup .hero-note a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--blue);
  text-underline-offset: 3px;
}

.hero-capabilities {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px 24px;
  max-width: 600px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

.hero-capabilities li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 750;
}

.hero-capabilities li::before {
  content: "";
  width: 8px;
  height: 8px;
  flex: none;
  border-radius: 50%;
  background: #e98440;
}

.feature-line { background: transparent; }
.feature-line span { color: var(--ink); border-color: rgba(20, 45, 59, .16); }
.feature-line span:nth-child(1) { background: #ffb86b; }
.feature-line span:nth-child(2) { background: #f2d2a9; }
.feature-line span:nth-child(3) { background: #dbe4d9; }
.feature-line span:nth-child(4) { background: #b2d0d3; }
.feature-line span:nth-child(5) { background: #357287; color: white; }
.feature-line span:nth-child(6) { background: #173946; color: white; }

#use-cases,
#early-access,
#chat {
  scroll-margin-top: 68px;
}

.workflow-section {
  display: block;
  padding-block: clamp(88px, 9vw, 130px);
}

.workflow-intro h2 { max-width: 1050px; }
.workflow-intro>p:last-child { max-width: 650px; }

.pathway-grid {
  width: var(--page);
  margin: 0 auto clamp(80px, 9vw, 120px);
  border: 1px solid var(--line);
}
.pathway-grid article {
  min-width: 0;
  min-height: 340px;
  padding: clamp(36px, 4vw, 64px);
  text-align: left;
}
.pathway-icon { margin-inline: 0; }
.pathway-grid p { margin-inline: 0; }

.audience-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.audience-grid article { min-height: 275px; padding: 28px; }
.audience-grid h3 { font-size: clamp(30px, 3vw, 48px); }
.audience-icon {
  width: 74px;
  height: 74px;
  display: grid;
  place-items: center;
  border-radius: 20px;
  background: #ffb86b;
  color: var(--ink);
  margin-inline: auto;
}
.audience-icon svg {
  width: 48px;
  height: 48px;
  stroke: currentColor;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.pricing-intro > p:not(.eyebrow) {
  max-width: 640px;
  margin-top: 24px;
  color: #bdd0d3;
  font-size: 20px;
}
.pricing-intro > p:not(.eyebrow) + p { margin-top: 14px; }
.pricing-intro .button { margin-top: 30px; }
.pricing-card .pricing-card-kicker {
  margin-top: 0;
  color: var(--blue);
  font-size: 15px;
  font-weight: 780;
}
.pricing-card strong { margin-top: 22px; }

.signup-panel .form-status { margin-top: 24px; }
.signup-panel .optional { color: #a7bdc2; font-weight: 400; }
.contact-honeypot {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

@media (max-width: 1100px) and (min-width: 761px) {
  .audience-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  #use-cases,
  #early-access,
  #chat {
    scroll-margin-top: 62px;
  }

  .hero-capabilities { gap: 12px 16px; }
  .hero-capabilities li { font-size: 13px; }
  .feature-line span:nth-child(-n+3) { border-bottom-color: rgba(20, 45, 59, .16); }
  .workflow-section { padding-block: 80px; }
  .pathway-grid { margin-bottom: 80px; }
  .pathway-grid article { min-height: 280px; padding: 34px 24px; }
  .audience-grid { grid-template-columns: 1fr; }
  .audience-grid article { min-height: 180px; }
  .audience-grid h3 { font-size: clamp(34px, 9vw, 45px); }
  .audience-icon { width: 64px; height: 64px; border-radius: 17px; }
  .audience-icon svg { width: 42px; height: 42px; }
  .pricing-intro > p:not(.eyebrow) { font-size: 18px; }
}