.agentic-diagram{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;margin:0 auto;max-width:900px;padding:0 20px}.agentic-diagram .row-top{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.agentic-diagram .col{align-items:center;display:flex;flex:1;flex-direction:column;gap:12px;min-width:220px;text-align:center}.agentic-diagram .pill{border:2px solid #000;border-radius:40px;box-sizing:border-box;font-size:14px;font-weight:700;padding:14px 10px;width:100%}.agentic-diagram .sub-text{color:#333;font-size:14px}.agentic-diagram .dash-line{align-self:center;border-top:2px dashed #000;flex:0 1 40px;min-width:30px}.agentic-diagram .avatar{border-radius:50%;flex-shrink:0;height:140px;overflow:hidden;width:140px}.agentic-diagram .avatar img{display:block;height:100%;object-fit:cover;width:100%}.agentic-diagram .row-boxes{align-items:stretch;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:50px}.agentic-diagram .box{align-items:center;border:2px solid #000;border-radius:10px;display:flex;flex:1;font-size:16px;font-weight:700;justify-content:center;min-width:180px;padding:20px 10px;text-align:center}.agentic-diagram .box-green{color:#7cb342}.agentic-diagram .box-purple-text{color:#a6a0e8}.agentic-diagram .box-center-wrap{background:linear-gradient(90deg,#22c55e,#6366f1,#a855f7);border-radius:12px;flex:1;min-width:200px;padding:3px}.agentic-diagram .box-center{background:#fff;border:none;border-radius:9px;height:100%;position:relative}.agentic-diagram .sparkle{filter:brightness(0);height:16px;object-fit:contain;position:absolute;right:10px;top:6px;width:16px}.agentic-diagram .plus{align-items:center;display:flex;font-size:28px;font-weight:900;justify-content:center}@media (max-width:1024px){.agentic-diagram .avatar{height:110px;width:110px}.agentic-diagram .pill{font-size:13px;padding:12px 8px}.agentic-diagram .sub-text{font-size:13px}.agentic-diagram .col{min-width:180px}.agentic-diagram .dash-line{min-width:15px}.agentic-diagram .box{font-size:15px;min-width:150px;padding:16px 8px}.agentic-diagram .box-center-wrap{min-width:170px}}@media (max-width:640px){.agentic-diagram .row-top{flex-direction:column;gap:15px}.agentic-diagram .dash-line{border-left:2px dashed #000;border-top:none;flex:none;height:30px;margin:0 auto;min-width:0;width:0}.agentic-diagram .row-boxes{flex-direction:column;gap:16px;margin-top:30px}.agentic-diagram .box,.agentic-diagram .box-center-wrap,.agentic-diagram .col{min-width:0;width:100%}}