.ai-intro{
  padding-top:var(--space-8);
  padding-bottom:var(--space-8);
  position:relative;
  background:radial-gradient(ellipse at 18% 12%,var(--atmo),transparent 70%);
}
.ai-intro__copy{
  max-width:880px;
  margin-inline:auto;
  text-align:center;
}
.ai-intro h1{
  margin-top:var(--space-3);
}
.ai-intro__lede{
  max-width:660px;
  margin-inline:auto;
  color:var(--muted);
  font-size:var(--text-lead);
}
.ai-intro__trust{
  margin-top:var(--space-3);
  color:var(--muted);
  font-size:var(--text-sm);
}
.ai-connection{
  display:grid;
  grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr) 88px minmax(0,1fr);
  align-items:center;
  max-width:1000px;
  margin:var(--space-6) auto 0;
}
.ai-connection__item{
  min-width:0;
  align-self:stretch;
  padding:var(--space-3);
  border:1px solid var(--border);
  border-radius:var(--r-md);
  background:var(--panel);
  box-shadow:inset 0 1px 0 var(--hl-top),var(--shadow-ui);
}
.ai-connection__item h2{
  margin-top:var(--space-2);
  margin-bottom:var(--space-1);
  font-size:var(--text-h3);
}
.ai-connection__item p{
  margin:0;
  color:var(--muted);
  font-size:var(--text-sm);
}
.ai-connection__arc{
  max-width:100%;
  fill:none;
  stroke:var(--arc);
  stroke-width:1.5;
}
.ai-connection__arc circle{
  fill:var(--panel);
}
.ai-document{
  padding-bottom:var(--space-4);
}
.ai-document .section+.section{
  border-top:1px solid var(--border);
}
.ai-document .prose{
  min-width:0;
}
.ai-reading{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-2);
  margin-top:var(--space-3);
}
.ai-further{
  margin-top:var(--space-4);
  color:var(--muted);
}
.ai-further a{
  display:inline-block;
  padding-block:var(--space-1);
  color:var(--accent);
  text-decoration:underline;
  text-underline-offset:4px;
}
@media(max-width:768px){
  .ai-intro{
    padding-top:var(--space-6);
    padding-bottom:var(--space-6);
  }
  .ai-intro__lede{
    font-size:var(--text-body);
  }
  .ai-connection{
    grid-template-columns:minmax(0,1fr);
    gap:var(--space-2);
    margin-top:var(--space-4);
  }
  .ai-connection__arc{
    display:none;
  }
  .ai-connection__item{
    padding:var(--space-3);
  }
}