.ai-intro{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  gap:64px;
  align-items:center;
  padding-top:24px;
  padding-bottom:64px;
}
.ai-intro h1{margin:24px 0 0}
.ai-intro .lede{max-width:32em}
.ai-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.ai-boundary{padding:32px}
.ai-boundary h2{margin:24px 0}
.ai-boundary p:last-of-type{margin-bottom:8px}
.ai-reading{max-width:88ch}
.ai-reading h3:first-child{margin-top:0}
.ai-note{margin-top:24px}
.ai-note+.ai-reading{margin-top:32px}
.ai-page .grid p:last-child{margin-bottom:0}
.ai-page .grid h3{margin-top:0}
.ai-page .faq+.article-link{margin-top:24px}
@media(max-width:900px){
  .ai-intro{grid-template-columns:minmax(0,1fr);gap:32px}
  .ai-intro .lede{max-width:40em}
}
@media(max-width:640px){
  .ai-intro{padding-top:0;padding-bottom:40px}
  .ai-intro .cta{gap:12px}
  .ai-intro .cta .btn{flex:1;padding-inline:12px;gap:8px}
  .ai-boundary{padding:24px}
}