.ai-intro{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  align-items:center;
  gap:64px;
}
.ai-intro-copy{min-width:0}
.ai-intro h1{margin:24px 0}
.ai-lede{
  max-width:32em;
  font-size:20px;
  line-height:1.8;
  color:var(--text-muted);
}
.ai-entry-note{
  max-width:38em;
  margin-top:24px;
  margin-bottom:0;
  font-size:var(--size-small);
}
.ai-path{
  position:relative;
  background:linear-gradient(135deg,var(--bg-panel),var(--slab-a));
  box-shadow:var(--shadow-float);
}
.ai-path-list{
  list-style:none;
  margin:32px 0;
  padding:0;
  display:grid;
  gap:24px;
}
.ai-path-list li{
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  align-items:start;
  gap:16px;
}
.ai-port{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border:1px solid var(--hi);
  border-radius:var(--r-sm);
  background:linear-gradient(135deg,var(--cell-top-a),var(--cube-left-b));
  box-shadow:var(--shadow-lift);
  color:var(--text-muted);
  font-family:var(--font-mono);
}
.ai-path-list strong{
  display:block;
  margin-bottom:6px;
  font-weight:var(--weight-medium);
}
.ai-path-list p{
  margin:0;
  font-size:var(--size-small);
  color:var(--text-muted);
}
.ai-path-foot{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  padding-top:24px;
  border-top:1px solid var(--border);
  font-size:var(--size-label);
}
.ai-document{border-top:1px solid var(--border)}
.ai-document>section{padding-bottom:24px}
.ai-document>section+section{border-top:1px solid var(--border)}
.ai-document>section>p{max-width:68em}
.ai-document .table-scroll{margin-block:28px}
.ai-document .data-table{min-width:960px}
.ai-document .data-table th[scope="row"]{
  font-family:var(--font-mono);
  font-weight:var(--weight-medium);
  background:var(--bg-panel);
}
.ai-environments{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  margin-block:32px;
}
.ai-environments h3{margin-top:0}
.ai-environments p{font-size:var(--size-small)}
.ai-environments p:last-child{margin-bottom:0}
.ai-next{margin-bottom:0}
@media(max-width:960px){
  .ai-intro{gap:32px}
  .ai-environments{grid-template-columns:1fr}
}
@media(max-width:768px){
  .ai-intro{grid-template-columns:1fr}
  .ai-intro h1{margin-block:20px}
  .ai-lede{font-size:var(--size-body)}
  .ai-intro .cta-row{margin-top:24px}
  .ai-path-list{margin-block:24px}
  .ai-document>section{padding-bottom:16px}
}