:root{
  --ai-hero-width:1180px;
  --ai-copy-width:640px;
  --ai-console-width:560px;
  --ai-table-min:860px;
  --ai-line-thickness:1px;
  --ai-node-size:11px;
}
.ai-hero{
  position:relative;
  min-height:calc(100svh - var(--header-height));
  display:flex;
  align-items:center;
  padding-top:72px;
  padding-bottom:72px;
  border-bottom:1px solid var(--color-border);
}
.ai-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  align-items:center;
  gap:64px;
  max-width:var(--ai-hero-width);
}
.ai-hero-copy{
  position:relative;
  z-index:2;
  min-width:0;
  max-width:var(--ai-copy-width);
}
.ai-hero-title{
  margin-top:22px;
  margin-bottom:22px;
  font-size:clamp(52px,5.2vw,68px);
}
.ai-hero-title .no-break:last-child{
  color:var(--color-accent);
  text-shadow:0 0 22px var(--color-accent-glow);
}
.ai-hero-lead{
  max-width:600px;
  margin-bottom:28px;
  font-size:1.08rem;
}
.ai-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:24px;
}
.ai-hero-console{
  position:relative;
  z-index:1;
  min-width:0;
  width:100%;
  max-width:var(--ai-console-width);
  justify-self:end;
}
.ai-hero-console .terminal-window{
  position:relative;
  z-index:2;
  box-shadow:var(--shadow-panel);
}
.ai-route-decor{
  position:absolute;
  inset:-42px -28px;
  z-index:1;
}
.ai-route-line{
  position:absolute;
  display:block;
  height:var(--ai-line-thickness);
  background:var(--color-border);
  transform-origin:left center;
}
.ai-route-line-a{
  width:56%;
  top:24%;
  left:4%;
  transform:rotate(-18deg);
}
.ai-route-line-b{
  width:48%;
  right:2%;
  bottom:20%;
  transform:rotate(24deg);
}
.ai-route-node{
  position:absolute;
  display:block;
  width:var(--ai-node-size);
  height:var(--ai-node-size);
  border:1px solid var(--color-accent);
  border-radius:var(--radius-pill);
  background:var(--color-bg);
  box-shadow:var(--shadow-accent);
}
.ai-route-node-a{
  top:14%;
  left:2%;
}
.ai-route-node-b{
  top:3%;
  left:57%;
}
.ai-route-node-c{
  right:0;
  bottom:8%;
}
.ai-document{
  position:relative;
  padding-top:48px;
  padding-bottom:96px;
}
.ai-document>.toc-tabs{
  margin-bottom:0;
}
.ai-section{
  padding-top:96px;
  padding-bottom:24px;
}
.ai-section+.ai-section{
  border-top:1px solid var(--color-border);
}
.ai-principle-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.ai-signal-card{
  min-width:0;
  padding:26px;
  border:1px solid var(--color-border);
  border-radius:var(--radius-m);
  background:var(--color-panel);
}
.ai-signal-card h3{
  margin-bottom:12px;
}
.ai-signal-card p:last-child{
  margin-bottom:0;
}
.ai-card-command{
  display:inline-block;
  margin-bottom:18px;
  color:var(--color-accent);
  font-family:var(--font-mono);
  font-size:.75rem;
}
.ai-tool-table{
  min-width:var(--ai-table-min);
}
.ai-after-table,
.ai-detail-copy{
  max-width:880px;
  margin-top:24px;
  margin-bottom:0;
}
.ai-flow{
  display:grid;
  gap:1px;
  overflow:hidden;
  border:1px solid var(--color-border);
  border-radius:var(--radius-m);
  background:var(--color-border);
}
.ai-flow-item{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:28px;
  padding:26px;
  background:var(--color-panel);
}
.ai-flow-item h3{
  margin-bottom:10px;
}
.ai-flow-item p:last-child{
  margin-bottom:0;
}
.ai-flow-mark{
  color:var(--color-accent);
  font-family:var(--font-mono);
  font-size:.75rem;
}
.ai-compare{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.ai-compare-panel{
  min-width:0;
  padding:28px;
  border:1px solid var(--color-border);
  border-radius:var(--radius-m);
  background:var(--color-panel);
}
.ai-compare-panel h3{
  margin-bottom:14px;
}
.ai-compare-panel p:last-child{
  margin-bottom:0;
}
.ai-checklist{
  margin-top:16px;
  padding:28px;
  border:1px solid var(--color-border);
  border-radius:var(--radius-m);
  background:var(--color-panel-raised);
}
.ai-checklist h3{
  margin-bottom:16px;
}
.ai-checklist ul{
  display:grid;
  gap:10px;
  margin-bottom:0;
  color:var(--color-muted);
}
.ai-static-manual .manual-index{
  gap:2px;
}
.ai-static-manual .manual-index span{
  display:flex;
  align-items:center;
  min-height:43px;
  padding:8px 10px;
  color:var(--color-muted);
  font-family:var(--font-mono);
  font-size:.78rem;
}
.ai-static-manual .manual-index .ai-manual-current{
  border-radius:var(--radius-xs);
  background:var(--color-panel-raised);
  color:var(--color-accent);
}
.ai-failure-list{
  max-width:940px;
}
.ai-routing-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.ai-routing-grid .card{
  min-height:100%;
}
.ai-next-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:32px;
  margin-top:40px;
  padding:30px;
  border:1px solid var(--color-accent-dark);
  border-radius:var(--radius-m);
  background:var(--color-panel);
  box-shadow:0 0 30px var(--color-accent-soft);
}
.ai-next-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px;
}
.ai-next-panel .article-promo-title{
  margin-bottom:8px;
}
.ai-next-panel .article-promo-copy{
  max-width:720px;
}
@media (max-width:1080px){
  .ai-hero{
    min-height:auto;
  }
  .ai-hero-grid{
    grid-template-columns:1fr;
    gap:48px;
  }
  .ai-hero-copy{
    max-width:760px;
  }
  .ai-hero-console{
    max-width:720px;
    justify-self:start;
  }
  .ai-route-decor{
    display:none;
  }
}
@media (max-width:768px){
  .ai-hero{
    padding-top:56px;
    padding-bottom:56px;
  }
  .ai-hero-title{
    font-size:clamp(32px,10vw,40px);
  }
  .ai-hero-actions{
    flex-direction:column;
    align-items:stretch;
  }
  .ai-hero-actions .btn{
    width:100%;
  }
  .ai-document{
    padding-top:32px;
    padding-bottom:72px;
  }
  .ai-section{
    padding-top:72px;
  }
  .ai-principle-grid,
  .ai-compare,
  .ai-routing-grid{
    grid-template-columns:1fr;
  }
  .ai-flow-item{
    grid-template-columns:1fr;
    gap:10px;
  }
  .ai-next-panel{
    grid-template-columns:1fr;
  }
  .ai-next-actions{
    flex-direction:column;
    justify-content:flex-start;
  }
  .ai-next-actions .btn{
    width:100%;
  }
}
@media (max-width:520px){
  .ai-signal-card,
  .ai-compare-panel,
  .ai-checklist,
  .ai-next-panel{
    padding:20px;
  }
  .ai-flow-item{
    padding:20px;
  }
}