.ai-hero{padding-top:52px}
.ai-hero .hero-copy{max-width:980px}
.ai-stage{max-width:1280px;margin-inline:auto;padding-bottom:48px}
.ai-stage .win-frame{max-width:920px}
.ai-bar-note{justify-self:end;color:var(--muted);font-family:var(--font-mono);font-size:11px;white-space:nowrap}
.ai-win-body{display:flex;align-items:stretch;gap:16px;padding:32px;background:var(--panel-soft)}
.ai-route-step{flex:1;min-width:0;padding:22px;background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--r-card);box-shadow:var(--shadow-card)}
.ai-route-focus{border-color:var(--accent-22);box-shadow:var(--shadow-soft),var(--hl)}
.ai-step-label{display:block;margin-bottom:14px;color:var(--accent-dark);font-family:var(--font-mono);font-size:12px}
.ai-route-step strong{display:block;color:var(--text);font-size:17px;font-weight:600}
.ai-route-step p{margin-top:10px;color:var(--muted);font-size:13px;line-height:1.6}
.ai-route-arrow{align-self:center;flex:none;color:var(--accent);font-family:var(--font-mono);font-size:24px}
.ai-stage-caption{position:relative;z-index:2;margin:20px 24px 0;color:var(--on-dark-muted);font-size:13px;text-align:center}
.ai-article{max-width:1080px}
.ai-article .toc-tabs{margin-bottom:44px}
.ai-section{padding-top:14px;padding-bottom:68px;border-bottom:1px solid var(--border)}
.ai-section:last-child{border-bottom:0;padding-bottom:0}
.ai-section h2{margin:9px 0 22px}
.ai-prose{max-width:780px;color:var(--muted)}
.ai-prose .callout{margin:26px 0;color:var(--text)}
.ai-prose a{overflow-wrap:anywhere}
.ai-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ai-tool{padding:25px 28px}
.ai-tool h3{margin:0 0 12px;font-size:21px;font-weight:500}
.ai-tool p{color:var(--muted);line-height:1.8}
.ai-table th,.ai-table td{vertical-align:top}
.ai-table-note{margin-top:16px;color:var(--muted);font-size:14px}
.ai-diagnosis{border-top:1px solid var(--border)}
.ai-diagnosis-row{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:28px;padding:22px 0;border-bottom:1px solid var(--border)}
.ai-diagnosis-row h3{margin:0;font-size:18px;font-weight:500}
.ai-diagnosis-row p{color:var(--muted)}
@media(max-width:768px){
  .ai-hero{padding-top:36px}
  .ai-win-body{gap:10px;padding:16px}
  .ai-route-step{padding:14px}
  .ai-route-step strong{font-size:14px}
  .ai-route-step p{font-size:12px}
  .ai-route-arrow{font-size:18px}
  .ai-diagnosis-row{grid-template-columns:minmax(0,1fr);gap:8px}
}
@media(max-width:640px){
  .ai-stage{margin-inline:12px}
  .ai-win-body{flex-direction:column}
  .ai-route-arrow{align-self:center;line-height:1;transform:rotate(90deg)}
  .ai-route-step{width:100%}
  .ai-bar-note{display:none}
  .ai-stage-caption{margin-inline:4px}
  .ai-tool-grid{grid-template-columns:minmax(0,1fr)}
  .ai-tool{padding:22px}
  .ai-article .toc-tabs{margin-bottom:28px}
  .ai-section{padding-bottom:52px}
}