.ai-page{min-width:0}
.ai-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:center}
.ai-intro>*{min-width:0}
.ai-intro h1{margin-top:24px}
.ai-lead{max-width:560px;margin-top:24px;color:var(--text-muted);font-size:var(--f-lead);line-height:1.85}
.ai-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:32px}
.ai-trust{margin-top:24px;color:var(--text-muted);font-size:var(--f-ui)}
.ai-routing{background:linear-gradient(160deg,var(--white),var(--accent-tint));box-shadow:var(--shadow-panel),inset 0 1px 0 var(--white)}
.ai-routing-head{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.ai-routing-head>div{min-width:0}
.ai-routing-head h2{font-size:var(--f-h3)}
.ai-routing-head p{font-size:var(--f-ui);margin-top:6px}
.ai-routing-note{margin-top:20px;color:var(--text-muted);font-size:var(--f-sm);line-height:1.8}
.ai-explain{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:40px;align-items:start}
.ai-explain>*{min-width:0}
.ai-explain .prose>p:first-child{margin-top:0}
.ai-checklist ul{display:grid;gap:20px;margin-top:24px}
.ai-checklist li{display:grid;gap:6px}
.ai-checklist li b{color:var(--accent-dark);font-size:var(--f-ui)}
.ai-checklist li span{color:var(--text-muted);line-height:1.8}
.ai-tool-table{min-width:880px}
.ai-tool-table tbody th{background:var(--bg-panel);vertical-align:top}
.ai-tool-table td{vertical-align:top;line-height:1.8}
.ai-wide-copy{max-width:1040px}
.ai-dev-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ai-dev-grid>*{min-width:0}
.ai-dev-grid h3{margin-top:20px}
.ai-followup{margin-top:28px;max-width:1040px;line-height:1.85;color:var(--text-muted)}
.ai-next{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:32px}
.ai-next>div{min-width:0}
.ai-next p{margin-top:12px;color:var(--text-muted);line-height:1.8}
.ai-next-links{display:flex;gap:16px;flex-wrap:wrap;flex-shrink:0}
.ai-related{margin-top:24px;color:var(--text-muted);line-height:1.85}
@media(max-width:1000px){
.ai-intro{gap:32px}
.ai-explain{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px}
.ai-next{align-items:flex-start;flex-direction:column}
}
@media(max-width:768px){
.ai-intro{grid-template-columns:1fr}
.ai-lead{font-size:var(--f-body)}
.ai-routing{margin-top:8px}
.ai-explain,.ai-dev-grid{grid-template-columns:1fr}
.ai-explain{gap:20px}
}
@media(max-width:640px){
.ai-actions{gap:20px}
.ai-routing-head{gap:12px}
.ai-next-links{width:100%;flex-shrink:1}
.ai-trust{font-size:var(--f-sm);line-height:1.8}
}