.ai-intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);align-items:end;gap:clamp(32px,6vw,96px);padding-top:76px;padding-bottom:64px}
.ai-intro-copy,.ai-intro-note{min-width:0}
.ai-intro h1{max-width:13em;margin:16px 0 22px;font-size:clamp(52px,5.2vw,68px)}
.ai-lede{max-width:46ch;margin:0;color:var(--text-2);font-size:18px;line-height:1.8}
.ai-intro-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.ai-facts{margin-top:36px}
.ai-intro-note{padding:28px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-scroll)}
.ai-intro-note .eyebrow{display:block;margin-bottom:18px}
.ai-path{display:grid;gap:3px;padding:13px 0;border-top:1px solid var(--border-strong)}
.ai-path span{color:var(--muted);font-size:12px}
.ai-path strong{font-size:15px;font-weight:500}
.ai-intro-note p{margin:16px 0 0;padding-top:16px;border-top:1px solid var(--border-strong);color:var(--muted);font-size:13px}
.ai-article{padding-bottom:96px}
.ai-article .toc-tabs{margin-bottom:24px}
.ai-section{max-width:100%;padding-top:50px;padding-bottom:34px;border-bottom:1px solid var(--border)}
.ai-section:last-child{border-bottom:0}
.ai-section-head{max-width:760px;margin-bottom:24px}
.ai-section-head h2{margin:12px 0 0}
.ai-section>p,.ai-section>.callout{max-width:78ch}
.ai-section a:not(.btn){color:var(--accent-dark);text-underline-offset:3px}
.ai-section a:not(.btn):hover{color:var(--accent)}
.ai-table{min-width:760px}
.ai-table th:first-child{width:110px}
.ai-table tbody th{background:var(--panel-3);font-weight:500}
.ai-table td{vertical-align:top}
.ai-table-note{margin-top:12px;color:var(--muted);font-size:13px}
.ai-diagnostics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0 28px}
.ai-diagnostic{min-width:0;padding:22px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:inset 0 1px 0 var(--hi-edge)}
.ai-diagnostic h3{margin:0 0 10px;font-size:17px}
.ai-diagnostic p{margin:0;color:var(--muted);font-size:14px}
@media(max-width:800px){
  .ai-intro{grid-template-columns:1fr;gap:32px;padding-top:52px}
  .ai-intro-note{max-width:680px}
}
@media(max-width:640px){
  .ai-intro{padding-top:38px;padding-bottom:36px}
  .ai-intro h1{font-size:clamp(28px,8vw,40px)}
  .ai-lede{font-size:15px}
  .ai-facts{margin-top:24px}
  .ai-section{padding-top:34px;padding-bottom:26px}
  .ai-diagnostics{grid-template-columns:1fr}
  .ai-article{padding-bottom:64px}
}