.ai-intro{
  background:linear-gradient(180deg,var(--bg-top),var(--bg-panel2));
  border-bottom:1px solid var(--border);
}
.ai-intro::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(var(--ink-a03) 1px,var(--clear) 1.5px);
  background-size:14px 14px;
  pointer-events:none;
}
.ai-intro__layout{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
  align-items:center;
  gap:64px;
}
.ai-intro__layout>*{min-width:0}
.ai-intro__copy h1{
  margin-top:24px;
  margin-bottom:0;
  font-size:var(--size-display);
  font-weight:var(--weight-normal);
  line-height:1.12;
}
.ai-intro__copy .lede{max-width:620px}
.ai-path{position:relative}
.ai-path::before{
  content:"";
  position:absolute;
  inset:36px 0 0;
  background:linear-gradient(90deg,var(--clear) 48%,var(--accent-a06) 48% 56%,var(--clear) 56% 65%,var(--accent-a10) 65% 70%,var(--clear) 70% 84%,var(--accent-a06) 84% 96%,var(--clear) 96%);
  pointer-events:none;
}
.ai-path__body{position:relative;padding:28px}
.ai-path__checks{margin:20px 0 24px}
.ai-path__checks>div{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,2fr);
  gap:16px;
  padding-block:16px;
  border-bottom:1px solid var(--border);
}
.ai-path__checks dt{
  color:var(--text);
  font-weight:var(--weight-medium);
}
.ai-path__checks dd{
  margin:0;
  color:var(--muted);
  font-size:var(--size-small);
}
.ai-path__note{color:var(--muted);font-size:var(--size-small)}
.ai-reading{padding-top:32px;padding-bottom:16px}
.ai-section-head{max-width:860px;margin-bottom:32px}
.ai-section-head .eyebrow{color:var(--muted);margin-bottom:16px}
.ai-section-head h2{margin-bottom:20px}
.ai-context-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  max-width:1000px;
}
.ai-context-grid>*{min-width:0}
.ai-text{margin-top:32px}
.ai-reading .faq-answer p+p{margin-top:16px}
.ai-reading .prose>p:last-child{margin-bottom:0}
@media(max-width:1100px){
  .ai-intro__layout{gap:32px;grid-template-columns:minmax(0,1fr)}
  .ai-path{max-width:680px}
}
@media(max-width:768px){
  .ai-intro__copy h1{font-size:40px;line-height:1.15}
  .ai-context-grid{grid-template-columns:minmax(0,1fr)}
  .ai-path__body{padding:20px}
  .ai-reading{padding-top:24px}
}
@media(max-width:400px){
  .ai-path__checks>div{grid-template-columns:minmax(0,1fr);gap:6px}
}