.ai-stage { overflow-x:clip;max-width:100% }
.ai-hero { position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:56px;padding-top:84px;padding-bottom:100px }
.ai-hero-copy { position:relative;z-index:1 }
.ai-hero h1 { max-width:720px;margin:24px 0 20px;font-size:clamp(52px,5vw,68px);line-height:1.12;letter-spacing:-.02em }
.ai-lead { max-width:610px;color:var(--text-soft);font-size:20px;line-height:1.7 }
.ai-actions,.ai-end-links { display:flex;flex-wrap:wrap;gap:12px;margin-top:30px }
.ai-hero-note { margin-top:22px;color:var(--text-muted);font-size:13px }
.ai-map { position:relative;z-index:1;min-width:0;padding:24px;overflow:hidden }
.ai-map-top { display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--border-soft) }
.ai-path { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:26px }
.ai-path-item { display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:7px;min-height:128px;padding:16px 12px;border:1px solid var(--border);border-radius:var(--radius-m);background:linear-gradient(180deg,var(--white),var(--panel-deep)) }
.ai-path-code { color:var(--accent-dark);font:700 11px var(--font-mono);letter-spacing:.12em }
.ai-path-item strong { font-size:15px }
.ai-path-item small,.ai-exit small { display:block;color:var(--text-muted);font-size:11px;line-height:1.5 }
.ai-map-lines { display:block;width:100%;height:68px;margin:4px auto;color:var(--accent-a60) }
.ai-exit { display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;margin:auto;padding:12px 18px;border:1px solid var(--accent-a24);border-radius:var(--radius-m);background:var(--accent-pale) }
.ai-exit strong { display:block;font-size:14px }
.ai-exit-mark { width:22px;height:22px;flex:none;border:5px solid var(--accent);border-radius:var(--radius-s);box-shadow:inset 0 1px 0 var(--white),0 5px 12px var(--accent-a18) }
.ai-intro { display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:70px;border-bottom:1px solid var(--border) }
.ai-intro h2,.ai-section-head h2,.ai-finish h2 { margin:12px 0 0 }
.ai-reading { color:var(--text-soft);line-height:1.85 }
.ai-reading p+p { margin-top:18px }
.ai-reading h3 { margin:0 0 14px;font-size:24px }
.ai-reading p+h3 { margin-top:36px }
.ai-section-head { display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:34px }
.ai-section-head > p { max-width:440px;color:var(--text-muted);line-height:1.7 }
.ai-compare .callout { margin-bottom:0 }
.ai-topic-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px }
.ai-topic { padding:26px }
.ai-topic h3 { margin:13px 0 18px;font-size:25px }
.ai-topic p { color:var(--text-soft);line-height:1.8 }
.ai-topic p+p { margin-top:16px }
.ai-dev { border-top:1px solid var(--border);border-bottom:1px solid var(--border) }
.ai-dev-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px }
.ai-finish { padding-bottom:28px }
.ai-finish p { max-width:830px;margin-top:18px;color:var(--text-soft);line-height:1.85 }
.ai-finish p a { color:var(--accent-dark);text-decoration:underline;text-underline-offset:3px }
@media (max-width:900px) {
  .ai-hero { grid-template-columns:1fr;gap:36px;padding-top:60px;padding-bottom:72px }
  .ai-map { max-width:650px;width:100%;margin-inline:auto }
  .ai-intro { gap:32px }
  .ai-topic-grid { grid-template-columns:1fr 1fr }
}
@media (max-width:768px) {
  .ai-hero h1 { font-size:clamp(28px,8vw,40px) }
  .ai-lead { font-size:16px }
  .ai-intro,.ai-dev-grid { grid-template-columns:1fr }
  .ai-section-head { display:block }
  .ai-section-head > p { margin-top:16px }
  .ai-topic-grid { grid-template-columns:1fr }
}
@media (max-width:480px) {
  .ai-hero { padding-top:44px }
  .ai-map { padding:14px }
  .ai-path { gap:5px }
  .ai-path-item { min-height:120px;padding:11px 6px }
  .ai-path-item strong { font-size:12px }
  .ai-path-item small { font-size:10px }
  .ai-map-lines { height:46px }
  .ai-hero-note { line-height:1.8 }
}