.ai-intro{
  text-align:center;
  background:radial-gradient(ellipse at 85% 15%,var(--c-accent-a04),var(--c-transparent) 65%);
}
.ai-intro h1{
  margin-top:24px;
  letter-spacing:-.02em;
}
.ai-lead{
  max-width:800px;
  margin:24px auto 0;
  font-size:var(--fs-h3);
  color:var(--c-text);
}
.ai-summary{
  max-width:760px;
  margin:16px auto 0;
  color:var(--c-muted);
}
.ai-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
  margin-top:28px;
}
.ai-document{
  padding-bottom:var(--section-space);
}
.ai-document .prose>h2:first-child{
  margin-top:0;
}
.ai-overview{
  padding:32px;
  border-radius:var(--r-panel);
  color:var(--c-on-accent);
  background:linear-gradient(128deg,var(--c-accent),var(--c-accent-dark));
  box-shadow:var(--shadow-panel);
}
.ai-overview-head p{
  max-width:760px;
  margin-top:12px;
  color:var(--c-white-a80);
}
.ai-layer-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:32px;
}
.ai-layer{
  min-width:0;
  padding:20px;
  border:1px solid var(--c-glass-edge);
  border-radius:var(--r-card);
  background:var(--c-glass);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  box-shadow:var(--shadow-glass);
}
.ai-layer>.mono{
  font-size:var(--fs-caption);
  letter-spacing:.08em;
  color:var(--c-white-a80);
}
.ai-layer h3{
  margin-top:12px;
  font-size:var(--fs-h3);
}
.ai-layer p{
  margin-top:12px;
  font-size:var(--fs-small);
  color:var(--c-white-a92);
}
@media(max-width:960px){
  .ai-layer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px){
  .ai-intro h1{
    font-size:var(--fs-hero-mobile);
  }
  .ai-lead{
    font-size:var(--fs-body);
  }
  .ai-overview{
    padding:24px;
  }
  .ai-layer-grid{
    grid-template-columns:minmax(0,1fr);
    gap:16px;
    margin-top:24px;
  }
  .ai-actions .btn{
    min-width:128px;
    padding-inline:20px;
  }
}