.ai-intro{position:relative;max-width:100%;overflow-x:clip;background:linear-gradient(155deg,var(--mist-sky),var(--mist-lav) 52%,var(--mist-blush))}
.ai-intro-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:clamp(28px,5vw,76px);padding-top:88px;padding-bottom:96px}
.ai-intro-copy{min-width:0}
.ai-title{max-width:11em;margin:18px 0 24px;font-size:clamp(52px,4.7vw,68px)}
.ai-lede{max-width:37em;margin-bottom:28px;font-size:19px;line-height:1.8;color:var(--text)}
.ai-intro .cta-row{margin-bottom:22px}
.ai-intro-note{max-width:40em;margin-bottom:0;color:var(--muted);font-size:14px;line-height:1.8}
.ai-path{min-width:0;overflow:hidden;border:1px solid var(--glass-edge)}
.ai-path-top{display:flex;align-items:center;gap:14px;padding:16px 22px;border-bottom:1px solid var(--border);background:var(--chrome-bar);font:11px var(--font-mono);letter-spacing:.08em;color:var(--muted)}
.ai-path-dots{display:flex;gap:6px}
.ai-path-dots i{width:8px;height:8px;border-radius:var(--r-pill);background:var(--dot-pink)}
.ai-path-dots i:nth-child(2){background:var(--honey)}
.ai-path-dots i:nth-child(3){background:var(--success)}
.ai-path-body{padding:34px clamp(20px,4vw,48px) 42px}
.ai-path-caption{margin:0 0 26px;font:700 27px/1.3 var(--font-display)}
.ai-path-step{display:flex;align-items:center;gap:18px;position:relative;min-height:94px}
.ai-path-step+.ai-path-step{border-top:1px solid var(--border)}
.ai-path-symbol{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:var(--r-sm);background:var(--login-bg);color:var(--accent-dark);font:24px var(--font-display)}
.ai-path-step div{display:grid;gap:4px;min-width:0}
.ai-path-step strong{font-size:16px}
.ai-path-step small{color:var(--muted);font-size:13px}
.ai-path-foot{margin:0;padding:16px 22px;border-top:1px solid var(--border);font:11px/1.7 var(--font-mono);color:var(--muted)}
.ai-reading{max-width:1040px}
.ai-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border-radius:var(--r-sm);background:var(--border);box-shadow:var(--shadow-soft)}
.ai-principles article{min-width:0;padding:28px;background:var(--panel)}
.ai-principles h3{margin:15px 0 14px}
.ai-principles p,.ai-note-card p,.ai-work-list p{margin-bottom:0;color:var(--muted);line-height:1.85}
.ai-index{font:600 11px/1.5 var(--font-mono);letter-spacing:.09em;color:var(--accent-dark)}
.ai-matrix-section{background:var(--panel-2)}
.ai-matrix{min-width:0}
.ai-matrix .data-table{min-width:780px}
.ai-matrix .data-table td{vertical-align:top;line-height:1.7}
.ai-matrix .data-table td:first-child{font-family:var(--font-mono);font-size:14px}
.ai-table-note{margin:20px 0 0;color:var(--muted);font-size:14px}
.ai-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ai-note-card{min-width:0;padding:30px;background:var(--panel);border-radius:var(--r-sm);box-shadow:var(--shadow-panel)}
.ai-note-card h3{margin:0 0 18px}
.ai-note-card p+p{margin-top:18px}
.ai-workbench{background:linear-gradient(125deg,var(--mist-lav),var(--mist-sky))}
.ai-work-list{overflow:hidden;background:var(--panel);border-radius:var(--r-sm);box-shadow:var(--shadow-panel)}
.ai-work-list article{display:grid;grid-template-columns:125px minmax(0,1fr);gap:24px;padding:30px 34px}
.ai-work-list article+article{border-top:1px solid var(--border)}
.ai-work-list h3{margin:0 0 10px}
.ai-outro{border-top:1px solid var(--border)}
.ai-outro h2{margin:12px 0 22px}
.ai-outro p:not(.eyebrow){max-width:77ch;color:var(--muted);line-height:1.9}
.ai-outro a{color:var(--accent-dark);font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){
  .ai-intro-grid{grid-template-columns:1fr;gap:34px;padding-top:56px;padding-bottom:64px}
  .ai-path{max-width:600px;width:100%}
  .ai-principles{grid-template-columns:1fr}
  .ai-principles article+article{border-top:1px solid var(--border)}
}
@media(max-width:640px){
  .ai-intro-grid{padding-top:40px;padding-bottom:52px}
  .ai-title{font-size:clamp(28px,8vw,40px)}
  .ai-lede{font-size:17px}
  .ai-path-body{padding:24px 20px}
  .ai-path-caption{font-size:23px}
  .ai-columns{grid-template-columns:1fr}
  .ai-note-card,.ai-principles article{padding:24px}
  .ai-work-list article{grid-template-columns:1fr;gap:8px;padding:24px}
}