#ai-workflow .ai-process-title{text-align:center;font-size:clamp(34px,4vw,48px);line-height:1.15;margin:12px 0 36px;letter-spacing:.01em}
.ai-process-diagram{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin:0;padding:0 0 16px}
.ai-process-step{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:25px 16px 22px;border:1px solid rgba(66,63,102,.15);border-radius:72px 72px 22px 22px;background:rgba(255,252,229,.36);box-shadow:inset 0 1px 0 rgba(255,255,255,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.ai-process-step:nth-child(2n){background:rgba(224,187,228,.13)}
.ai-process-step:nth-child(5){background:rgba(244,220,220,.24)}
.ai-step-number{font-size:12px;letter-spacing:.1em;color:var(--theme-ink);opacity:.7;margin-bottom:15px}
.ai-tool-icon{width:72px;height:72px;border-radius:22px;background:rgba(255,255,255,.72);display:grid;place-items:center;margin-bottom:13px;border:1px solid rgba(66,63,102,.09)}
.ai-tool-icon img{display:block;width:48px;height:48px;object-fit:contain;filter:none!important}
.ai-process-step:nth-child(3) .ai-tool-icon img,.ai-process-step:nth-child(4) .ai-tool-icon img{width:46px;height:38px}
.ai-tool-name{font-size:13px;line-height:1.4;margin-bottom:18px}
#ai-workflow .ai-process-step h3{font-size:28px;line-height:1.15;margin:0 0 12px;letter-spacing:.01em}
#ai-workflow .ai-process-step p{font-size:15px;line-height:1.55;margin:0;text-wrap:pretty}
.ai-output{font-size:13px;font-weight:400;line-height:1.4;margin-top:16px;padding:5px 10px;border:1px solid rgba(66,63,102,.2);border-radius:20px;background:rgba(255,252,229,.6);white-space:nowrap}
.ai-process-arrow{position:absolute;top:95px;left:calc(100% - 5px);width:34px;height:30px;z-index:2;stroke:#a579b0;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
@media screen and (max-width:1000px){.ai-process-diagram{gap:18px}.ai-process-step{padding-inline:10px}.ai-tool-name{font-size:12px}#ai-workflow .ai-process-step h3{font-size:25px}#ai-workflow .ai-process-step p{font-size:14px}.ai-process-arrow{width:28px}}
@media screen and (max-width:767px){
 #ai-workflow .ai-process-title{font-size:34px;margin-bottom:28px}
 .ai-process-diagram{grid-template-columns:1fr;gap:34px;max-width:420px;margin:auto}
 .ai-process-step{border-radius:24px;display:grid;grid-template-columns:66px minmax(0,1fr);grid-template-rows:auto auto auto;gap:0 18px;text-align:left;padding:22px;align-items:start}
 .ai-step-number{position:absolute;right:16px;top:14px;margin:0;font-size:11px}
 .ai-tool-icon{grid-column:1;grid-row:1 / span 3;width:66px;height:66px;margin:0;align-self:center;border-radius:18px}
 .ai-tool-name{grid-column:2;grid-row:1;margin:0 22px 6px 0;font-size:12px}
 #ai-workflow .ai-process-step h3{grid-column:2;grid-row:2;font-size:28px;margin:0 0 8px}
 #ai-workflow .ai-process-step p{grid-column:2;grid-row:3;font-size:14px;line-height:1.5}
 .ai-output{grid-column:2;justify-self:start;margin-top:12px}
 .ai-process-arrow{top:calc(100% + 3px);left:calc(50% - 15px);width:30px;height:28px;transform:rotate(90deg)}
}
@media print{#ai-workflow .ai-process-title{font-size:27pt;margin:4mm 0 10mm}.ai-process-diagram{gap:6mm}.ai-process-step{padding:6mm 3mm;backdrop-filter:none;-webkit-backdrop-filter:none}#ai-workflow .ai-process-step h3{font-size:17pt}#ai-workflow .ai-process-step p{font-size:10pt}.ai-tool-name{font-size:10pt}.ai-process-arrow{width:8mm;top:25mm}}