.ai-intro{position:relative;overflow-x:clip;max-width:100%;padding-top:76px;padding-bottom:82px;background:linear-gradient(180deg,var(--bg-top),var(--bg-bottom))}
.ai-intro::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,rgb(var(--bg-top-rgb) / 0),rgb(var(--accent-rgb) / .05))}
.ai-intro-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center}
.ai-intro-copy{min-width:0}
.ai-intro h1{max-width:12em;margin:24px 0 0}
.ai-intro-lead{max-width:39em;margin:28px 0 0;color:var(--text-2);font-size:1.125em;line-height:1.8}
.ai-intro-note{margin:22px 0 0;color:var(--text-muted);font-size:.875em}
.ai-path{min-width:0;padding:26px}
.ai-path-head,.ai-path-foot{display:flex;align-items:center;justify-content:space-between;gap:14px}
.ai-path-head{padding-bottom:18px;border-bottom:1px solid var(--border);font-weight:800}
.ai-path-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;padding:18px 0;border-bottom:1px solid var(--border)}
.ai-path-icon{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:var(--r-sm);font-family:var(--font-mono);font-weight:700}
.ai-path-row strong,.ai-path-row small{display:block}
.ai-path-row small{color:var(--text-muted);font-size:.8em}
.ai-path-end{padding:6px 10px;border-radius:var(--r-pill);background:var(--row);font-size:.78em;white-space:nowrap}
.ai-path-foot{padding-top:20px;color:var(--text-muted);font-size:.8em}
.ai-path-foot svg{color:var(--accent-dark)}
.ai-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:-30px;position:relative}
.ai-facts>div{display:flex;align-items:baseline;justify-content:center;gap:12px;min-width:0;padding:20px 14px;border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--shadow-float)}
.ai-facts strong{font-family:var(--font-mono);font-size:1.4em;font-variant-numeric:tabular-nums;white-space:nowrap}
.ai-facts>div>span{color:var(--text-muted);font-size:.875em}
.ai-article{padding-top:48px;padding-bottom:92px}
.ai-section{max-width:1000px;margin-inline:auto;padding-top:48px;padding-bottom:48px;border-bottom:1px solid var(--border)}
.ai-section h2{margin:10px 0 22px}
.ai-section p:not(.section-kicker){max-width:76ch;line-height:1.95;color:var(--text-2)}
.ai-section .table-scroll{margin-block:28px;box-shadow:var(--shadow-soft)}
.ai-section .table-scroll th,.ai-section .table-scroll td{vertical-align:top}
.ai-section .ai-table-note{color:var(--text-muted);font-size:.9em}
.ai-section .callout{max-width:76ch;margin-top:26px;line-height:1.8}
.ai-diagnostics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ai-diagnostic{min-width:0;padding:24px;border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--shadow-soft)}
.ai-diagnostic h3{margin:0 0 10px}
.ai-diagnostic p{margin:0}
.ai-last{border-bottom:0}
.ai-last a{color:var(--text);text-decoration-color:var(--accent-dark);text-decoration-thickness:2px;text-underline-offset:4px}
@media(max-width:900px){
  .ai-intro-grid{grid-template-columns:minmax(0,1fr);gap:36px}
  .ai-path{max-width:650px}
}
@media(max-width:640px){
  .ai-intro{padding-top:36px;padding-bottom:54px}
  .ai-intro h1{max-width:none}
  .ai-intro-lead{font-size:1em}
  .ai-path{padding:18px}
  .ai-path-row{grid-template-columns:34px minmax(0,1fr);gap:10px}
  .ai-path-icon{width:34px;height:34px}
  .ai-path-end{grid-column:2;justify-self:start;white-space:normal}
  .ai-path-foot svg{width:75px}
  .ai-facts{gap:8px;margin-top:-16px}
  .ai-facts>div{flex-direction:column;align-items:center;gap:0;padding:12px 4px;text-align:center}
  .ai-facts strong{font-size:1em}
  .ai-facts>div>span{font-size:.72em}
  .ai-article{padding-top:20px;padding-bottom:48px}
  .ai-section{padding-top:36px;padding-bottom:36px}
  .ai-diagnostics{grid-template-columns:minmax(0,1fr)}
}