/* A single, compact narrative leading directly into the workflow illustration. */
#ai>.ai-intro{max-width:800px;margin:0 auto 26px;text-align:center}
#ai .ai-intro .section-heading{margin:0 auto;max-width:760px}
#ai .ai-intro .eyebrow{margin-bottom:12px}
#ai .ai-intro .section-heading>p:last-child:not(.eyebrow){margin:16px auto 0;line-height:1.75}
#ai .ai-callout{margin:18px auto 0;padding:11px 18px;border:1px solid #e3edfa;border-radius:10px;background:#eef5fd;color:#375b87;font-size:16px;line-height:1.6;font-weight:600}
#ai .ai-capabilities{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 32px;margin-top:18px;font-size:14px;font-weight:500;color:var(--text-body)}
#ai .ai-capabilities span{gap:7px}#ai .ai-capabilities .icon{color:#318b98}
#ai .ai-panel{border:1px solid #dfe8f2;border-radius:18px;box-shadow:0 12px 36px -18px #284e7826}
#ai .panel-top{padding:13px 24px;background:#f8fbff;color:#60718a}
#ai .ai-builder-columns{grid-template-columns:minmax(0,42fr) minmax(0,58fr);gap:0;padding:0;align-items:stretch}
#ai .prompt-box,#ai .workflow-panel{padding:24px;min-width:0}
#ai .prompt-box{border:0;border-right:1px solid #e5edf5;border-radius:0;background:#f8fbff;justify-content:flex-start}
#ai .prompt-box h3,#ai .workflow-panel h3{font-size:18px;line-height:1.3;font-weight:600;color:var(--text-heading);text-wrap:pretty}
#ai .prompt-box label{display:block;margin-top:10px;font-size:13px;line-height:1.6;color:var(--text-supporting)}
#ai .prompt-box textarea{display:block;resize:vertical;min-height:120px;width:100%;margin:18px 0 20px;padding:14px;border:1px solid #dfe7f1;border-radius:10px;background:white;color:var(--text-body);font-size:14px;line-height:1.7}
#ai .prompt-box .button{margin-top:auto;min-height:46px;font-size:14px;padding:12px 16px;background:var(--blue);border:1px solid transparent}
#ai .workflow-steps{display:grid;gap:8px;margin:16px 0 0;padding:0}
#ai .workflow-steps>div{margin:0;padding:8px 12px;min-height:42px;gap:10px;border-color:#e4ebf3;border-radius:8px;box-shadow:0 2px 6px #20466b03}
#ai .workflow-steps>div:not(:last-child):after{display:none}
#ai .workflow-steps span{font-size:12px;line-height:1.4;color:var(--text-supporting);font-variant-numeric:tabular-nums}
#ai .workflow-steps input{font-size:14px;font-weight:500;line-height:1.5;padding:2px 4px}
#ai .workflow-steps textarea{min-width:0;flex:1;width:100%;min-height:25px;field-sizing:content;resize:none;overflow:hidden;background:transparent;border:0;border-radius:3px;color:#385574;font-size:14px;font-weight:500;line-height:1.5;padding:2px 4px}
#ai .workflow-steps textarea:focus{outline:2px solid #7bb7ff;background:white}
#ai .workflow-tags{margin:0;padding:16px 24px 0;border-top:1px solid #edf1f6;gap:8px}
#ai .workflow-tags>span{font-size:12px;font-weight:600;line-height:1.4;padding:5px 9px;color:var(--text-body)}
#ai .ai-result{margin:0;padding:12px 20px 18px;border:0;font-size:13px;line-height:1.6;color:var(--text-supporting)}
@media(max-width:680px){
 #ai .ai-builder-columns{grid-template-columns:minmax(0,1fr)}
 #ai .prompt-box,#ai .workflow-panel{padding:20px}
 #ai .prompt-box{border-right:0;border-bottom:1px solid #e5edf5}
 #ai .ai-capabilities{gap:10px 20px;font-size:13px}
 #ai .ai-callout{padding:10px 14px;font-size:16px}
 #ai .prompt-box textarea{min-height:110px;margin:14px 0 18px}
 #ai .panel-top{padding:12px 20px}
}