.ai-flow{--accent:#7134a8;--line-color:#b8b4bd;--animation-speed:2.5;background:#fff;color:#24202c;font-family:Arial,sans-serif;overflow:hidden;padding:80px 20px}.ai-flow *{box-sizing:border-box}.ai-flow-container{margin:0 auto;max-width:1200px;width:100%}.ai-flow-heading{margin-bottom:40px;text-align:center}.ai-flow-heading h2{font-size:38px;font-weight:700;margin:0 0 15px}.ai-flow-heading p{color:#666;font-size:16px;margin:0}.workflow{align-items:center;display:grid;gap:clamp(45px,10vw,160px);grid-template-columns:repeat(3,200px);isolation:isolate;justify-content:space-between;min-height:360px;position:relative}.workflow-lines{height:100%;left:0;overflow:visible;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.workflow-column{display:flex;flex-direction:column;gap:35px;justify-content:space-between;position:relative;z-index:2}.workflow-card{align-items:center;background:#fff;border:1px solid #732ebb;border-radius:9px;box-shadow:0 4px 20px -5px rgba(0,0,255,.3);color:#1f1d23;cursor:pointer;display:flex;font-family:Nokora,Nokora Placeholder,sans-serif;font-size:13px;font-style:normal;font-weight:400;gap:12px;letter-spacing:-.02em;line-height:130%;min-height:60px;padding:0 16px;position:relative;text-align:center;text-overflow:ellipsis;transition:border-color .25s,box-shadow .25s,opacity .25s,transform .25s;white-space:normal}.workflow-card .card-icon{color:#9e72c5;flex-shrink:0;font-size:23px}.workflow-right .card-icon{color:#64b879}.workflow-card .card-icon svg{height:16px;width:16px}.workflow-card .card-icon svg path{stroke:currentColor}.workflow-card.active,.workflow-card:hover{border-color:var(--accent);box-shadow:0 0 14px rgba(113,52,168,.16);transform:translateY(-2px)}.workflow-card.dim :not(.connection-point){opacity:.4}.workflow-card.dim{border:1px solid #333;box-shadow:none}.connection-point{background:#333;border-radius:50%;height:7px;position:absolute;top:50%;transform:translateY(-50%);width:7px}.workflow-left .connection-point{right:-4px}.workflow-right .connection-point{left:-4px}.workflow-card.active .connection-point{background:var(--accent)}.workflow-center{position:relative;width:100%;z-index:2}.center-card{border:1px solid #732ebb;border-radius:14px;box-shadow:0 4px 20px -5px rgba(0,0,255,.3);color:#1f1d23;cursor:pointer;flex-direction:column;font-family:Nokora,Nokora Placeholder,sans-serif;font-size:15px;font-size:13px;font-style:normal;font-weight:600;font-weight:400;gap:12px;letter-spacing:-.02em;line-height:130%;min-height:110px;overflow:visible;padding:10px;position:relative;text-align:center;text-overflow:ellipsis;white-space:normal;width:100%}.center-card,.center-icon{align-items:center;display:flex;justify-content:center}.center-icon{color:var(--accent);height:32px;line-height:1;width:32px}.center-icon:before{animation:beat 2s infinite;border-radius:50%;content:"";filter:blur(8px);height:40px;margin-top:10px;opacity:.2;position:absolute;top:20px;width:40px;will-change:transform}@keyframes beat{0%{background:rgba(115,46,187,.1);transform:scale(.9)}50%{background:#732ebb;transform:scale(1.5)}to{background:rgba(115,46,187,.1);transform:scale(.9)}}.center-port{background:var(--accent);height:12px;position:absolute;top:50%;transform:translateY(-50%);width:4px}.center-port.left{left:-4px}.center-port.right{right:-4px}.flow-path{fill:none;stroke:var(--line-color);stroke-width:1.6;transition:stroke .25s,opacity .25s,stroke-width .25s}.flow-dot{fill:var(--accent);filter:drop-shadow(0 0 2px rgba(113,52,168,.6));opacity:.95}.flow-dot.dim{opacity:.1}@media (max-width:900px){.workflow{gap:30px;grid-template-columns:repeat(3,auto)}.workflow-card{font-size:12px;gap:8px;padding:12px 10px}.center-card{font-size:13px}}@media (max-width:600px){.ai-flow{padding:45px 12px}.ai-flow .flow-dot{r:3px!important}.ai-flow-heading{margin-bottom:35px}.ai-flow-heading h2{font-size:27px}.ai-flow .workflow{gap:55px;grid-template-columns:1fr;min-height:auto}.ai-flow .workflow-left .connection-point{bottom:-3px;height:6px;right:66px;top:auto;transform:none;width:6px}.workflow-right .connection-point{bottom:auto;height:6px;left:66px;top:-3px;transform:none;width:6px}.center-port.right{bottom:-3px;right:66px;top:auto}.center-port.left,.center-port.right{border-radius:50rem;height:6px;transform:none;width:6px}.center-port.left{bottom:auto;left:66px;top:-3px}.workflow-column{gap:180x;min-height:auto}.center-card,.workflow-card{margin:0 auto;max-width:140px;width:100%}.workflow-card{font-size:11px;gap:6px;min-height:48px;padding:8px}.card-icon{font-size:16px!important}.center-card{font-size:11px;min-height:110px;padding:10px 6px}.center-icon{font-size:28px}}@media (prefers-reduced-motion:reduce){.flow-path,.workflow-card{transition:none}.flow-dot{display:none}}