.ai-intro{
  padding-top:48px;
  padding-bottom:48px;
}
.ai-intro-copy{
  position:relative;
  z-index:1;
  text-align:center;
}
.ai-intro h1{
  max-width:1100px;
  margin-inline:auto;
}
.ai-lead{
  max-width:800px;
  margin:24px auto;
}
.ai-tools{
  margin-top:20px;
}
.ai-path{
  display:grid;
  grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr) 72px minmax(0,1fr);
  align-items:center;
  gap:16px;
  max-width:1000px;
  margin:40px auto 0;
  padding:28px;
  border-radius:var(--r-card);
  background:linear-gradient(120deg,var(--card-top),var(--card-bot));
  color:var(--on-dark);
  box-shadow:inset 0 1px 0 var(--hl-dark),var(--sh-card);
}
.ai-path-stop{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  min-width:0;
}
.ai-path-label{
  padding:4px 12px;
  border-radius:var(--r-pill);
  background:var(--hl-dark);
  color:var(--on-dark);
  font-size:var(--size-xs);
  font-weight:var(--weight-semibold);
}
.ai-path-stop strong{
  font-weight:var(--weight-bold);
  overflow-wrap:break-word;
}
.ai-path-stop small{
  color:var(--on-dark-muted);
  font-size:var(--size-sm);
}
.ai-path-link{
  color:var(--on-dark-muted);
  max-width:100%;
}
.ai-scope{
  max-width:760px;
  margin:20px auto 0;
  color:var(--muted);
  font-size:var(--size-sm);
}
.ai-chapter{
  padding-top:24px;
  padding-bottom:24px;
}
.ai-chapter h2{
  margin-top:32px;
}
.ai-table-note{
  margin-top:12px;
  font-size:var(--size-sm);
}
.ai-diagnostics{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  margin-block:24px;
}
.ai-diagnostics>*{
  min-width:0;
}
.ai-diagnostics h3{
  font-size:var(--size-lead);
}
.ai-diagnostics p{
  margin-top:16px;
  color:var(--muted);
}
.ai-next{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
@media(max-width:768px){
  .ai-intro{
    padding-top:32px;
    padding-bottom:32px;
  }
  .ai-path{
    grid-template-columns:1fr;
    gap:16px;
    max-width:480px;
    margin-top:28px;
    padding:24px;
  }
  .ai-path-link{
    justify-self:center;
    transform:rotate(90deg);
    width:32px;
    height:32px;
  }
  .ai-path-stop{
    gap:6px;
  }
  .ai-diagnostics{
    grid-template-columns:1fr;
  }
  .ai-chapter{
    padding-top:16px;
    padding-bottom:16px;
  }
}
@media(max-width:360px){
  .ai-intro .hero-cta .btn{
    padding-inline:18px;
  }
  .ai-next{
    flex-direction:column;
    align-items:flex-start;
  }
}