.ai-hero{
  position:relative;
  padding-top:clamp(62px,8vw,108px);
  padding-bottom:clamp(70px,9vw,118px);
}
.ai-hero::before{
  content:"";
  position:absolute;
  top:4%;
  right:-12%;
  width:58%;
  height:82%;
  background:radial-gradient(circle,var(--color-primary-soft),transparent 68%);
  pointer-events:none;
}
.ai-hero-layout{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,46fr) minmax(0,54fr);
  align-items:center;
  gap:clamp(42px,6vw,84px);
}
.ai-hero-copy{
  min-width:0;
}
.ai-hero-copy h1{
  max-width:680px;
  margin:20px 0 22px;
}
.ai-hero-lead{
  max-width:610px;
  margin-bottom:26px;
  color:var(--color-muted);
  font-size:clamp(17px,1.7vw,20px);
  line-height:1.8;
}
.ai-console{
  position:relative;
  min-width:0;
  padding:42px 18px 26px;
}
.ai-console::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:var(--radius-xl);
  background-image:
    linear-gradient(var(--color-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--color-grid) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:radial-gradient(circle at center,var(--color-text),transparent 76%);
}
.ai-console-glow{
  position:absolute;
  top:8%;
  right:2%;
  bottom:6%;
  left:8%;
  border-radius:var(--radius-xl);
  background:
    radial-gradient(circle at 24% 30%,var(--color-primary-soft),transparent 48%),
    radial-gradient(circle at 78% 72%,var(--color-warning),transparent 42%);
  filter:blur(28px);
  opacity:.34;
}
.ai-console-window{
  position:relative;
  border-radius:var(--radius-xl);
  background:var(--color-canvas);
  box-shadow:var(--shadow-editor);
}
.ai-console-bar{
  display:flex;
  min-width:0;
  align-items:center;
  gap:8px;
  padding:14px 18px;
  border-bottom:1px solid var(--color-line);
}
.ai-console-title{
  min-width:0;
  margin-left:10px;
  overflow:hidden;
  color:var(--color-text);
  font-family:var(--font-mono);
  font-size:12px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ai-console-mode{
  margin-left:auto;
  padding:5px 10px;
  border-radius:var(--radius-pill);
  background:var(--color-success-soft);
  color:var(--color-success);
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:700;
}
.ai-console-body{
  padding:clamp(24px,4vw,42px);
}
.ai-code-row{
  display:flex;
  min-width:0;
  align-items:center;
  gap:13px;
  padding:13px 0;
  border-bottom:1px solid var(--color-line);
}
.ai-code-row code{
  min-width:0;
  overflow-wrap:anywhere;
  color:var(--color-text);
  font-size:clamp(12px,1.4vw,15px);
}
.ai-line{
  flex:none;
  color:var(--color-success);
  font-family:var(--font-mono);
  font-weight:800;
}
.ai-flow{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:28px;
}
.ai-flow span{
  flex:none;
  padding:7px 11px;
  border-radius:var(--radius-pill);
  background:var(--color-panel);
  color:var(--color-muted);
  font-family:var(--font-mono);
  font-size:11px;
}
.ai-flow i{
  min-width:16px;
  height:1px;
  flex:1;
  background:var(--color-primary);
}
.ai-console-status{
  position:absolute;
  bottom:-20px;
  left:28px;
  display:flex;
  align-items:center;
  gap:9px;
  max-width:calc(100% - 56px);
  padding:9px 15px;
  border-radius:var(--radius-pill);
  background:var(--color-canvas);
  box-shadow:var(--shadow-pill);
  font-family:var(--font-mono);
  font-size:11px;
}
.ai-tool-cloud{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:47px 10px 0;
}
.ai-tool-cloud span{
  padding:7px 12px;
  border-radius:var(--radius-pill);
  background:var(--color-canvas);
  box-shadow:0 0 0 1px var(--color-line);
  color:var(--color-muted);
  font-size:12px;
}
.ai-article-frame{
  position:relative;
}
.ai-article{
  max-width:var(--reading-max);
  margin-inline:auto;
}
.ai-section{
  padding-top:clamp(70px,9vw,112px);
  padding-bottom:clamp(30px,5vw,58px);
}
.ai-section .preview-heading{
  max-width:760px;
}
.ai-requirement-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-bottom:28px;
}
.ai-requirement-card{
  min-width:0;
  padding:clamp(22px,3vw,32px);
  border-radius:var(--radius-xl);
  background:var(--color-canvas);
  box-shadow:var(--shadow-card);
}
.ai-requirement-card code{
  display:inline-flex;
  margin-bottom:17px;
  padding:6px 10px;
  border-radius:var(--radius-pill);
  background:var(--color-primary-soft);
  color:var(--color-primary-deep);
  font-size:11px;
}
.ai-requirement-card h3{
  margin-bottom:10px;
  font-size:21px;
}
.ai-requirement-card p{
  margin-bottom:0;
  color:var(--color-muted);
  font-size:15px;
}
.ai-section .callout{
  margin-top:28px;
}
.ai-table-note{
  margin:20px 4px 0;
  color:var(--color-muted);
  font-size:14px;
}
.ai-split{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr);
  gap:26px;
  align-items:start;
}
.ai-prose h3{
  margin:4px 0 12px;
}
.ai-prose h3:not(:first-child){
  margin-top:34px;
}
.ai-prose p{
  color:var(--color-muted);
  font-size:16px;
  line-height:1.9;
}
.ai-check-panel{
  position:sticky;
  top:var(--toc-offset);
  padding:26px;
  border-radius:var(--radius-xl);
  background:var(--color-panel);
  box-shadow:var(--shadow-card);
}
.ai-check-panel h3{
  margin:16px 0;
  font-size:20px;
}
.ai-check-list{
  display:grid;
  gap:12px;
  list-style:none;
  color:var(--color-muted);
  font-size:14px;
}
.ai-check-list li{
  position:relative;
  padding-left:25px;
}
.ai-check-list li::before{
  content:"✓";
  position:absolute;
  left:0;
  color:var(--color-success);
  font-weight:800;
}
.ai-lane-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.ai-lane{
  min-width:0;
  padding:clamp(24px,4vw,36px);
  border-radius:var(--radius-xl);
  background:var(--color-primary-soft);
}
.ai-lane.is-api{
  background:var(--color-panel-strong);
}
.ai-lane-head{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
}
.ai-lane-head span{
  padding:6px 10px;
  border-radius:var(--radius-sm);
  background:var(--color-primary);
  color:var(--color-canvas);
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:800;
}
.ai-lane.is-api .ai-lane-head span{
  background:var(--color-warning);
  color:var(--color-text);
}
.ai-lane-head h3{
  font-size:21px;
}
.ai-lane p,
.ai-lane ul{
  color:var(--color-muted);
}
.ai-lane ul{
  display:grid;
  gap:9px;
  margin:20px 0 0 20px;
  font-size:14px;
}
.ai-runtime-list{
  border-radius:var(--radius-xl);
  background:var(--color-canvas);
  box-shadow:var(--shadow-editor);
}
.ai-runtime-item{
  display:grid;
  grid-template-columns:minmax(170px,.55fr) minmax(0,1.45fr);
  gap:28px;
  padding:clamp(24px,4vw,38px);
}
.ai-runtime-item + .ai-runtime-item{
  border-top:1px solid var(--color-line);
}
.ai-runtime-label code{
  color:var(--color-primary);
  font-size:11px;
}
.ai-runtime-label h3{
  margin-top:9px;
  font-size:21px;
}
.ai-runtime-item p{
  color:var(--color-muted);
}
.ai-inline-code{
  display:inline-flex;
  max-width:100%;
  overflow-wrap:anywhere;
}
.ai-platform-strip{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:22px;
}
.ai-platform-strip span{
  padding:8px 14px;
  border-radius:var(--radius-pill);
  background:var(--color-panel);
  box-shadow:0 0 0 1px var(--color-line);
  color:var(--color-muted);
  font-family:var(--font-mono);
  font-size:12px;
}
.ai-failure-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.ai-failure{
  min-width:0;
  padding:26px;
  border-radius:var(--radius-lg);
  background:var(--color-canvas);
  box-shadow:var(--shadow-card);
}
.ai-failure-signal{
  display:inline-flex;
  margin-bottom:15px;
  padding:5px 10px;
  border-radius:var(--radius-pill);
  background:var(--color-panel-strong);
  color:var(--color-primary-deep);
  font-size:11px;
  font-weight:750;
}
.ai-failure h3{
  margin-bottom:10px;
  font-size:19px;
}
.ai-failure p{
  margin-bottom:0;
  color:var(--color-muted);
  font-size:14px;
}
.ai-decision{
  overflow:hidden;
  border-radius:var(--radius-xl);
  background:var(--color-panel);
  box-shadow:var(--shadow-editor);
}
.ai-decision-flow{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  background:var(--color-primary-deep);
}
.ai-decision-flow article{
  min-width:0;
  padding:25px;
  color:var(--color-footer-text);
}
.ai-decision-flow article + article{
  border-left:1px solid var(--color-primary-soft);
}
.ai-decision-flow code{
  color:var(--color-warning);
  font-size:11px;
}
.ai-decision-flow h3{
  margin:9px 0;
  color:var(--color-footer-text);
  font-size:18px;
}
.ai-decision-flow p{
  margin-bottom:0;
  color:var(--color-footer-muted);
  font-size:13px;
}
.ai-decision-copy{
  padding:clamp(26px,5vw,48px);
}
.ai-decision-copy h3{
  margin-bottom:18px;
}
.ai-decision-copy p{
  color:var(--color-muted);
  line-height:1.9;
}
.ai-decision-copy .button-row{
  margin-top:28px;
}
@media (max-width:1000px){
  .ai-hero-layout{
    grid-template-columns:1fr;
  }
  .ai-hero-copy{
    max-width:760px;
  }
  .ai-console{
    width:min(100%,760px);
    margin-inline:auto;
  }
}
@media (max-width:768px){
  .ai-hero{
    padding-top:52px;
  }
  .ai-console{
    padding-inline:0;
  }
  .ai-requirement-grid,
  .ai-lane-grid,
  .ai-failure-grid{
    grid-template-columns:1fr;
  }
  .ai-split{
    grid-template-columns:1fr;
  }
  .ai-check-panel{
    position:static;
  }
  .ai-runtime-item{
    grid-template-columns:1fr;
    gap:16px;
  }
  .ai-decision-flow{
    grid-template-columns:1fr;
  }
  .ai-decision-flow article + article{
    border-top:1px solid var(--color-primary-soft);
    border-left:0;
  }
}
@media (max-width:520px){
  .ai-console-body{
    padding-inline:16px;
  }
  .ai-flow{
    gap:6px;
  }
  .ai-flow span{
    padding-inline:8px;
    font-size:10px;
  }
  .ai-console-status{
    left:14px;
    max-width:calc(100% - 28px);
  }
  .ai-tool-cloud{
    margin-inline:0;
  }
  .ai-requirement-card,
  .ai-failure,
  .ai-check-panel{
    padding:21px;
  }
}
@media (prefers-reduced-motion:reduce){
  .ai-console-glow{
    filter:none;
  }
}